Лабораторна робота. Вступ в 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 руб.
Другие работы
Лабораторная работа № 5 по предмету "Программирование" Вариант 06
leokitty
: 16 февраля 2012
Задание:
Разработать программу, в которой необходимо выполнить следующие действия:
- Описать новый тип – запись, состоящую из двух полей:
Stroka
Dlina
- Ввести с клавиатуры заданную последовательность символов и записать ее в переменную строкового типа;
- Преобразовать строку в соответствии со своим вариантом;
- В поле записи Stroka переписать преобразованную строку, а в поле Dlina – длину этой строки;
- Вывести содержимое полей записи на экран;
Таблица 1 – Варианты задания
(!!! Пробел то
leokitty
: 16 февраля 2012
50 руб.
Сети связи. Лабораторная работа № 4, вариант 08.
syberiangod
: 27 мая 2011
Сети связи. Лабораторная работа № 4, вариант 08.
Цель работы: С помощью программы изучить параллельный метод для нахождения плана распределения каналов (ПРК), который является приближенным.
В отчете изобразить схему сети, составить план распределения каналов и добиться допуска ПРК.
syberiangod
: 27 мая 2011
80 руб.
Теплотехника Часть 1 Термодинамика Задача 18 Вариант 2
Z24
: 11 октября 2025
Определить основные размеры сопла Лаваля, через которое вытекает воздух в количестве 0,5 кг/с в среду с давлением 0,1 МПа. Начальные параметры газа: абсолютное давление р1 и температура t1. Истечение считать адиабатным. Потерями энергии на трение и скоростью воздуха на входе в сопло пренебречь. Изобразить в масштабе разрез сопла, приняв при этом угол конусности расширяющейся части равным 10º.
Z24
: 11 октября 2025
180 руб.
Насос смазочный - ПМИГ.ХХХХХХ.037 СБ
.Инженер.
: 30 мая 2026
В.П. Большаков. Создание трехмерных моделей и конструкторской документации в системе КОМПАС-3D. Практикум. Задание варианта 37 - Насос смазочный. Сборочный чертеж. Деталирование. Модели.
Смазочный насос одноплунжерный предназначен для смазки трущихся деталей. При движении рычага (на чертеже не показан) плунжер 4 поднимается вверх, освобожденное пространство в полости корпуса заполняется жидкой смазкой.
При движении плунжера вниз под действием пружины 12, работающей на растяжение, вытесняемое
.Инженер.
: 30 мая 2026
600 руб.
