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> |






