Разработка сайтов

Автор работы: Пользователь скрыл имя, 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. ПРИЛОЖЕНИЕ (листинг программы)

Скачать архив (724.76 Кб) Сколько стоит заказать работу?
Файлы: 9 файлов

1_vveden.doc

— 29.00 Кб (Просмотреть файл, Скачать файл)

2.doc

— 336.50 Кб (Просмотреть файл, Скачать файл)

3.doc

— 66.00 Кб (Просмотреть файл, Скачать файл)

4.doc

— 510.00 Кб (Просмотреть файл, Скачать файл)

5.doc

— 24.50 Кб (Просмотреть файл, Скачать файл)

5_liter.doc

— 23.00 Кб (Просмотреть файл, Скачать файл)

6_list.doc

— 134.50 Кб (Скачать файл)

function graph(graphName, pict){

    document.images[graphName].src=pict.src;

}

</SCRIPT> 

<table border="0" width="775" height="2">

  <tr>

    <td width="216" height="2" background-repeat: repeat-y; background-attachment: fixed; background-position: left top" valign="top" rowspan="15">

         <p align="justify" style="margin-left: 48; margin-right: 0; margin-top: 5; margin-bottom: 8">

<A href="../../index.htm" onmouseout="graph('glav', glav1)" onmouseover="graph('glav', glav2)"

target=_parent>

<img border="0"  name=glav src="../../img/knop/kn_glav.gif" width="139" height="25" alt="Главная" style="color: #FFFFFF; font-family: Times New Roman; font-size: 12pt" ></p> 

<p align="justify" style="margin-left: 48; margin-right: 0; margin-top: 10; margin-bottom: 8">

<A href="../../abitur.htm" onmouseout="graph('abitur', abitur1)" onmouseover="graph('abitur', abitur2)"

target=_parent>

<img border="0" name=abitur src="../../img/knop/kn_abitur.gif" width="139" height="25" alt="Абитуриентам" style="color: #FFFFFF; font-family: Times New Roman; font-size: 12pt"></a></p> 

<p align="justify" style="margin-left: 48; margin-right: 0; margin-top: 10; margin-bottom: 8">

<A href="../../zaochnik_let.htm" onmouseout="graph('zaochnik', zaochnik1)" onmouseover="graph('zaochnik', zaochnik2)" target=_parent><img border="0" name=zaochnik src="../../img/knop/kn_zaoch.gif" width="139" height="25" alt="Заочникам" style="color: #FFFFFF; font-family: Times New Roman; font-size: 12pt"></a></p> 

<p align="justify" style="margin-left: 48; margin-right: 0; margin-top: 10; margin-bottom: 8">

<A href="../../kafedra.htm" onmouseout="graph('kafed', kafed1)" onmouseover="graph('kafed', kafed2)" target=_parent><img border="0" name=kafed src="../../img/knop/kn_kafed.gif" width="139" height="25" alt="Кафедры" style="color: #FFFFFF; font-family: Times New Roman; font-size: 12pt"></a></p> 

<p align="justify" style="margin-left: 48; margin-right: 0; margin-top: 10; margin-bottom: 8">

<A href="../../homostud/novosty.htm" onmouseout="graph('nov', nov1)" onmouseover="graph('nov', nov2)" target=_parent><img border="0" name=nov src="../../img/knop/kn_nov.gif" width="139" height="25" alt="Новости" style="color: #FFFFFF; font-family: Times New Roman; font-size: 12pt"></a></p> 

<p align="justify" style="margin-left: 48; margin-right: 0; margin-top: 10; margin-bottom: 8">

<A href="../../histor.htm" onmouseout="graph('hist', hist1)" onmouseover="graph('hist', hist2)" target=_parent><img border="0" name=hist src="../../img/knop/kn_hist.gif" width="139" height="25" alt="История" style="color: #FFFFFF; font-family: Times New Roman; font-size: 12pt"></a></p>

       

<p align="justify" style="margin-left: 48; margin-right: 0; margin-top: 10; margin-bottom: 8">

<A href="../../adress.htm" onmouseout="graph('adres', adres1)" onmouseover="graph('adres', adres2)" target=_parent><img border="0" name=adres src="../../img/knop/kn_adres.gif" width="139" height="25" alt="Наш адрес" style="color: #FFFFFF; font-family: Times New Roman; font-size: 12pt"></a></p>        

<p align="justify" style="margin-left: 48; margin-right: 0; margin-top: 10; margin-bottom: 8">

<A href="../../tuimazy.htm" onmouseout="graph('tuim', tuim1)" onmouseover="graph('tuim', tuim2)" target=_parent><img border="0" name=tuim src="../../img/knop/kn_tuim.gif" width="139" height="25" alt="г.Туймазы" style="color: #FFFFFF; font-family: Times New Roman; font-size: 12pt"></a></p>      

<p align="justify" style="margin-left: 48; margin-right: 0; margin-top: 10; margin-bottom: 8"><A href="../../web_master.htm" onmouseout="graph('web', web1)" onmouseover="graph('web', web2)" target=_parent><img border="0" name=web src="../../img/knop/kn_web.gif" width="139" height="25" alt="Web-мастер" style="color: #FFFFFF; font-family: Times New Roman; font-size: 12pt"></a></p>      

   <p align="justify" style="margin-left: 49; margin-right: 0; margin-top: 15; margin-bottom: 8">

