 |
|
Внутренняя организацтя сайта. Язык HTML. Гиперссылки.
Создание сайта – долгий и трудоемкий процесс, поэтому, чтобы избежать путаницы в документах, держите их в отдельной папке и всегда сохраняйте ее резервную копию. Все файлы, так или иначе связанные с внутренним и внешним содержанием сайта, рекомендуется сохранять.
Сайт должен иметь хорошую внутреннюю организацию. Позаботьтесь о том, чтобы все файлы были грамотно разложены по папкам. Каждый раздел и подраздел сайта должен иметь свою папку (за исключением титульного файла).
Организация сайта должна быть последовательной.
Сайт должен быть выполнен в едином стиле, чтобы не сбивать с толку посетителей. Используйте общую для всех страниц цветовую гамму и элементы оформления, чтобы создать у пользователей благоприятное впечатление.
Страницы сайта в идеале должны иметь общий вид, отличаясь друг от друга лишь своим содержанием.
Что такое HTML
Всемирная паутина соткана из web-страниц (Web-pages), а эти страницы создаются при помощи языка разметки гипертекста (HyperТext Markup Language, HTML). Хотя многие, особенно новички, говорят сегодня о "Программировании (именно с большой буквы) на HTML", HTML вовсе не является языком программирования. HTML – это язык разметки. Вы используете HTML для разметки текстового документа, точно так же, как это делает редактор при помощи жирного красного карандаша. Эти пометки служат для определения формата (или стиля), который будет использован при выводе текста на экран монитора.
Структура HTML-документа
M в аббревиатуре HTML означает "mark up" – размечать.
Текст размечается тегами, которые являют собой ключевые слова языка, заключенные в угловые скобки "<" и ">".
Чаще их употребляют парами, чтобы отметить начало и конец некоторого куска текста.
Закрывающий тег отличается от открывающего наличием косой черты "/".
Комментарии заключаются между фрагментами <!-- и --> и могут занимать несколько строк.
Общий вид HTML-документа:
<!DOCTYPE html>
<html>
<head>
Заголовок HTML-документа (не отображается на экране)
</head>
<body>
Тело HTML-документа (отображается на экране)
<!-- Это комментарий
для внесения пояснений в HTML-документ -->
</body>
</html>
<!DOCTYPE html>
Первый тег <!DOCTYPE> – это идентификатор применяемого стандарта HTML. В приведенном примере задано соответствие последнему стандарту HTML5.
Информация в заголовке <head>
Контейнер <head> содержит информацию для браузеров и поисковых систем.
Между парой тегов <body>...</body> хранится всё содержание web-страницы, которое отображается на экране монитора в окне браузера.
Это может быть простой текст, списки, ссылки, изображения, таблицы и др.
Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете
Для создания гиперссылки служит дескриптор <A>
Гиперссылка в пределах html страницы
Иногда необходимо сделать гиперссылку в пределах одной страницы. Например, на этой странице это гиперссылки в начале занятия, позволяющие перейти к просмотру конкретного вопроса, и в самом низу страницы - позволяющей перейти в начало страницы.
Чтобы построить ссылку на область внутри текущей страницы, надо дать этой области название при помощи атрибута NAME тэга <A>. Имя должно содержать только буквы и цифры.