- •«Технологии World Wide Web: основы html и css»
- •Введение
- •Тема №1. Основы технологии html Работа №1 «Создание простого html-документа. Разметка текста»
- •Теоретико-методическая часть
- •Задание к теме
- •Работа №2. «Разделы языка html. Гиперссылки и таблицы»
- •Теоретико-методическая часть
- •Задание к теме
- •Работа №3 «Добавление в Web–узел страницы, содержащей форму»
- •Задание
- •Тема №2 «Основы табличной верстки страниц. Использование таблиц для разметки содержимого страницы»
- •Теоретико-методическая часть
- •Задание
- •Тема №3. Основы технологии css
- •Параметры описания стилей
- •Задание
- •Варианты заданий.
- •Розничные цены реализации овощей
- •Примерные цены на некоторые виды работ
- •Примерные цены на издание литературы (до 1000 экз.)
- •Литература
Задание
-
Создать папку Тема3.
-
Скопировать в нее четыре файла из папки Тема2.
-
Переименовать документы соответственно в rabota3_1.htm, rabota3_2.htm, rabota3_3.htm, rabota3_4.htm.
-
Открыть Блокнот. Сохранить документ с именем all.css в папке Тема3.
-
Набрать текст CSS согласно варианту.
-
Подключить файл all.css ко всем четырем страницам. Отредактировать их HTML-код, убрав теги, которые определяются через стили в CSS-файле.
Варианты заданий.
Вариант 1
Текстовый фрагмент |
Форматирование |
Первая страница |
|
АГРОФИРМА «СОЛНЕЧНАЯ ДОЛИНА» |
Заголовок1, по центру |
Выгодное предложение |
По центру, полужирный, Arial, 5 |
Наша фирма является крупнейшим производителем овощной продукции в районе. Мы предлагаем покупателю овощи высокого качества. Ассортимент продукции Вас приятно удивит.
Осуществляем оптовую и розничную продажу овощей. Организуем поставки к местам хранения мелкими и крупными партиями. Работаем без выходных. По России без предоплаты! Обращайтесь к нам, и Вы не пожалеете!
Для поддержания высокого уровня обслуживания своих клиентов мы принимаем претензии и пожелания. |
Абзац выровнять по ширине; Текст: Курсив, Verdana, размер 2, сменить цвет шрифта.
|
Наш адрес: Московская область, Волоколамский район, пос. Чисмена, д.9, тел. 972-35-20 |
По левому краю, Times New Roman, 3, сменить цвет шрифта |
Вторая страница |
|
Клиенты |
Заголовок 1 |
Сегодня многие покупатели стали нашими постоянными клиентами. Мы выдаем карточки постоянного клиента, дающие право на скидку как частным лицам, так и организациям |
|
|
Маркированный список, полужирный, Verdana, 3 |
Третья страница.
Розничные цены реализации овощей
Вид продукции |
Ед. измер. |
Цена, руб./ед. |
Томаты |
кг |
15,0 |
Огурцы |
кг |
12,0 |
Перец |
кг |
18,0 |
Баклажаны |
кг |
16,0 |
Вариант 2
Текстовый фрагмент |
Форматирование |
Первая страница |
|
Компания «Зеленый сад» |
Заголовок1, по центру |
Сделайте свой сад самым красивым! |
По центру, курсив, Verdana, 4 |
Наша компания является безусловным лидером в области ландшафтного дизайна в регионе. Мы используем самые современные передовые технологии.
Вы не знаете, как ухаживать за своим садом? Эксперты-садоводы будут рады помочь Вам!
У нас работают только профессионалы своего дела, которые смогут превратить Ваш участок в изумрудный уголок для отдыха. Обращайтесь к нам, и Вы не пожалеете! |
Абзац выровнять по ширине Текст: полужирный, Arial, 5, сменить цвет шрифта.
|
Наш адрес: Московская область, Волоколамский район, пос. Чисмена, д.9, тел. 972-35-20 |
По левому краю, Times New Roman, 4, сменить цвет шрифта |
Вторая страница |
|
Направления деятельности |
Заголовок 1 |
|
Маркированный список, курсив, Verdana, 4 |
Третья страница.