|
|
|
|
|
26.03.2009 11:35 |
Тестирование сайта |
Разработка Citron CMS v2.5, на которой построен сайт, подошла к концу. Теперь началась стадия отладки и заполнения контентом. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Шаг 1. Основные понятия | Просмотров: 1861 |
13.04.2009 20:10 |
Чтобы разговаривать на одном языке, а также для лучшего понимания темы, вначале следует обговорить термины, которые будут использоваться в тексте. Этот шаг при желании можно пропустить, а затем вернуться к нему еще раз, если вы встречаете слово, которое вам не понятно. |
|
|
|
Шаг 2. Создание HTML-документа | Просмотров: 2075 |
13.04.2009 20:20 |
Поскольку HTML-файл является обычным текстовым документом, то для написания кода HTML и создания веб-страницы подойдет любой текстовый редактор, например «Блокнот» (Notepad), который входит в комплект Windows. Большинство авторов так и советуют — используйте Блокнот, говорят они и точка. Но мы заявляем — забудьте об этой программе, она не предназначена для создания и редактирования HTML-кода. |
|
|
|
Шаг 3. Особенности HTML | Просмотров: 1832 |
13.04.2009 20:28 |
Прежде чем редактировать код веб-страницы, следует принять во внимание некоторые особенности, которые присущи HTML при работе с текстом. |
|
|
|
Шаг 4. Структура HTML-кода | Просмотров: 1844 |
13.04.2009 20:32 |
Если открыть любую веб-страницу, то она будет содержать в себе типичные элементы, которые остаются исходными, независимо от вида и направления сайта. Рассмотрим код, который первоначально создается в редакторе Nvu (пример 4.1). Для удобства добавлены номера строк, но в коде их, конечно же, быть не должно, иначе это приведет к ошибке. |
|
|
|
Шаг 5. Теги HTML | Просмотров: 1862 |
13.04.2009 20:35 |
Чтобы браузер понимал, что имеет дело не с простым текстом, а с особым элементом, который задает его форматирование, и применяются теги. Теги являются основой HTML и берутся в угловые скобки. Общий синтаксис написания тегов следующий. |
|
|
|
Шаг 6. Работа с текстом | Просмотров: 1856 |
13.04.2009 20:44 |
Для изменения вида текста существует достаточно большое количество различных тегов. Это и немудрено, ведь текст самый популярный вид информации. |
|
|
|
Шаг 7. Ссылки | Просмотров: 1967 |
13.04.2009 20:51 |
Ссылки являются основой гипертекстовых документов и позволяют переходить с одной веб-страницы на другую. Особенность их состоит в том, что сама ссылка может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте. Главное, чтобы к файлу, на который делается ссылка, был доступ. |
|
|
|
Шаг 8. Якоря | Просмотров: 1834 |
13.04.2009 20:55 |
Якорем называется закладка с уникальным именем на определенном месте веб-страницы, для создания перехода к ней по ссылке. Якоря удобно применять для больших документов, чтобы можно было быстро переходить к нужному разделу. |
|
|
|
Шаг 9. Изображения | Просмотров: 2121 |
13.04.2009 21:11 |
Для встраивания изображения в документ используется тег <IMG>, имеющий единственный обязательный параметр src, который определяет адрес файла с картинкой.
Для указания адреса изображения можно задавать как абсолютный, так и относительный путь. В общем случае, правила для добавления изображений те же, что и при создании ссылок.
|
|
|
|
Шаг 10. Списки | Просмотров: 2167 |
14.04.2009 12:23 |
Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде. |
|
|
|
Шаг 11. Таблицы | Просмотров: 2024 |
14.04.2009 19:40 |
Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Обычно таблицы используются для упорядочения и представления данных, однако возможности таблиц этим не ограничиваются. C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста и изображений. |
|
|
|
|
|
|
|
|
|
|
|