- •Содержание Теоретическая часть
- •Дание сайта шаг за шагом
- •1 Инструментальные средства для создания вэб–страниц html-редактор/блокнот
- •Графический редактор
- •Браузер
- •2 Создание шаблона страницы
- •Алгоритм создания шаблона страницы:
- •3 Создание текстового документа
- •Тэги управления цветом и размером шрифта Задание базового шрифта
- •Горизонтальная разделительная линия
- •Алгоритм создания текстового документа:
- •4 Создание ссылок в документе
- •Ссылки в пределах одного документа
- •Внешние ссылки
- •Алгоритм создания ссылок в документе:
- •5 Создание графики в документе
- •Графическое изображение – ссылка.
- •Алгоритм создания графических ссылок в документе:
- •6 Создание таблиц
- •Элемент table
- •Элемент caption
- •Элемент tr
- •Элементы td и th
- •Алгоритм создания таблиц в документе:
- •7 Общие правила проектирования навигационной схемы сайта
- •8 Создание главной и основной страницы
- •9 Хостинг, обзор компаний Интернета
- •10 Выгрузка и тестирование сайта
- •11 Раскрутка сайта Мета-тэги
- •Поисковые сервера
- •12 Банерообменные сети
- •Краткая справка по html
Краткая справка по html
Таблица А1 – Структура HTML-страницы.
HTML |
Комментарии |
<html> |
Начало HTML |
<head> |
Начало заголовка (Заголовок содержит описательную и служебную информацию) |
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="GENERATOR" content="Microsoft FrontPage 3.0"> |
Метатеги. Метатеги определяют разную служебную информацию. Здесь один метатег определяет кодировку текста, а другой говорит, кто делал этот HTML. |
<title>Заголовок</title> |
Заголовок для окна браузера |
</head> |
Конец заголовка |
<body bgcolor="#FFFFFF" text="#000000"> |
Начало тела (Содержание страницы. Оформление.) |
А здесь собственно все содержание и оформление страницы.
|
|
</body> |
Конец тела |
</html> |
Конец HTML |
Таблица А2 – Основные теги, предназначенные для оформления страницы.
Пример |
HTML |
||||||||
Параграф Еще один параграф |
<p>Параграф</p> <p>Еще один параграф</p> |
||||||||
Жирный текст |
<strong>Жирный текст</strong> или <b>Жирный текст</b> |
||||||||
Наклонный текст - курсив |
<em>Наклонный текст - курсив</em> или <i>Наклонный текст - курсив</i> |
||||||||
Подчеркнутый текст |
<u>Подчеркнутый текст</u> |
||||||||
Текст другого цвета |
<font color="#FF0000"> Текст другого цвета </font> |
||||||||
Текст с другим шрифтом |
<font face="Courier"> Текст с другим шрифтом </font> Courier - Имя шрифта |
||||||||
Левое выравнивание текстового параграфа |
<p align="left"> Левое выравнивание текстового параграфа </p> |
||||||||
Правое выравнивание текстового параграфа |
<p align="right"> Правое выравнивание текстового параграфа </p> |
||||||||
Выравнивание текстового параграфа по центру |
<p align="center"> Выравнивание текстового параграфа по центру </p> |
||||||||
Увеличенный отступ текста у какого-то параграфа |
<blockquote> <p>Увеличенный отступ</p> </blockquote> |
||||||||
|
<ol> <li>Список из</li> <li>Нумерованных</li> <li>Строчек</li> </ol> |
||||||||
|
<ul> <li>Список</li> <li>Строк</li> <li>Начинающихся с</li> <li>Точек</li> </ul> |
||||||||
Гиперссылка на Microsoft |
<a href="http://www.microsoft.ru"> Гиперссылка на Microsoft </a> Между тегами <a ...> и </a> может быть любой текст и картинки, все это будет гиперссылкой |
||||||||
Перенос на следующую строку без начала нового параграфа |
Перенос на<br> следующую строку<br> без начала<br> нового параграфа |
||||||||
Горизонтальная линия
для разделения |
<p>Горизонтальная линия </p> <hr> <p>для разделения </p> |
||||||||
Много пробелов подряд (больше, чем один пробел) |
Много пробелов Так кодируются символы в HTML, если символы с таким кодом нельзя вставить напрямую. (Много идущих пробелов и переводы строки в HTML игнорируются) |
||||||||
|
<img src="picture.gif" width="453" height="493" alt="Это подпись к картинке"> Параметр src задает файл с картинкой. width и height - задают ширину и высоту картинки, если реальный размер картинки другой, то она будет выведена отмасштабированной. Если width и height не задавать, то браузер сам определит размер. alt - задает текст, который будет выведен, если картинка еще не загрузилась |
||||||||
|
<table border="1" width="100%"> <tr> <td width="50%">Ячейка 1</td> <td width="50%">Ячейка 2</td> </tr> <tr> <td width="50%">Ячейка 3</td> <td width="50%">Ячейка 4</td> </tr> </table> 100% - это размер таблицы в процентах 50% - это относится к ширинам ячеек относительно таблицы |
||||||||
|
<table border="1" width="100%"> <tr> <td width="66%" colspan="2"> Ячейка 1</td> <td width="34%">Ячейка 2</td> </tr> <tr> <td width="33%">Ячейка 3</td> <td width="33%">Ячейка 4</td> <td width="34%" rowspan="2"> Ячейка 5</td> </tr> <tr> <td width="33%">Ячейка 6</td> <td width="33%">Ячейка 7</td> </tr> </table> colspan и rowspan - указывают на то что ячейка занимает не одно место |
||||||||
|
<table border="4" width="70%" cellpadding="3"> <tr> <td width="50%" bgcolor="#FFFF80"> Ячейка 1</td> <td width="50%">Ячейка 2</td> </tr> <tr> <td width="50%">Ячейка 3</td> <td width="50%">Ячейка 4</td> </tr> </table> Здесь задано еще несколько параметров для ячеек и всей таблицы в целом |
||||||||
Законотворческая деятельность в западных странах в электронной сфере Насколько интенсивно идет законотворческий процесс По предотвращению утечки информации о персональных данных и обеспечению безопасности электронного бизнеса, можно видеть по тем законопроектам, которые поступили в Конгресс США в последние годы. |
Участие региональных международных организаций в разработке правовых норм электронной торговли Региональный фактор в развитии электронной торговли является предметом обсуждения Европейской экономической комиссии ООН (ЕЭК ООН). Особую озабоченность органов Европейского Союза вызывает проблема защиты прав потребителей в Интернете. |
Участие специализированных учреждений ООН в решении проблем электронной торговли Важно отметить, что и другие специализированные учреждения ООН стали обращать внимание на отдельные аспекты электронной торговли. Так, Международная организация по интеллектуальной собственности (МОИС), действующая в составе ООН, намерена усилить борьбу с киберсквоттингом — захватом доменных имен с названиями, соответствующими всемирно известным торговым маркам. |
Типовой закон об электронной торговле Хорошим ориентиром для подготовки национальных законов, регулирующих электронную торговлю, является Типовой закон об электронной торговле, принятый 16 декабря 1990 г. на 85 пленарном заседании Комиссии ООН по праву международной торговли (ЮНСИТРАЛ) и утвержденный резолюцией Генеральной Ассамблеи ООН А/51/628 от 30 января 1997 г. |
Разработка стандарта ЭДИФАКТ ООН. Еще в 80-х годах XX столетия Рабочая группа по упрощению процедур международной торговли, являющаяся вспомогательным органом Европейской экономической комиссии ООН, приняла решение о пересмотре своей программы «Обмен внешнеторговыми данными другими методами, помимо бумажных документов; протоколы обмена внешнеторговыми данными» путем добавления программного элемента «Разработка стандартных сообщений ЭДИФАКТ ООН (ССООН)» ... |
|
|||||||||
|
|||||||||
Начало формы
Конец формы |
