лекция. Курс лекций по дисциплине Создание web сайтов Тема 1 Создание веб страницы
 Скачать 95.69 Kb.
|
|
Курс лекций по дисциплине «Создание web- сайтов» Тема 1.1 Создание веб- страницы. Web- страницы выглядят зачастую очень пестро: разнокалиберные куски текста, таблицы, картинки, врезки, сноски и даже фильмы. Но описывается все это в виде обычного текста. Для форматирования содержимого web- страниц применяется особый язык HTML. С помощью команд - тегов - этого языка создаются абзацы текста, и заголовки, и врезки, и даже таблицы. Теги помещаются между символами < и >. Так же между символами < и >, помимо имени тега, присутствуют еще какие - то данные, которые называются атрибутами тега, задающие его параметры. Каждый атрибут тега имеет имя, за которым ставится знак равенства, и значение данного атрибута, взятое в двойные кавычки. Атрибуты тегов бывают обязательными и необязательными. Обязательные атрибуты должны присутствовать в теге в обязательном порядке. Необязательные атрибуты могут быть опущены; в таком случае тег ведет себя так, будто соответствующему атрибуту присвоено значение по умолчанию Основные правила, согласно которым пишется HTML- код: Имена тегов и имена атрибутов можно писать как прописными (большими), так и строчными (маленькими) буквами. Традиционно в языке HTML имена атрибутов тегов пишутся прописными буквами, а их значения - строчными, если, конечно, значение не чувствительно к регистру букв. Между символами <, >, / и именами тегов, а также внутри имен тегов не допускаются пробелы и переносы строки. В обычном тексте, не являющемся тегом, не должны присутствовать символы < и >. (эти символы называют недопустимыми). В противном случае Web – обозреватель сочтет фрагмент текста, где встречается один из этих символов, тегом и отобразит web - страницу некорректно. Имена атрибутов тегов пишутся между символами < и > после имени тега и отделяют от него пробелом или разрывом строки. Если в теге присутствуют несколько атрибутов, их отделяют друг от друга также пробелами или разрывами строки. Внутри имен атрибутов не должны присутствовать пробелы, в противном случае Web - обозреватель посчитает, что это не один атрибут, а несколько. Значение атрибута тега пишут после его имени и заключают в двойные кавычки. Между именем атрибута тега и его значением ставят знак равенства. Между именем атрибута тега, знаком равенства и открывающими кавычками могут присутствовать пробелы или разрывы строк. Символы двойных кавычек недопустимы и не должны присутствовать в обычном тексте, иначе web- обозреватель посчитает следующий за ним текст значением атрибута тега. Когда web- браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тег, который встречается в документе, должен быть тегом . Данный тег сообщает web- браузеру, что ваш документ написан с использованием HTML. МинимальныйHTML- документтак: . . . Оценитеэтотсайт:
Смежные ячейки таблицы могут объединяться с целью размещения большего количества данных. Например, в таблице из пяти строк и пяти столбцов все ячейки первой строки можно объединить и поместить в этой строке красивый заголовок таблицы. Возможно также объединение нескольких строк или создание пустой прямоугольной области. Для соединения двух смежных ячеек в одном столбце нужно использовать атрибут rowspanтега | или | , например: Для объединения двух смежных ячеек в одной строке нужно использовать атрибут colspan тех же тегов, например: Пример:
Список используемой литературы: Дронов В.А. HTML5, CSSи Web 2.0. Разработка современных Web- сайтов. – СПб.: БХВ- Петербург,2011 Евсеев Д.А. web- дизайн в примерах и задачах: учебное пособие; под редакцией В.В. Трофимова – М. :КНОРУС,2014. Влад МержевичHTMLи CSS на примерах БХВ – Петербург,2005 Дунаев В.В. Основы Web- дизайна. Самоучитель.-2-е изд., перераб. И доп. –СПб.: БХВ- Петербург,2013 Фельке-Моррис Т. Большая книга веб- дизайна; пер. с анг. Н.А. Райтмана.-М.:Эксмо, 2012 | |||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|