Практическая работа №39
Средства создания и сопровождения сайта.
Цель работы:
План работы:
Все представленные в работе файлы представлены в электронном приложении.
Теоретические сведения
Технология создания сайта предусматривает:
Инструментарий для создания сайта включает в себя: обычные текстовые редакторы, HTML- и WYSIWYG- редакторы.
Навигация – важнейший элемент сайта, показывающий посетителю место нахождения и место дальнейшего движения по сайту. Существуют линейная и параллельная навигации.
Ход выполнения работы
Создайте шаблон web- страницы. Для этого выполните следующие действия:
Заголовок web - документа
head>
<body> содержимое web- страницы ( тело документа)
web- странице -- >
body>
</ html>
- заголовок первого уровня ( выравнивание по центру)
< H1 Align =Center> Первая web- страница будет посвящена стилям оформления квартир ! < /H1>
- заголовок второго уровня ( выравнивание по левому краю)
< H2 Align = Left > Заголовок второго уровня < /H2>
- заголовок третьего уровня ( выравнивание по правому краю)
< H3 Align = Right > Заголовок третьего уровня < /H3>
- заголовок четвертого уровня ( выравнивание по центру)
< H4 Align =Center> Заголовок четвертого уровня < /H4>
- заголовок пятого уровня ( выравнивание по левому краю)
< H5 Align = Left > Заголовок пятого уровня < /H5>
- заголовок шестого уровня ( выравнивание по центру)
< H6 Align = Right > Заголовок шестого уровня < /H6>.
Атрибут выравнивания (Align )
Align=Left- выравнивание по левому краю;
Align=Center – выравнивание по центру;
Align= Right –выравнивание по правому краю.
Атрибут размера ( Size )
Атрибут цвета ( Color ): = цвет, где в качестве значения после знака равенства пишется название цвета английскими буквами и задается числовой код оттенка ( табл.)
Палитра цветов
1. Откройте файл уровни. html и сохраните его под именем линии. html в папкеСтраница.
2. Отделите все заголовки горизонтальными линиями. Для этого выполните следующие действия:
< HR Align = Center Size =7 Width = 650 Color = yellow>
< HR Align = Left Size =15 Width = 400 Color = maroon>
< HR Align =Right Size =10 Width = 300 Color = fuchsia>
4.1. Задайте для web- страницы оливковый фон с помощью команды
<Body Bgcolor=#808000> Body>.
4.2 Измените фон сайта на серебристый.
4.3 Результат выполненной работы сохраните в файле фон. html и покажите преподавателю.
5. Оформление текста на web- странице. Обособленный абзац текста в html- документе нужно заключать в контейнер <P>….P>.
В этом случае абзацы разделяются небольшим промежутком. Если нужно начать какой – либо текст с новой строки, то необходимо использовать в требуемом месте разрыва строки одиночный тег < BR>.
Выравнивание абзацев задается с помощью атрибута ALIGN, записываемого в составе открывающего тега абзаца <P> ( тал.2)
Теги форматирования абзацев
С помощью контейнера < Font> …. Font> можно менять такие параметры шрифта, как гарнитура ( Face, рис.6.15), размер ( size) и ( Color).
Параметр size задает размер шрифта в условных единицах ( от 1 до 7).
Атрибут Color определяет цвет текста, который можно задавать с помощью названий цветов или в шестнадцатеричном формате.
Контейнеры увеличения ( < BIG>…BIG>) и уменьшения (<SMALL>…SMALL>) размера шрифта могут быть многократно вложенными друг друга, чтобы увеличить или уменьшить текст до нужных размеров.
Контейнеры для шрифтового выделения представлены в табл.6.3
Таблица 6.3
Рис. 6.15. Примеры гарнитур шрифта
Окончание табл. 6.3
1. Откройте в Блокноте файл шаблон. html.
2. Сохраните файл в папке Страница под именем текст. html.
3. В файле текст. Html введите следующий текст: Вводим любой текст
4. Просмотрите результат ввода текста в браузере.
5. Заключите каждый абзац в контейнер абзаца, например <P> Стили в интерьере.P>.
6. Заголовку « Стили в интерьере» назначьте вид заголовка первого уровня, расположенного по центру. Оформите заголовок с использованием полужирного, подчеркнутого текста и размером шрифта, равным 6, т.е.
< P Align =Center> Стили в интерьере.
5.7 Оформите названия стилей в интерьере полужирным шрифтом Arial и размером, равном 4.
5.8 Результат проделанной работы сравните с рис. 6.16 и покажите преподавателю.
5.9 Выполните задание № 1 и покажите преподавателю результат работы.
Задание 1.
В конце всего текста задайте размеры шрифта от 1 до 7 и примените теги шрифтового выделения.
© ООО «Знанио»
С вами с 2009 года.