Тема 5. Основы построения web-сайтов

Создание страниц в Интернет – одно из направлений, где необходимы знания по компьютерной графике. Здесь кратко описан язык HTML разметки гипертекста, при помощи которого создаётся большая часть страниц во всемирной паутине. С помощью HTML можно создавать не только страницы для Интернета. К примеру, в HTML можно создать интерактивную презентацию любой сложности или оформить и подготовить документ (текст, графический коллаж) для печати. Плюс ко всему этому, можно освоить специальные языки программирования (наиболее популярные из них - Javascript и PHP). С их помощью создаётся так называемый динамический HTML (Dynamic HTML). Так создаются гостевые книги, чаты, Интернет-магазины и другие интерактивные страницы (позволяющие пользователю взаимодействовать с собой). При помощи динамического HTML можно также создавать более эффективные страницы (например, вместо 50 похожих страничек написать одну динамическую).

Основные понятия Web

Неформатированный текст (обычный текст, ASCII текст) – создаётся в блокноте (Notepad) или другом простом текстовом редакторе. Неформатированный текст – т.е. без форматирования, в нём не могут использоваться различные шрифты, различный размер текста, выравнивание и т.д.

Код HTML – тоже может быть создан в простом текстовом редакторе, но отличается от обычного текста тем, что содержит специальные команды языка разметки гипертекста (HTML) – теги.

Web-страница (или HTML-страница, HTML-документ, страница, страничка) – один файл, содержащий код HTML, и имеющий расширение htm, html, php, phtml (есть и другие, реже используемые расширения).

Web-дизайнер – тот, кто создаёт web-страницы. Web-дизайнер может:

• Создавать HTML-код в текстовом редакторе (или в редакторе кода). Далее рассматривается именно такой способ.

• Создавать web-страницу визуально. Для этого используется специальный визуальный (WYSIWYG, What You See Is What You Get – что видишь, то и получаешь) редактор. Второй способ проще для начинающего, однако, зачастую визуально созданные страницы отличаются кривым кодом и большим количеством ошибок.

Браузер (browser, броузер) – программа пользователя для просмотра Web-страниц. Таким образом, Вы создаёте страницу в одной программе – редакторе, просматриваете её в другой – браузере. Можно сказать, что браузер – программа для визуального отображения кода HTML. Примеры браузеров: Microsoft Internet Explorer, Mozilla, Netscape, Firefox, Opera.

Интернет (Internet, World Wide Web, всемирная паутина, сеть) – большое количество компьютеров по всему миру, соединённых между собой.

URL (Universal Resource Locator) – адрес web-страницы или файла во всемирной сети Интернет. Каждая страница или файл в сети имеет свой уникальный URL адрес. Этот адрес записывается в специальную адресную строку браузера. Примеры URL:

http://www.yandex.ru

http://seegix.net

http://1188.ru/index.php

В большинстве браузеров не обязательно даже писать http:// и www:

yandex.ru

seegix.net

1188.ru/index.php

Пользователь (или user) – тот, кто будет просматривать Web-страницы (в контексте Web-дизайна).

Web-сайт (website, site, сайт) – совокупность web-страниц, объединённых некоторой общей идеей и связанных между собой гиперссылками.

Гиперссылка – визуальный элемент страницы, связывающий её с другими страницами или файлами. При нажатии на гиперссылку (обычно представляет собой текст или картинку), Вы переходите к другой странице, выполняете определённую команду или скачиваете файл из сети.