<a href="../../zaochnik_let.htm" onmouseout="graph('strel_1', strel_11)" onmouseover="graph('strel_1', strel_12)" target="_parent"><img border="0" name=strel_1 src="../../img/knop/strel_1.jpg" width="55" height="29" alt="Назад"></a><img border="0" src="../../img/knop/strel_000.jpg" width="27" height="29"><a href="../../kafedra.htm" onmouseout="graph('strel_2', strel_21)" onmouseover="graph('strel_2', strel_22)" target="_parent"><img border="0" name=strel_2 src="../../img/knop/strel_2.jpg" alt="Следующая" width="55" height="29"></a></p>

      </td>

    <td width="535" height="1" 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" colspan="6">

      <p class="MsoNormal" style="background-color: white; background-repeat: repeat; background-attachment: scroll; mso-layout-grid-align: none; text-autospace: none; margin-left: 5; margin-top: 5; margin-bottom: 0; background-position: 0%" align="center"><b><font color="#3333CC" size="3" face="Times New Roman">УЧЕБНЫЙ ПЛАН</font></b></p>

      <p class="MsoNormal" style="background-color: white; background-repeat: repeat; background-attachment: scroll; mso-layout-grid-align: none; text-autospace: none; margin-left: 5; margin-top: 0; margin-bottom: 0; background-position: 0%" align="center"><font color="#3333CC" size="3" face="Times New Roman">Туймазинского  государственного юридического колледжа  для </font></p>

      <p class="MsoNormal" style="background-color: white; background-repeat: repeat; background-attachment: scroll; mso-layout-grid-align: none; text-autospace: none; margin-left: 5; margin-top: 0; margin-bottom: 10; background-position: 0% 50%" align="center"><font color="#3333CC" size="3" face="Times New Roman">учащихся

      <b><span lang="EN-US" style="mso-ansi-language: EN-US">I</span> курса</b>

      специальности </font><font size="3" color="#3333CC" face="Times New Roman"><span style="mso-fareast-font-family: Times New Roman; mso-ansi-language: RU; mso-fareast-language: RU; mso-bidi-language: AR-SA">0201

      «Правоведение»</span></font>

    </td>

  </tr>

  <tr>

    <td width="105" height="2" 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" background="../../fon_tabl.jpg" rowspan="2">

      <p align="center" style="margin-left: 5; margin-top: 5; margin-bottom: 0"><b><font color="#3333CC" size="3" face="Times New Roman">Наименование предмета</font></b>

    </td>

    <td width="142" height="2" 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" background="../../fon_tabl.jpg" rowspan="2">

      <p style="margin-left: 0; margin-top: 0; margin-bottom: 0" align="center"><b><font color="#3333CC" size="3" face="Times New Roman">Общее количество часов</font></b>

    </td>

    <td width="187" height="33" 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" background="../../fon_tabl.jpg" colspan="2">

      <p align="center" style="margin-left: 0; margin-top: 0; margin-bottom: 0"><b><font color="#3333CC" size="3" face="Times New Roman">I

      семестр</font></b>

    </td>

    <td width="179" height="33" 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="right" colspan="2">

      <p align="center"><b><font color="#3333CC" size="3" face="Times New Roman">II

      семестр</font></b></td>

  </tr>

  <tr>

    <td width="86" height="42" 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" background="../../fon_tabl.jpg">

      <p style="margin-left: 0; margin-top: 0; margin-bottom: 0" align="center"><b><font color="#3333CC" size="3" face="Times New Roman">Количество</font></b></p>

      <p style="margin-left: 0; margin-top: 0; margin-bottom: 0" align="center"><b><font color="#3333CC" size="3" face="Times New Roman">контрольных работ</b></font>

    </td>

    <td width="89" height="42" 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" background="../../fon_tabl.jpg">

      <p style="margin-left: 0; margin-top: 0; margin-bottom: 0" align="center"><b><font color="#3333CC" size="3" face="Times New Roman">Вид контроля</font></b>

    </td>

    <td width="93" height="42" 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="right">

      <p style="margin-left: 0; margin-top: 0; margin-bottom: 0" align="center"><b><font color="#3333CC" size="3" face="Times New Roman">Количество контрольных      работ</b></font></td>

    <td width="81" height="42" 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="right">

      <p style="margin-left: 0; margin-top: 0; margin-bottom: 0" align="center"><b><font color="#3333CC" size="3" face="Times New Roman">Вид

      кон-</font></b></p>

      <p style="margin-left: 0; margin-top: 0; margin-bottom: 0" align="center"><b><font color="#3333CC" size="3" face="Times New Roman">троля</font></b></td>

  </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 size="3" color="#3333CC" 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">58</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">

      <font color="#3333CC">1</font></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">

      <p align="center"><font size="3" face="Times New Roman" color="#3333CC">Экзамен</font></p>

    </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">

      &nbsp;</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"></td>

  </tr>

  <tr>

    <td width="143" 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 size="3" color="#3333CC" face="Times New Roman"><span style="mso-fareast-font-family: Times New Roman; mso-ansi-language: RU; mso-fareast-language: RU; mso-bidi-language: AR-SA">Документационное обеспе­чение управления</span></font></td>

    <td width="94" 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">78</font></td>

    <td width="90" 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="68" 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>

soderganie.doc

— 22.50 Кб (Просмотреть файл, Скачать файл)

titul.doc

— 21.00 Кб (Просмотреть файл, Скачать файл)

Информация о работе Разработка сайтов