|
Содержание
Введение
1 Инструментарий
2 Менеджмент Веб-сайта
2.1 Основные этапы менеджмента
2.2 Составляющие сайта
3 Структура документа
3.1 Теги HTML
3.2 Контейнеры
3.3 Автономные теги
3.4 Атрибуты
3.5 Вложенные теги
4 Разработка веб-сайта
4.1 Структурные теги HTML
4.2 Форматирование текста
4.3 Вставка изображений и других элементов страниц
4.4 Ссылки на web-страницах
4.5 Таблицы
4.6 Списки
4.7 Фреймы
5 ВЕБ- графика
6 Литература
Введение
HTML (Hypertext Markup Language, язык гипертекстовой разметки) представ¬ляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают броузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.
Стандарт HTML и другие стандарты для Web разработаны под руководством World Wide Web Consortium (консорциум World Wide Web) — W3C. Стан¬дарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/.
|
|
Введение
HTML (Hypertext Markup Language, язык гипертекстовой разметки) представ¬ляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают броузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.
Стандарт HTML и другие стандарты для Web разработаны под руководством World Wide Web Consortium (консорциум World Wide Web) — W3C. Стан¬дарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/.
1 Инструментарий
Документы HTML являются обычными текстовыми ASСII–файлами. Это озна¬чает, что для их создания вы можете использовать любой текстовый редактор, даже с минимальными возможностями. Существуют средства редактирования, разработанные специально для написания HTML.
В качестве инструментария можно использовать такие приложения как Блокнот, Word, Far(Sift+F4), а так же html-редакторы, типа Hot Dog, Microsoft FrontPage, Macromedia Dreamweaver, CoffeCup и другие.
2 Менеджмент веб-сайта
2.1 Основные этапы менеджмента сайта
Планирование сайта
- Цель и задачи сайта
- Аудитория сайта
- Конкурентный анализ
- Проектирование составляющих сайта
Разработка сайта
Запуск сайта
2.2 Составляющие сайта
1. Дизайн — визуальное оформление информации
- разметка страниц;
- наброски и «рыбы»;
- прототип
2. Контент — информационное наполнение сайта:
- тип и формат представляемой информации;
- структурирование информации;
- общий объем информации;
- источники пополнения информации;
- навигация и инструменты навигации;
3 Структура документа
Документ HTML содержит текст (содержимое страницы) и встроенные теги с инструкциями о структуре, внешнем виде и функции содержимого.
Документ HTML разделяется на две основные части: заголовок — head и тело — body. Заголовок содержит такие сведения о документе, как его название и мета-информация, описывающая содержимое. В теле находится само содержимое документа (то, что выводится в окне броузера).
Пример демонстрирует теги, образующие основной структурный скелет документа HTML:
Название документа</P>
</TD>
</TR>
<TR><TD width="100%" height="15" valign="middle" align="center">
<div class="NavPanel">Список литературы</div>
</TD>
</TR>
<TR><TD width="100%" height="15" style="PADDING: 10px;" valign="middle" align="center">
<P>Литература</P>
<P></P>
<P>1. Якушина Е. В. Internet для школьников и начинающих пользователей ( под редакцией канд. пед.наук А.А.Журина) – М.: Аквариум, К.: ГИППВ, 2000. – 256 с., ил.</P>
<P>2. Шапошников И.В. Интернет- программирование. – СПб.: БХВ – Санкт-Петербург, 2000. – 224 с.:ил.</P>
<P>3. Шафран Э. Создание Web-страниц: самоучитель – СПб: Питер, 2000. – 320 с.: ил.</P>
<P>4. Алленова Н. Html-Первые шаги. Электронный источник. </P>
<P>5. Тим Б.Л. Руководство по стилям для создания онлайн гипертекста. Электронный источник.</P>
<P>6. Joe Barta WebTutor. Электронный источник.</P>
<P>7. Chuck Musciano, Bill Kennedy HTML: The definitive guide. Электронный источник.</P>
<P>8. Stephen Spainhour & Valerie Quercia Webmaster in a nutshell.Электронный источник.</P>
<P>9. World Wide Web Consortium, Massachusetts Institute of Technology, Institut National de Recherche en Informatique et en Automatique , Keio University HTML 4.01 Specification. Электронный источник</P>
<P>10. Дженифер Н. Web - мастеринг для профессионалов. Электронный источник.</P>
</TD>
</TR>
<TR><TD width="100%" height="15" valign="middle" align="center">
<div class="NavPanel">Примечания:</div>
</TD>
</TR>
<TR><TD width="100%" height="15" style="PADDING: 10px;" valign="middle" align="center">
<P>Примечаний нет.</P>
</TD>
</TR>
</TBODY>
</TABLE>
</td>
</tr>
</table></td>
</tr>
</index>
<tr>
<td><img src="/pic/fronted/menu_background_center.gif" alt="" width=100% height=28></td>
<td><img src="/pic/fronted/menu_background_shadow.gif" width="21" height="28"></td>
<td width=100% align="center" background="/pic/fronted/menu_background_center.gif" class="downkink">2000-2024 © Copyright «Kursovaja.su»</td>
</tr>
<tr>
<td colspan="4"></td>
</tr>
</table>
<br>
<hr>
<table width="100%" border="0" cellpadding="0" cellspacing="5">
<tr><td width="15%" valign="top">
</td><td width="85%" valign="top">
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='http://counter.yadro.ru/hit?t15.10;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->
<!-- Yandex.Metrika counter -->
<div style="display:none;"><script type="text/javascript"> (function(w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter10877461 = new Ya.Metrika({id:10877461, enableAll: true});
}
catch(e) { }
});
})(window, "yandex_metrika_callbacks");
</script></div>
<script src="//mc.yandex.ru/metrika/watch_visor.js" type="text/javascript" defer="defer"></script> <noscript><div><img src="//mc.yandex.ru/watch/10877461" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<!--BEGUN}-->
</td></tr>
</table>
</body>
</html>
|
На уровень вверх
Купить