Цели: ознакомиться с элементами и структурой HTML документа; осваивать приемы создания Web-страницы на языке HTML;
HTML – язык разметки гипертекста, стандартизированный язык разметки документов во Всемирной паутине
Создание сайтов - составной процесс, состоящий из нескольких этапов:
1. разработка дизайна,
2. вёрстка,
3. программирование,
4. безопасность.
Сопровождение сайтов:
o это техническая поддержка сайта;
o помощь в обновлении контента;
o внесение корректировок в работу ресурса.
Методы создания и сопровождения сайтов:
o вручную на языкe HTML (в БЛОКНОТЕ);
o c помощью редакторов сайтов (HEFS, DreamWeaver и др.);
o c помощью Конструктора сайтов на основе готового шаблона (ucoz.ru, narod.ru и др.);
o с помощью систем управления сайтов (Joomla, 1С Битрикс и др.).
Этапы создания WEB-страницы:
1. Разработка проекта (Постановка задачи);
· Главная тема страницы.
· Текстовое содержание (грамотный язык).
· Планировка размещения информации на странице (верстка).
· Графика (набор рисунков, анимации).
|
|
· Стиль дизайна (сочетания цветов, фоны и т. п.)
2. Алгоритм заполнения страницы.
3. Программирование.
Программа для WEB-страницы записывается на языке HTML в виде текстовых файлов в текстовом редакторе Блокнот.
HTML- hypertext markup language – язык разметки гипертекста. Основными элементами HTML являются теги (tags), с помощью которых проводится разметка текста. Теги служат для представления атрибутов и инструкций по форматированию, которые в браузерах превращаются на готовые фрагменты web- странички, готовой для просмотра пользователем.
Каждый тег имеет такой формат:
<tag>содержание тега</tag>, где <tag> открывающий тег, </tag> закрывающий тег.
Существуют так же теги, которые можно использовать без закрывающих тегов.
Чтобы лучше понять, как работают теги, приведем такую аналогию: если мы описываем форму какого- то предмета, то можем сказать, что он круглый, кубический, пирамидальный. Точно так же мы можем сказать, что какой- то элемент в документе находится слева, справа или по центру. Именно такое форматирование происходит с помощью тегов.
HTML- документ имеет три основные области.
Наивысший порядок в документе имеет тег <HTML>, для которого данный документ является подчиненным. Следующими по старшинству являются теги <HEAD> (заголовок) и < BODY> (тело документа).
Метатеги начинаются с ключевого слова meta, их действия отличаются по использованным атрибутам.
Атрибут name специфицирует информацию о странице (самоназвание документа). Атрибут content служит для описания атрибутов name и equiv.
Совершенно ясно, что обычная страничка не может обойтись без графических изображений, как в области оформления, так и в области фактической информации. Для web-дизайна используются три основных графических формата:.*gif,.*jpeg,.*png. Для вставки изображения используется тег < img src>.
|
|
В наше время разработка сайта является одним из главных атрибутов многих предприятий, которые работают не только в Интернете. Практически все компании, которые занимаются продажами и рекламой товара стремятся к тому, чтобы присутствовать во всемирной паутине.
Грамотно разработанный сайт может стать хорошим методом распространения информации о предприятии.
Так вот знания и навыки по созданию и раскрутке сайтов в ближайшем будущем будут наиболее востребованы в мире. А Интернет дает возможность распространять свою деятельность на всю нашу планету. А это означает, что где бы вы не находились, вы можете быть полезны и зарабатывать средства. Для этого вам нужен современный компьютер и Интернет.
Практическая часть