Далее я так же создал таблицу и в ней вставил кнопки, которые сделал в Corel DRAW X4.

< center> < table height=65 width=800 border=0> < tr> < td> < /center>

< a href=" женскаяодежда.htm" > < img height=65 width=195 src=" кнопка1.png" > < /a>

< a href=" мужскаяодежда.htm" > < img height=65 width=195 src=" кнопка2.png" > < /a>

< a href=" детскаяодежда.htm" > < img height=65 width=195 src=" кнопка3.png" > < /a>

< a href=" картасайта.htm" > < img height=65 width=195 src=" кнопка5.png" > < /a> < /td>

< /tr> < /table>

Завершающим шагом я вставил скрипт в виде снежинок

< script type=" text/javascript" > var imgsrc=" flake1.gif"; var ie4=(document.all)? 1: 0; var ns6=(document.getElementById& &! document.all)? 1: 0; var height= (document.layers)? window. innerHeight: window.document.body.scrollHeight; if (height < window.document. body.clientHeight) height= window.document.body.clientHeight; var width =(document.layers)? window. innerWidth: window.document.body.clientWidth; var col= Math.round (height/50) //количество снежинок amp=new Array(); x_pos=new Array(); y_pos=new Array(); stx=new Array(); sty=new Array(); deltax=new Array(); obj=new Array();

for (i=0; i< col; ++i) { amp[i]=Math.random()*19; x_pos[i]=Math.random()*(width-amp[i]-29); y_pos[i]=Math.random()*height; stx[i]=0.03+Math.random()*0.25; sty[i]=2+Math.random();

deltax[i]=0; if (ie4||ns6) { document.write(" < img id=\" sn" + i +" \" style=\" position: absolute; " +

" z-index: " + i +"; visibility: visible; top: -50px; left: -50px; \" " + " src='" +imgsrc+" ' border=0> " );

} obj[i] = document.getElementById(" sn" +i)} function flake() { for (i=0; i< col; ++i) { y_pos[i]+=sty[i]; if (y_pos[i]> height-49) { x_pos[i]=Math.random()*(width-amp[i]-29); y_pos[i]=0}deltax[i]+=stx[i]; obj[i].style.top=y_pos[i]+" px"; obj[i].style.left=x_pos[i]+amp[i]*Math.sin(deltax[i])+" px"; }setTimeout(" flake()", 40); }flake(); < /script>

(смотрите: Приложение 1. Рис.6)

Глава 2.1 Страница «Женская одежда»

Для страницы «Женская одежда», я создал таблицу по центру размером (200*800) с тремя ячейками, в первую ячейку я поместил картинку размером (200*170), во вторую ячейку я поместил описание наименования, в третью ячейку я поместил кнопку «Купить», с помощью которой можно сделать заказ. Следующие страницы сделал таким же способом.

< center> < table height=200 width=800 border=2> < tr> < td> < center> < img height=200 width=170 src=" 10.jpg" > < td> < font face=" Comic Sans MS" size=6 > < center> Кофточка 1499234 < /center> < font face=" Comic Sans MS" size=4> < center> MY STYLE < br> Размер: XS, S, M, L, XL < /center> < br> < font face=" Comic Sans MS" size=5> < center> 999 рублей < td> < /center> < center> < a href=" Обратная.htm" >

(смотрите: Приложение 1. Рис.7)

Глава 2.2 Страница Мужская одежда

< center> < table height=200 width=800 border=2> < tr> < td> < center> < img height=200 width=170 src=" 17.jpg" > < td> < font face=" Comic Sans MS" size=6 > < center> Зимняя куртка 1634 < /center> < font face=" Comic Sans MS" size=4> < center> MY STYLE < br> Размер: XS, S, M, L, XL < /center> < font face=" Comic Sans MS" size=5> < center> 4199 рублей < td> < /center> < center> < a href=" Обратная.htm" > < img height=40 width=200 src=" купить.jpg" > < /a> < /center> < /tr> < /td> < /table>

(смотрите: Приложение 1. Рис.8)

Глава 2.3 Детская одежда

< center> < table height=200 width=800 border=2> < tr> < td> < center> < img height=200 width=170 src=" 22.jpg" > < td> < font face=" Comic Sans MS" size=6 > < center> Зимняя парка 14884 < /center> < font face=" Comic Sans MS" size=4> < center> MY STYLE < br> Размер: XS, S, M, L, XL < /center> < br> < font face=" Comic Sans MS" size=5> < center> 1999 рублей < td> < /center> < center> < a href=" Обратная.htm" > < img height=40 width=200 src=" купить.jpg" > < /a> < /center> < /tr> < /td> < /table

(смотрите: Приложение 1. Рис 9)

Глава 2.4 Карта сайта

Для страницы «Карта сайта», я создал таблицу, в нее я поместил название каждой страницы и на название страниц я сделал гиперссылки, нажав на которою можно перейти на выбранную страницу.

< center> < table height=120 width=800 border=0> < tr> < td> < /center>

< font face=" Comic Sans MS" size=7> < a href=" главная.htm" > Главная< /a> < br>

