Описание практической работы №2 создание шаблона сайта

Скачать 50.7 Kb.

Название	Описание практической работы №2 создание шаблона сайта
Тип	Документы

rykovodstvo.ru > Руководство эксплуатация > Документы

Описание практической работы № 2
СОЗДАНИЕ ШАБЛОНА САЙТА

«ИННОВАЦИОННЫЕ ТЕХНОЛОГИИ, ТОВАРЫ И УСЛУГИ»
Время выполнения – 4 часа.

Цель работы: изучение и освоение принципов работы с HTML тегами, их атрибутами и умение создавать базовые элементы web–страницы.
Задачи работы:

Научиться работать с HTML тегами, их атрибутами.
Научиться задавать базовую структуру HTML документа.
Научиться создавать базовые элементы web – страницы.

Перечень обеспечивающих средств для выполнения практической работы:

– индивидуальное задание на выполнение работы для 2 человек;

– персональный компьютер;

– программное обеспечение (ПО): любой текстовый редактор или специализированная среда разработки.

Задание
Для выполнения практической работы № 2 необходимо изучить процесс создания шаблона сайта. Научиться работать с HTML тегами, их атрибутами. Научиться задавать базовую структуру HTML документа. Научиться создавать базовые элементы web – страницы.

Порядок выполнения практической работы

Создание заголовочной части web-страницы

Создать шаблон, содержащий все элементы типовой страницы. Вид HTML документа определяют инструкции или теги, обрамляющие те или иные элементы страницы.

HTML документ начинается с заголовочной части, содержащей служебную информацию и общие инструкции браузеру по отображению контента.

Листинг 00.00

01

02

03

04

05

06

Тег сообщает браузеру, что страница создана по стандарту HTML5.

Парный тег обрамляет все остальные секции любого HTML документа (данный тег должен быть в единственном экземпляре, и должен присутствовать на каждой странице).

Парный тег отделяет заголовочную часть страницы со служебной информацией.

Одиночный тег Тег предоставляет метаданные о документе HTML браузеру. Метаданные, не отображаются, а только используются для служебных целей, либо движком браузера, либо поисковыми системами. Мета элементы, как правило, используется для описания страницы (description), указания ключевых слов (keywords), указание автора документа (author), указания типа контента (content) и его кодировки (charset).

Парный тег

Создание основной части web-страницы

Создание тега html документа.

В HTML 5 для каждой части страницы имеется свой элемент.

Вот их список и краткое назначение:

1) section. Назначение - определение секций. Его используют для описания определённого блока текста, например, хорошим применением этого элемента будет разбиение большой части текста на более малые, как происходит разбиение одной статьи на несколько абзацев.

2) header. Назначение - определение верхней секции на странице.

3) footer. Назначение - определение нижней секции на странице.

4) nav. Назначение - определяет набор ссылок на другие страницы (часто используют для навигации по сайту).

5) article. Назначение - выделить определённую часть текста.

Листинг 00.00

01

02

Шапка -->

04

Логотип

Слоган

06

13

Парный тег содержат все теги, определяющие структуру и содержание web-страницы.

Парный тег

используется для разделения страницы на семантические части.

Парный тег

определяет шапку страницы. В создаваемом шаблоне она содержит заголовки первого и третьего уровней (

,

) для логотипа и слогана соответственно, и элементы навигации (

) в виде маркированного списка (

определяет список,
- элементы списка).

Атрибут href тега содержит ссылку на документ, который связан с данным пунктом навигационного меню, часть после # отвечает за ID статьи, к которой мы хотим перейти.
1. Добавление элементов на страницу
Разделим линией заголовочную и основную части и расположим текст статьи.

Листинг 00.00

01

02

03

04
Статья 1

05

06

07

08

09
Текст первой статьи

10

11

12

13
-->

14

15
Copyright 2011

16

17

18

19
Парный тег

– тег-контейнер, выделяет логический блок.

Парный тег

Похожие:

	Мастер-класс: Создание текстового документа на основе шаблона Цель: Создание текстового документа на основе шаблона (буклета) на тему «В мире профессий»		Лабораторная работа №1. 7 Проектирование форм документов. 7 Цель... Методические указания к лабораторным работам по дисциплинам: «Проектирование информационных систем в экономике», «Информационные...
	Инструкция пользователя. Создание начислений. Содержание: Особенности... Работа в информационной системе рис гмп представляет собой ряд операций, выполняемых оператором для создания Начисления или Платежа....		«Проектирование и создание веб-сайта для чоу «Спортивная школа Ушу» В работе рассматривается актуальная тема создания «Проектирование и создание веб-сайта чоу «Спортивная школа Ушу». Сформулированы...
	Создание сайта для помощи учащимся в обучении математике и информатике Создание сайта для помощи школьникам и студентам в обучении математике и информатике		Техническое задание на оказание услуг по разработке веб-сайта Акционерного... Задачей данного документа не является полное и детальное описание будущего сайта и всех его разделов
	Реферат Тема: "Создание web сайта, Синтаксис html, Объекты и формы, Создание графики." Ввести читателя в этот мир можно только одним спосо- бом: усадив его за компьютер, подключенный к Сети		Заголовок: Бланк оценивания практической работы Описание Описание: Бланк рубрик оценивания используется преподавателями для контроля практических работ студентов. Он может быть изменен и...
	Тема: Понятия «волонтерства» Создание мотивации волонтерской работы. Описание рабочих обязанностей для волонтера		Конкурс на разработку информационных источников сложной структуры (иисс) Методика работы с иисс Создание сайта для обсуждения новых задач по математике и для проведения математических олимпиад
	Конкурс на разработку информационных источников сложной структуры (иисс) Методика работы с иисс Создание сайта для обсуждения новых задач по математике и для проведения математических олимпиад		Методические указания для выполнения практической работы «создание компьютерной публикации» Методическая разработка рассмотрена на заседании предметно-цикловой комиссии информационных технологий. Рекомендована к использованию...
	Руководство по интеграции дизайна Содержание Целью документа является разъяснение основных принципов интеграции дизайна, а также объяснение частных ключевых моментов в процессе...		Инструкция по заполнению шаблона бюджетным учреждением Описание работы... Ас «Бюджет» для составления различных видов плановых документов закона о бюджете, сводных бюджетных росписей, бюджетных росписей,...
	Методы и технологии практической работы с детьми по профилактике... Представленные в параграфе методы и технологии практической работы могут использоваться в работе педагогами в образовательных учреждениях...		Программный комплекс «Открытый бюджет» Руководство администратора Инструкция по установке ...

Руководство, инструкция по применению