- •№1 Знать расшифровку и основной смысл понятий: dns, html, xhtml, xml, sgml, ip, http, w3c, ietf, css, ecmaScript, dom, php
- •№2 Основные понятия Интернет
- •№3 Предназначение языков разметки html и xhtml.
- •№4 Структура xhtml документа.
- •№5 Логическое и физическое форматирование в html и xhtml.
- •№6 Гипертекстовые ссылки, абсолютные и относительные url.
- •№7 Отличия между html и xhtml.
- •№8 Способы присоединения стиля к тегу.
- •№9 Синтаксис стилей.
- •№10 Теги div и span.
- •№11 Стилевые классы.
- •№12 Создание css макетов с фиксированной шириной.
- •№13 Центрирование css макетов с фиксированной шириной
- •№14 Создание текучих макетов при помощи css
- •№15 Способы позиционирования элементов документа (свойства position и float).
- •№16 Отличительные особенности синтаксиса JavaScript
- •№17 Область видимости переменных в JavaScript.
- •№18 Простые объекты в JavaScript, свойства универсального класса Object.
- •№19 Массивы в JavaScript.
- •№20 Использование регулярных выражений в JavaScript.
- •№21 Функции в JavaScript.
- •№22 Конструкторы в JavaScript
- •№23 Прототипы в JavaScript.
- •№24 Динамическое формирование содержимого документа при помощи JavaScript.
- •№25 Объект Document и его свойства.
- •№26 Объектная модель w3c dom, представление документов в виде дерева.
- •№27 Способы обработки событий в JavaScript (api Level 0 и api Level 2).
- •№28 Объекты, описывающие свойства событий.
- •№29 Таймеры в JavaScript.
- •№30 Програмное обеспечение Web-сервера (lamp), основные возможности и предназначение.
- •№31 Структура каталогов сервера Apache
- •№32 Настройка виртуальных хостов в Apache 2
- •№33 Базовый синтаксис php
- •№34. Логические управляющие структуры в php
- •№35 Управляющие структуры повторения в php
- •№36 Функции, определяемые пользователем
- •№37 Динамические переменные и функции в php
- •№38 Использование ссылок в php.
- •№39 Строки в php
- •№40 Массивы
№3 Предназначение языков разметки html и xhtml.
HTML (HyperText Markup Language) - язык гипертекстовой разметки документов. Назначение HTML в том, чтобы сделать документы пригодными для чтения с экрана монитора.
XHTML (Extensible HyperText Markup Language – Расширяемый язык разметки гипертекста)
Один из стандартных языков разметки, являющийся приложением XML и предназначенный для описания структуры гипертекстовых документов.
№4 Структура xhtml документа.
Любой XHTML-файл состоит из трех разделов — элемента <!DOCTYPE>, заголовка (<HEAD>) и тела документа (<BODY>)
Объявление DTD документа;
Содержимое XHTML документа должно быть обязательно вложено в корневой тэг html с атрибутом xmlns="http://www.w3.org/1999/xhtml";
Секцию head;
В секции head должен обязательно присутствовать тэг title;
Секцию body.
№5 Логическое и физическое форматирование в html и xhtml.
В языке разметки HTML существует особая группа тегов, которые отвечают за логическое форматирование документа.
теги, как <b>, <i>, <u>. Они выделяют заключенный в себя текст, соответственно, полужирным, курсивным начертанием и подчеркиванием. Они называются тегами физического форматирования. Цель их применения – показать браузеру, что выделенный ими текст должен выглядеть именно так, а не иначе. Это ключевой момент – они определяют только то, как текст будет выглядеть в браузере, и ничего другого. Это физическое форматирование.
Логическое форматирование имеет несколько другую цель. Теги этой группы указывают браузеру тип заключенного в них текста. Такими типами могут быть, например, цитата, аббревиатура, программный код и многое другое. Эти теги не указывают браузеру, как должен выглядеть текст, они несут только смысловую нагрузку. Следовательно, они могут вообще никак не изменять внешний вид документа.
Элементы логической разметки указывают на смысл помещенного в них текста. Например, уже знакомый вам тег <strong> на самом деле является логическим. Он указывает на то, что текст внутри него имеет особо важное значение. А то, что он отображается жирным - это, во-первых, уже следствие, а, во-вторых, отображение можно переопределить в таблице стилей, и текст внутри <strong> и </strong> будет отображаться, например, курсивом.
Элементы физической разметки просто указывают на стиль отображения помещенного в них текста.
Например, аналогом логического элемента <strong> можно считать физический элемент <b>. Единственное, на что указывает этот элемент так это на то, что текст должен быть жирным.
Также необходимо заметить, что в XHTML предпочтительней использовать логические элементы.
№6 Гипертекстовые ссылки, абсолютные и относительные url.
Гипертекстовые ссылки задаются с помощью тега <а>. В атрибуте href этого тега должен быть указан URI объекта на который ведет ссылка. В нутрии контейнера может быть и элемент другого рода, например, ссылка на графическое изображение.
При создании сайта используют одну и более страниц. Главная страница называется index.html - она и будет открываться при указании http://your_site.ru/ Остальные страницы могут называться как угодно: photo.htm, info.htm.. все они связываются друг с другом ссылками.
Гиперссылка позволяет осуществлять переход от одного фрагмента текста к другому или же от одной страницы к другой. Гиперссылкой может быть текст (фраза, слово), а может быть и картинка.
При наведении курсора мыши на ссылку в статусной строке браузера отображается URI ресурса, на который ведет ссылка. Это очень ценная информация: по ней можно узнать, является ли ссылка внешней или внутренней по отношению к данному сайту, на объекты какого типа она указывает и т.п.
URL
HTML использует URL (Uniform Resource Locator) для представления гипертекстовых ссылок и ссылок на сетевые сервисы внутри HTML-документа. Первая часть URL (до двоеточия) описывает метод доступа или сетевой сервис. Другая часть URL (после двоеточия) интерпретируется в зависимости от метода доступа. Обычно, два прямых слэша после двоеточия обозначают имя машины:
method://machine-name/path/foo.php
Следующий пример представляет собой вызов HTML-документа index.php с сервера www.softexpress.com с использованием HTTP протокола:
http://www.softexpress.com/index.php
Uniform Resource Locator имеет следующий формат:
method://servername:port/pathname#anchor
METHOD
Имя операции, которая будет выполняться при интерпретации данного URL.(file: , http:, ftp:, mailto:, telnet:
SERVERNAME
Необязательный параметр, описывающий полное сетевое имя машины. Например:
www.softexpress.com - полное сетевое имя сервера фирмы СофтСервис.
Если имя сервера не указано, то ссылка считается локальной, и полный путь, указанный далее в URL вычисляется на той машине, с которой взят HTML-документ, содержащий данную ссылку. Вместо символьного имени машины может быть использован IP-адрес, однако это не рекомендуется из-за возможного пересечения с фиксированными локальными адресами внутренней сети.
PORT
Номер порта TCP на котором функционирует WEB-сервер. Если порт не указан, то "по умолчанию" используется порт 80. Данный параметр (port) не используется в подавляющем большинстве URL.)
PATHNAME
Частичный или полный путь к документу, который должен вызваться в результате интерпретации URL.
#ANCHOR
Данный элемент является ссылкой на строку (точку) внутри HTML-документа.
Абсолютные ссылки
Ссылки с абсолютными идентификаторами URL должны содержать в себе имя схемы, иначе браузер будет полагать, что URL является относительным.
Например:
<a href="http://your-site.ru/">Ссылка на ваш сайт</a>
Замыкающий символ косой черты в значении атрибута href говорит о том, что ссылка указывает не на конкретный файл, а на каталог (в данном случае откроется индексный файл находящийся в этом каталоге). Не поставив черту, катастрофы не случится, но страница будет открываться медленней из-за переадресации – сервер отправит клиенту сообщение с верной ссылкой на каталог, что отсрочит передачу индексного файла каталога браузеру.
Пример ссылки на почтовый адрес:
<a href="mailto:wm@your-site.ru?subject=tema">Написать письмо веб-мастеру</a>
Щелкнув по такой ссылке откроется почтовый клиент с заполненными полями Куда и Тема
Относительные ссылки
Для взаимосвязи страниц одного и того же сайта используют относительные ссылки , что удобнее абсолютных.
Относительные URL не привязаны к доменному имени сайта – поэтому если вдруг придется менять домен, то ссылки не придется править.
Относительные ссылки позволяют просматривать сайт на локальной машине, что чрезвычайно удобно для разработчика.
Пример ссылки на документ в том же каталоге:
<a href="index.html">Оглавление</a>
Пример ссылки на документ в другом каталоге:
<a href="projicts/index.html">Проекты</a>
Пример ссылки на документ в каталоге на уровень выше:
<a href="../index.html">На уровень вверх</a>
Абсолютный и относительный - ссылки на цельные документы, но не редко нужно ссылаться на какую-либо часть часть внутри веб-страницы. Для это создается метка в документе:
<li><a href="#p1">Первый параграф</a></li>
<h2><a id="p1"></a>Первый параграф</h2>
При помощи атрибута target тега <a> можно сделать, чтобы ссылка открывалась в новом окне:
<a href="index.html" target="_blank">Ссылка откроется в новом окне</a>