< a href=" женскаяодежда.htm" > Женская одежда< /a> < br>

< a href=" мужскаяодежда.htm" > Мужская одежда< /a> < br>

< a href=" детскаяодежда.htm" > Детская одежда< /a> < br>

< a href=" картасайта.htm" > Карта сайта< /a> < br> < /center> < /td> < /tr> < /table>

(смотрите: Приложение 1. Рис.10)

Заключение

Цель моей работы - создание сайта на языке программирования HTML. Она была достигнута с помощью решения следующих задач: Был разработан макет сайта, была разработана карта сайта, были созданы страницы сайта. Так же на данном сайте реализован механизм обратной связи с помощью заказа одежды. Так же на сайте реализованы ява скрипты для улучшения визуализации.

Можно работать на Web без знания языка HTML, так как тексты HTML могут создаваться различными специальными редакторами и конвертерами. Писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или производят плохой HTML код, который не работает на различных платформах.

Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML вероятнее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, Вы сможете создавать документы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, предоставляемый Netscape Navigator, Internet Explorer или некоторыми другими программами. Работа с HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только когда это действительно необходимо. HTML был написан вручную.

Список используемых источников

1. Вайнман Л. Динамический HTML: руководство разработчика Web-сайтов: [пер. с англ.] / Линда Вайнман, Вильям Вайнман. - Киев и др.: DiaSoft, 2012. - 449 с. Шифр РНБ: 2012-5/517

2. Загуменнов А. П. Как раскрутить Web-сайт / Загуменнов А.П. - М.: ДМК Пресс, 2013. - 268 с. Шифр РНБ: 2013-7/2092

3. Максимов, В. В. Технологии создания Web-сайтов / В.В. Максимов, А.В. Алексеев С.Д. Лыткин; Якут. гос. ун-т им. М.К. Аммосова, Центр дистанц. образования ЯГУ " Ситим", Прожект Хармонии, Инк. - Якутск: Якут. фил. Изд-ва СО РАН, 2012. - 44 с. Шифр РНБ: 2012-4/18815

4. Михайлов О. А. Создание Веб-сайтов и их обновление / О.А. Михайлов; Федер. арх. служба России, Рос. о-во историков-архивистов, Рос. гос. архив науч.-техн. документации. - М.: МАКС Пресс, 2011. - 47 с. Шифр РНБ: 2011-4/22893

5. Билл Кеннеди, Чак Муссиано – " HTML Подробное руководство (HTML & The Definitive guide) 2011

Приложение 1

Рис 1. Основные тэги по созданию страницы.

Рис 2. Основные тэги по созданию страницы.

Рис 3. Размещение диаграммы, графики, рисунка или фотографии.

Рис 4-5. Атрибут ALIGN (выравнивание)

Атрибут FONT - установка свойств шрифта

Рис 6. Главная страница

Рис 7. Женская одежда

Рис 8. Мужская одежда

Рис 9. Детская одежда

Приложение 2

Карта сайта

Рис 10. Карта сайта

Приложение 3

Техническое задание

Доменное имя	Сайт временно не введен в домен
Название сайта	Интернет-магазин NAME`S
Назначение сайта	Для покупки одежды.
Язык сайта	Html, JavaScript
Структура сайта	Главная страница, Женская одежда, Мужская одежда, Детская одежда, Карта сайта.
Карта сайта	Отображаются все страницы, которые находятся на сайте.
Основные ключевые слова, по которым можно найти сайт в поисковой системе	Женская одежда, Мужская одежда, Детская одежда, Жилет, Зимняя куртка, Свитшот, Кардиган, Кофточка, Пижама, Зимняя парка, Толстовка.
Навигация сайта	Нажимая на кнопку на сайте, перемещается в другой раздел.
Дисковое пространство для сайта	3 мб
Размер, вид шрифта и цвет текста на сайте.	Размер текста 12-20, вид шрифта“ComicSansMS”, цвет шрифта черныйю
Дополнительные модули размещенные на сайте.	JavaScript – снежинки.
Проведение рекламной компании по раскрутке сайта	Делаем аудит Предлагаем список ключевых слов Подбираем оптимальный тарифный план Обозначаем гарантии и схему работы
Порядок выбора хостинговой компании	Хостинговую компанию выбирал по советам пользователей на сайтах и форумах. STATUSHOS (http: //www.statushost.ru/bbm/aff/reg) является хорошей компании хостингов и входит в пятерку лучших хостинговых компаний. А цены начинаются с 0, 49 доллара, что по карману каждому. Во всех тарифных планах трафик неограничен, кроме того предоставлено много дополнительных бесплатных сервисов, таких как гостевая книга, форум, подробная статистика, интернет-магазин, фотогалерея и еще много других полезных приложений.
Порядок обеспечения процесса сопровождения сайта	На Сайте размещается информация, по данной теме. Информация может обновляться в течение 24 часов
Порядок сдачи-приёмки сайта	Сдача готового сайта производится преподавателю, приемка сайта производится согласно требованиям к сайту

⇐ Предыдущая 12