Лабораторна робота. Вступ в 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 руб.
Другие работы
Оборотные средства предприятия и направления повышения эффективности их использования
evelin
: 7 ноября 2013
СОДЕРЖАНИЕ
Введение…………………………………………………………………….……..4Глава I Экономическая сущность, состав и эффективность использования оборотных средств………………………………………………………………...5
1.1. Экономическая сущность оборотных средств, их состав и классификация….........................................................................................5
1.2. Источники формирования оборотных средств……………………….…...8
1.3. Показатели экономической эффективности использования оборотных средств и пути ее повышения…………………………
evelin
: 7 ноября 2013
5 руб.
Экзаменационный билет №3 по дисциплине "Системы коммутации, ч.2"
Помощь студентам СибГУТИ ДО
: 24 декабря 2013
1.Состав ЦСК – понятие аппаратных, программных средств, баз данных.
2. Алгоритм установления транзитного соединения в цифровой системе коммутации.
Помощь студентам СибГУТИ ДО
: 24 декабря 2013
250 руб.
Гидравлика РГОТУПС Задача 1.5 Вариант 9
Z24
: 16 октября 2025
Определить расход воды Q, проходящей через водоспускную трубу в бетонной плотине, если: напор над центром трубы H, диаметр трубы d, длина ее l (рис.6)
Z24
: 16 октября 2025
150 руб.
Рекреационная оценка природных рекреационных ресурсов Пермской области
DocentMark
: 28 сентября 2013
Введение 3
Природные рекреационные ресурсы 4
I. Рекреационная оценка ландшафтов
1.1. Рельеф 4
1.2. Водные объекты 5
1.3. Почвенно-растительный покров 9
1.4. Ресурсы
DocentMark
: 28 сентября 2013
4 руб.
