'

Урок 2

Понравилась презентация – покажи это...





Слайд 0

Урок 2 Основы web-дизайна и "сайтостроительства"


Слайд 1

Специальные символы Поскольку символы “<“ и “>” воспринимаются браузером как начало и конец тега, возникает вопрос: а как показывать эти символы на экране? Для этих символов, а также для некоторых других предусмотрено специальное кодирование.


Слайд 2

Тире и кавычки При создании гипертекста правильно записывайте тире и кавычки. Нередко можно видеть, как вместо тире на страницах записывают дефис, а вместо кавычек – знак дюйма. Тире должно быть длиннее дефиса раза в три! Неразрывный пробел Пробел &nbsp; потому и называется неразрывным, что браузеру запрещается использовать его место для разрыва строки при автоматическом форматировании текста. Вот характерные случаи использования этого символа:


Слайд 3

Между инициалами и фамилией (И.Сидиров - И.&nbsp;Сидоров) В многословных сокращениях(т.д. – т.&nbsp;д.) Между знаком номера и параграфа и относящимися к ним числами(№13 - &#8470; &nbsp;13) Между маркерами пунктов и следующим за ними текстом (1.Первый пункт – 1.&nbsp;Первый пункт) Между числами и относящимися к ним единицами измерениями величин(220 В - 220 &nbsp;В)


Слайд 4

Между числами и относящимися к ним единицами измерения дат(2001 г. - 2001&nbsp;г.) Перед тире в середине предложения (после тире идет обычный пробел)(Пиксель – это точка на экране - пиксель&nbsp;&#151; это точка на экране) Между классами многозначных чисел, начиная с пятизначных(32 541 - 32&nbsp;541) Перед номерами версий программных продуктов и частями их названий(Windows XP - Windows&nbsp;XP)


Слайд 5

Маркированный список Команда UL, задающая маркированный список, имеет следующую структуру: <UL> <LI>первый элемент списка</LI> <LI>второй элемент списка</LI> … <LI>последний элемент списка</LI> </UL>


Слайд 6

Нумерованный список Команда OL, задающая нумерованный список, имеет следующую структуру: <OL> <LI>первый элемент списка</LI> <LI>второй элемент списка</LI> … <LI>последний элемент списка</LI> </OL>


Слайд 7

Графика в стиле «Web» Тег для встроенного изображения: <IMG src=“имя_файла.gif” width=X height=Y>, где Х – ширина, а Y – высота изображения в пикселях. <IMG align=top src=“имя_файла.gif”> - выравнивание по верхнему краю <IMG align=center src=“имя_файла.gif”> - выравнивание по центру <IMG align=bottom src=“имя_файла.gif”> - выравнивание по нижнему краю


Слайд 8

Привязка с помощью гиперссылки Сервис WWW функционирует благодаря наличию гиперссылок, связывающих гипертекстовые документы. Эти гипертекстовые ссылки обычно отображаются на экране монитора в виде подчеркнутого текста синего цвета или графического знака. Тег гиперссылки выглядит так: <A href=“имя_файла.html”>…</A>


Слайд 9

Главное, принять на вооружение те правила дизайна, которые не просто увеличивают число посетителей гипертекстовых страничек, но и улучшают “экологию” глобальной сети.


×

HTML:





Ссылка: