Web-мастер - мастер на все руки?
С возникновением WWW появилась новая профессия - web-мастер, то есть тот, кто владеет всеми аспектами создания Web-публикаций, от подбора материала, дизайна сайта, до программирования клиентских и серверных сценариев и администрирования web-сервера. Конечно, вряд ли найдется такой человек, которому было бы по силам выполнять все эти функции. Web-мастер на самом деле - это не одна, а несколько профессий. Как правило, работу web-мастера выполняет целый отдел, в состав которого входит несколько специалистов. Должностное расписание его выглядит примерно следующим образом:
Автор | Готовит содержание сайта, подбирает информацию. Разные отделы сайта могут формироваться разными авторами. |
Дизайнер | Определяет внешний вид и стилевое оформление документов, определяет структуру сайта, систему навигации по нему. Иногда дизайнер сам создает графические элементы, анимационные клипы, а иногда для этого прибегают к услугам " цифрового художника " (digital artist). |
Программист | Разрабатывает программы (сценарии) для обработки информации на компьютере клиента (на скриптовых языках JavaScript, VBScript) и на сервере (средствами ASP, Perl, PHP, Java и др.). Иногда web-программист выполняет также и HTML-кодирование, или же это делает web-дизайнер. |
Менеджер | Осуществляет общее управление разработкой: редактирует материал, обеспечивает взаимодействие членов творческой группы, контролирует сроки выполнения и т.д. |
Системный администратор | Обеспечивает функционирование всего программно-аппаратного комплекса, обеспечивает безопасность передачи и хранения данных, защиту сайта от несанкционированного доступа. |
Границы между перечисленными должностями весьма размыты. Иногда на одной должности занято несколько человек или же, напротив, один совмещает несколько должностей.
|
|
Таким образом, трудно найти область деятельности человека, не затронутую влиянием интернета, и главной его компоненты - Всемирной паутины WWW. Так что будем изучать основы технологий, позволяющих "ткать" эту самую Паутину!
3.2. ОСНОВЫ HTML
Основным понятием языка HTML является "тэг" (англ.: tag - ярлычок, этикетка).
Тэги - это заключенные в угловые скобки " <,> " последовательности букв, (образованные, как правило, сокращением английских слов).
Код любого HTML -документа начинается тегом <html> и завершается тегом </html>.
Пара "открывающий - закрывающий" тэги называется контейнером.
Каждый документ имеет контейнер <head>...</head>, содержащий вспомогательную информацию, и контейнер <body>...</body>, содержащий сам текст документа.
Контейнер <title>...</title>, расположенный в секции <head>...</head>, содержит текст, отображаемый в верхней строке окна браузера.
|
|
Большинство тэгов предназначено для форматирования документов:
Код | Вид |
Шампунь для <b>жирных</b> котов | Шампунь для жирных котов |
<i>Спагетти, пицца, капуччино </i> | Спагетти, пицца, капуччино |
<strike>Вычеркнуть из памяти</strike> | |
<u>Я подчеркиваю, что</u> | Я подчеркиваю, что |
A<sub>i,j</sub> | Ai,j |
A<sup>2</sup> | A2 |
<big>БОЛЬШОЙ</big> ТЕАТР | БОЛЬШОЙ ТЕАТР |
<small>Маленький</small> Мук | Маленький Мук |
<center>ЦЕНТР</center> | ЦЕНТР |
неразрывный пробел | неразрывный пробел |
перевод<br>строки | перевод строки |
В HTML -документах часто используются списки: ненумерованные или нумерованные.
Ненумерованный список | Нумерованный список |
· бананы · анансы · апельсины · яблоки |
|
Элементы списков выделяются с помощью тега <li> (list item).
Нумерованный список должен находиться в контейнере <ol>...</ol> (ordered list),
ненумерованный список может находиться в контейнере <ul>...</ul> (unordered list) (наличие контейнера необязательно).
Так, для создания приведенного выше списка фруктов был использован код:
<li>бананы <li>анансы <li>апельсины <li>яблоки |
С тем же успехом мы могли использовать код:
<ul> <li>бананы <li>анансы <li>апельсины <li>яблоки </ul> |
Заменив контейнер <ul>...</ul> на <ol>...</ol>, мы получили бы список с номерами при каждом элементе. В частности, вот так выглядит код для списка канцелярских принадлежностей:
<ol> <li>тетради <li>авторучки <li>карандаши <li>ластики </ol> |