Лабораторна робота. Вступ в CSS. Властивості блочних об'єктів
-
Категории:
Информационные технологии и системы, Работа Лабораторная
-
Добавлен:
30.06.2014
-
Размер:
713 KB
-
Покупок:
0
-
Добавил:
SerFACE
Написать сообщение
Скачать
Состав работы
3167C5C1-E1C6-493E-99D3-17972D262E08.docx
|
Работа представляет собой файл, который можно открыть в программе:
- Microsoft Word
Описание
Мета: Вивчити можливості CSS по роботі з блочними об'єктами. Вивчити основні властивості блоків.
Хід роботи:
1. Створив html-файл lab7.htm, який має блочний елемент DIV. Створив css-файл і підключив його до html-документу. Створила клас k1, в якому визначила розмір блока 200х200 пікселей, фон (світло-зелений) і рамку (суцільну, темно-зелену, шириною в 3 пікселя). Підключив класс k1 до блоку в html-документі. Додав ще п'ять таких же блоків розміром 200х200 пікселей. Блоки розташовані друг під другом. Додав в клас k1 оголошення float:left. Обновив і переглянув зміни при зміні розмірів вікна.
2. Створив в окремому файлі горизонтальний світлофор з трьох блоків. Ширину блоків зробив динамічними, щоб вони змінювалися в залежності від ширини вікна, але всі блоки мають одну ширину. Задав кожному блоку свій колір. Відступи для body прибрав за допомогою css.
Світлофор.html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="ss.css">
</head>
<body>
<div class="k1"></div>
<div class="k2"></div>
Хід роботи:
1. Створив html-файл lab7.htm, який має блочний елемент DIV. Створив css-файл і підключив його до html-документу. Створила клас k1, в якому визначила розмір блока 200х200 пікселей, фон (світло-зелений) і рамку (суцільну, темно-зелену, шириною в 3 пікселя). Підключив класс k1 до блоку в html-документі. Додав ще п'ять таких же блоків розміром 200х200 пікселей. Блоки розташовані друг під другом. Додав в клас k1 оголошення float:left. Обновив і переглянув зміни при зміні розмірів вікна.
2. Створив в окремому файлі горизонтальний світлофор з трьох блоків. Ширину блоків зробив динамічними, щоб вони змінювалися в залежності від ширини вікна, але всі блоки мають одну ширину. Задав кожному блоку свій колір. Відступи для body прибрав за допомогою css.
Світлофор.html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="ss.css">
</head>
<body>
<div class="k1"></div>
<div class="k2"></div>
Похожие материалы
Лабораторна робота. Керування конфігурацією системи.
SerFACE
: 30 июня 2014
Тема: керування конфігурацією системи.
Мета: розглянути механізми, які в значній мірі автоматизують процеси керування конфігурацією прикладних рішень «1С: Підприємство».
Хід роботи:
1. Створив налаштування поставки конфігурації.
Рисунок 1 – Налаштування властивостей
Рисунок 2 - Налаштування поставки конфігурації
2. Створив комплект поставки конфігурації.
Рисунок 3 – Створений комплект поставки
Рисунок 4 – Комплект поставки
Після виконання файлу setup.exe можемо створити нову базу к
SerFACE
: 30 июня 2014
5 руб.
Лабораторна робота. Діаграми варіантів використання
SerFACE
: 23 мая 2013
Мета : навчитися будувати діаграмми варіантів виконання.
Завдання: побудувати діаграму варіантів виконання згідно з варіантом
Короткі теоретичні відомості:
Діаграми варіантів використання - є вихідним концептуальним поданням системи в процесі її проектування і розробки.
Діаграма складається з акторів, варіантів використання і відносини між ними.
Допускається використання додаткових нотацій, розширень. Проектована система представляється у вигляді безлічі акторів, які взаємодіють з системою за до
SerFACE
: 23 мая 2013
20 руб.
Лабораторна робота. Побудова діаграм послідовності
SerFACE
: 19 мая 2013
Мета : навчитися будувати діаграми послідовності.
Завдання:
Побудувати діаграму послідовності згідно з варіантом.
Короткі теоретичні відомості:
Діаграма послідовності — в UML, діаграма послідовності відображає взаємодії об'єктів впорядкованих за часом. Зокрема, такі діаграми відображають задіяні об'єкти та послідовність відправлених повідомлень. На діаграмі послідовностей показано у вигляді вертикальних ліній різні процеси або об'єкти, що існують водночас. Надіслані повідомлення зображуються у в
SerFACE
: 19 мая 2013
20 руб.
Лабораторна робота. Робота з двовимірними масивами.
SerFACE
: 11 октября 2013
Мета. Закріпити навички обробки одномірних масивів в програмах.
Завдання.
Написати програму для обробки двовимірного масиву. Дані вводяться із клавіатури, результат виводиться на екран.
Хід роботи:
Варіанти завдань No3
1. У цилочисельної прямокутній таблиці замінити всі негативні елементи на їхні модулі.
1) Спочатку я використав генератор випадкових чисел
Генератор випадкових чисел – спеціальна бібліотечна підпрограма, яка повертає випадкове значення.
В мові Сі є дві функції генерат
SerFACE
: 11 октября 2013
10 руб.
Лабораторна робота. Планування розробки інформаційної системи
SerFACE
: 30 июня 2014
Мета: вивчення формальних методів планування розробки програмних системи з метою оптимізації управління даним процесом.
Початкова форма
Рисунок 1 – Форма для перетворення
Робоча форма:
Рисунок 2 – Перетворена форма
Таблиця 1 – Результати обчислення термінів початку закінчення робіт на етапах
Висновок: вивчив формальні методи планування розробки програмних системи з метою оптимізації управління даним процесом.
Отчет полный.
SerFACE
: 30 июня 2014
5 руб.
Лабораторные роботы по дисциплине: Программирование. Вариант №2
Amor
: 2 июня 2014
Лабораторная работа №1
Задание:
Разработать программу для вычисления:
1) значения заданного арифметического выражения (см. скрин)
2) значения заданной функции
d = (x-y)+arctg(x), при x>y;(y-x)^3+arctg(x), при y>x;(y+x)^3+0.5, при x=y.
и вывода на экран полученных результатов.
Значения исходных данных выбираются произвольно. Ввод исходных данных организовать любым известным вам способом (использовать не менее двух способов).
Результат работы программы:
Лабораторная работа №2
Задание:
Написат
Amor
: 2 июня 2014
800 руб.
Об’єктно – орієнтоваа мова програмування - лабораторна робота
SerFACE
: 8 октября 2013
Мета:Написати програму на Об’єктно – орієнтованій мові програмування.
Хід роботи
Варіант 2
Лістинг програми:
package education;
import java.security.acl.Group;
class Program {
private static class bool {
public bool() {
private static class string {
public string() {
}
}
private Object mass;
private Object Student_info;
private static class params {
public params() {
private Object arr;
private static class DateTime {
SerFACE
: 8 октября 2013
5 руб.
Лабораторна робота. Програмна архітектура розподілених систем.
SerFACE
: 23 мая 2013
Мета: опрацювати теоретичні матеріали з проектування розподілених систем та застосувати їх на практиці при виконанні лабораторної роботи.
Хід роботи
У другій половині 70-х з'явилися пристрої для діалогової взаємодії з комп'ютером - термінали. Однак, вони не виконували жодних функцій, крім виведення символів, отриманих від комп'ютера на дисплей і передачі введених з клавіатури символів в комп'ютер. Тому подібний пристрій отримав назву "dumb terminal" - дослівно «тупий термінал».
Хост-ЕОМ Перева
SerFACE
: 23 мая 2013
20 руб.
Другие работы
Автомобильные датчики
Aronitue9
: 7 января 2012
Автомобильные датчики
Содержание:
1) Введение.....................................................................3
2) Понятие датчика............................................................3
3) Общие свойства автомобильных датчиков............................7
4) Существующие автомобильные датчики:...........................10
Термобиметаллические датчики.............................10
Датчик оборотов коленчатого вала и BMT (CPS)........11
Датчики электрических приборов.................
Aronitue9
: 7 января 2012
20 руб.
Разработка технологического процесса ремонта опорной поверхности надрессорной балки
MagicT
: 14 февраля 2017
Курсовой проект содержит 32 страниц ,6 рисунков, 2 таблиц, 12 источников, 1 приложение.
Технологический процесс, деталь, заготовка, станок, приспособление, режущий инструмент,
Объектом разработки является технологический процесс ремонта надрессорной балки.
Цель работы – разработать технологический процесс ремонта опорной поверхности надрессорной балки, для этого необходимо произвести полный анализ базового технологического процесса, спроектировать технологический процесс восстановления дет
MagicT
: 14 февраля 2017
100 руб.
Клапан обратный МЧ00.35.00.00
coolns
: 11 октября 2019
Клапан обратный автокад
Клапан обратный чертеж
Клапан обратный чертежи
Клапан обратный деталирование
Клапан обратный скачать
В гидравлических системах, где необходимо свободно пропускать жидкость только в одном направлении, применяют обратные клапаны.
Клапан имеет запорный элемент, состоящий из деталей поз. 6, 8, 9. Под действием избыточного давления жидкости, поступающей через отверстия в деталях поз. 4, 5, клапан поз. 6 отходит и пропускает жидкость в полость корпуса поз. 1 и далее в магистр
coolns
: 11 октября 2019
260 руб.
Активизация учебного процесса
Lokard
: 23 марта 2013
Путь труден, - потому что требует больших усилий, преодоления себя, твердости духа, непростого умения совмещать учебу с работой, выполнением семейных обязанностей, досугом. Путь надежен, - потому что эти трудности преодолеваются осознанно, с верой в себя и свои силы, в свое будущее. Старая китайская пословица гласит: даже самая долгая дорога начинается с первого шага. Тем более - дорога, новая для ступившего на нее, к тому же - в новый для него мир интенсивного познания.
Однако - таков жизненны
Lokard
: 23 марта 2013
15 руб.
