Первая WEB страница.

Прежде, чем приступить к теоретическому изучению основ WEB программирования, в браузер поисковой системы интернет вставим искомое словосочетание, и увидим множество сайтов и страниц, связанных с нашей темой. В свое время , я остановился на сайте monemaster.ru, где автор сайта Владимир Бывалов подробно излагает материал по интересующей тематике и не только. На сайте достаточно справочных материалов по веб программированию и веб дизайну. Доходчиво изложен материал о создании, регистрации и размещении сайта в интернете в уроках Владимира Дворянкова. Настоящим клондайком, стала книга Владимира Дронова "Adode Dreamweaver CS3". Но об этой книге остановлюсь позже, после освоения первых уроков и создания первых страниц. И так сконцентрируем все отобранные материалы папке "избранное" и приступим к изучению и практическому применению изученного.

Урок первый

Начну с того, что написано в каждом учебнике по WEB программированию. И более точно, чем сказано в нем, изложить невозможно. И сейчас сухим книжным языком передам суть определения.

Для установления соединения с удаленным сервером используется сетевой адрес документа. Этот адрес зовется универсальным указателем ресурса - URL (Uniform Resource Locator). В ответ сервер посылает документы, чаще всего в формате HTML. Можно считать, что в нормальных условиях после запуска программы-браузера и ее подключения к серверу последовательно происходит шесть событий:

1. Hа стороне пользователя браузер декодирует заданный URL и подключается к серверу.

2. Браузер требует от сервера предоставить необходимый документ.

3. Сервер преобразует переданную ему часть URL в имя файла и путь к нему.

4. Сервер отсылает найденный файл документа на компьютер пользователя.

5. Сервер разрывает установленное соединение.

6. Браузер на компьютере пользователя отражает полученный документ. HTML - HyperText Markup Language - язык разметки гипертекста.

Документы на языке HTML позволяют пользователю, указав на выделенное слово или фразу, получить доступ к файлу или перейти на другой HTML-документ, который связан с указанным участком текста гиперссылкой. Такие гипертекстовые связи между файлами и документами, расположенными на серверах по всему миру, позволяют системе работать так, как будто она представляет собой огромную паутину информации. HTML - не язык верстки! Это средство логической разметки, и не пытайтесь располагать ваши элементы в определенных позициях и определенных местах. У вашего клиента нет размера экрана, нет размера браузера, нет цветов и нет звуковой карты. Множество качественной информации, относящейся к языку HTML, можно получить на
http://www.w3c.org. Hа http://www.citforum.ru есть перевод стандарта.

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

<html>- Сообщает браузеру, что документ создан на HTML.

<head>- Отмечает вводную и заголовочную части HTML-документа.

Эти тэги необходимы Web-браузеру для определения различных частей HTML-документа, они не оказывают прямого влияния на внешний вид WEB-страницы. Они необходимы для того, чтобы последующие нововведения в HTML правильно интерпретировали вашу страницу, а также для того, чтобы она выглядела одинаково в часто используемых браузерах. Например, на хостинге (место, где вы расположите веб-страницу) веб-сервером, создавая список имеющихся HTML-документов (подобных вашему), запускается программа, которая использует только эти тэги. Таким образом, если на странице нет этих тэгов, она не будет включена в этот список.

Что нам стоит сайт построить

Уроки для чайников

Урок первый

Что такое HTML?