Автор работы: Пользователь скрыл имя, 30 Августа 2012 в 01:06, дипломная работа
World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW.
I. ВВЕДЕНИЕ …………………………………………………………….
1.1 Концепция WWW ………………………………………………….
II. ОСНОВНЫЕ ПРАВИЛА И ЭТАПЫ СОЗДАНИЕ САЙТА ………...
2.1 Правила Web-дизайна ……………………………………………..
2.1.1 Что такое стиль? ………………………………………….
2.1.2 Цветовые ассоциативные и эмоциональные модели …..
2.2 Браузеры ……………………………………………………………
2.3 Влияние дисплеев на Web-дизайн ………………………………..
2.4 Стандартные размеры и разрешения дисплеев ………………….
2.5 Обеспечение доступности Web-страницы ……………………….
2.6 Представление графики на Web-страницах ……………………...
2.6.1 Разрешение и размер файла изображений ……..…....….
2.7 Графические редакторы …………………………………...……...
2.7.1 Редакторы растровой графики …………………………..
2.7.2 Редакторы векторной графики …………………………..
III. ВЫБОР СТРУКТУРЫ WEB-СТРАНИЦЫ …………………………...
3.1 Создание фиксированных и гибких Web-страниц …………...….
3.2 Разработка комбинированных Web-страниц …………………….
3.3 Язык HTML …………………………….…………………………..
3.4 Теги HTML …………………………………………………………
3.5 Структура HTML документа ……………………………………...
3.5.1 Форматирование текста ………………..………………...
3.6 Программа и ее описание ………………………………………….
IV. ЗАКЛЮЧЕНИЕ ………………………………………………………...
V. ЛИТЕРАТУРА ………………………………………………………….
VI. ПРИЛОЖЕНИЕ (листинг программы)
<td width="92" height="8" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center"></td>
<td width="61" height="8" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font color="#3333CC">Зачет</font></
</tr>
<tr>
<td width="145" height="4" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<p style="margin-left: 0; margin-top: 0; margin-bottom: 0"><font
size="3" color="#3333CC" face="Times New Roman"><span
style="mso-fareast-font-
<p style="margin-left: 0; margin-top: 0; margin-bottom: 0"><font
size="3" color="#3333CC" face="Times New Roman"><span
style="mso-fareast-font-
и судеб-</span></font></p>
<p style="margin-left: 0; margin-top: 0; margin-bottom: 0"><font
size="3" color="#3333CC" face="Times New Roman"><span
style="mso-fareast-font-
органы<span style="mso-spacerun: yes"></span></span></font></
<td width="95" height="4" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<font color="#3333CC">80</font></td>
<td width="90" height="4" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center"></td>
<td width="68" height="4" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center"></td>
<td width="92" height="4" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<font color="#3333CC">1</font></td>
<td width="61" height="4" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<p align="center" style="margin-left: 2"><a
href="../../skash_zip/dir_
</td>
</tr>
<tr>
<td width="143" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font color="#3333CC" size="3" face="Times
New Roman"><span style="mso-fareast-font-
<td width="94" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font color="#3333CC">86</font></td>
<td width="90" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center"></td>
<td width="68" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center"></td>
<td width="92" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font color="#3333CC">1</font></td>
<td width="61" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<p align="center"><font color="#3333CC">Экзамен</font>
</tr>
<tr>
<td width="145" height="7" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<font color="#3333CC" size="3" face="Times New Roman">Логика</font></td>
<td width="95" height="7" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<font color="#3333CC">70</font></td>
<td width="90" height="7" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
</td>
<td width="68" height="7" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center"></td>
<td width="92" height="7" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<font color="#3333CC">1</font></td>
<td width="61" height="7" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<font color="#3333CC">Зачет</font></
</tr>
<tr>
<td width="143" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font color="#3333CC" size="3" face="Times
New Roman"><span style="mso-fareast-font-
<td width="94" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font color="#3333CC">90</font></td>
<td width="90" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center"></td>
<td width="68" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center"></td>
<td width="92" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font color="#3333CC">1</font></td>
<td width="61" height="6" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center"></td>
</tr>
<tr>
<td width="145" height="11" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<font color="#3333CC" size="3" face="Times
New Roman"><span style="mso-fareast-font-
<td width="95" height="11" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<font color="#3333CC">50</font></td>
<td width="90" height="11" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center"></td>
<td width="68" height="11" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<font color="#3333CC">Зачет</font></
<td width="92" height="11" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center"></td>
<td width="61" height="11" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-position: left top" valign="middle" align="center">
<font color="#3333CC">Зачет</font></
</tr>
<tr>
<td width="145" height="14" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font size="3" color="#3333CC" face="Times New Roman">Теория
государства и права</font></td>
<td width="131" height="14" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font color="#3333CC">80</font></td>
<td width="84" height="14" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font color="#3333CC">1</font></td>
<td width="74" height="14" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center"></td>
<td width="93" height="14" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center">
<font color="#3333CC">1</font></td>
<td width="65" height="14" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat; background-attachment: scroll; color: #FFFFFF; background-image: url('../../fon_tabl.jpg'); background-position: left top" valign="middle" align="center"></td>
</tr>
<tr>
<td width="145" height="11" bgcolor="#FFFFFF" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="background-color: #FFFFFF; background-repeat: repeat-y; background-attachment: fixed; color: #FFFFFF; background-position: left top" valign="middle" align="center">