Разработка сайта свадебного салона

 

    Содержание

1 Формализация задачи……………………………………………………………...3

2 Теоретическое описание сайта……….…………………………………………...4

        3 Экранные  формы………..…………………………………………………………5

3.1 Экранная форма 1………………………………………………………………..5

3.2 Экранная форма 2………………………………………………………………..6

3.3 Экранная форма 3……………...………………………………………………...6

3.4 Экранная форма 4………………………………………………………………..7

3.5 Экранная форма 5………………………………………………………………..8

3.6 Экранная форма 6..…………………..…………………………………………..8

3.7 Экранная форма 7………….………………………………………………….....9

        Заключение…………..…………………………….…………………………….….10

Приложение А (обязательное) …………………………………………………….11

Приложение Б (обязательное))…………………………………………………….12

Приложение В (обязательное)…….……………………………………………….13

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

       1 Формализация задачи

       Разработать сайт  для свадебного салона «Софи». Свадебный салон «Софи» предлагает большой выбор коллекций свадебных платьев и аксессуаров. Для привлечения посетителей, необходимо на  сайте представить интересную информацию, красочно оформить страницы и представить наилучшим образом весь спектр предлагаемых услуг.

Сайт строится с использованием языка JavaScript, разметки документа HTML.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

      2 Теоретическое описание сайта

 

Данный сайт содержит 7 страниц, на которых изложена информация об услугах салона. Свадебный салон «Софи» работает на рынке с 2002 года и предлагает различные виды свадебных и вечерних платьев, а также различных аксессуаров.

На каждой странице сайта располагается название салона. На главной странице  располагаются  фотографии вечерних платьев. Также для удобства пользователю вверху страницы расположены часы, на которых он может узнать точное время и дату посещения сайта. На главной странице имеются ссылки на все остальные страницы.

Вся информация представлена удобным для пользователя способом, т.е. разделена на конкретные тематики. По каждой тематике представлена информация и для большей наглядности – фотографии.

При оформлении сайта использованы теплые цвета, и соответственно подобран цвет текста для нормального восприятия для того, чтобы нашим клиентам пребывание на сайте приносило бы только удовольствие

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3 Экранные формы

 

3.1 Экранная форма главной  страницы

 

 

 

      

Рисунок 1 – Экранная форма главной страницы

 

На данной странице слева находится название салона.

Ввверху страницы располагаются часы, необходимые для удобства пользователя,  в строке состояния находится строка, сообщающая, кто  автор страницы.

 

3.2 Экранная форма второй  страницы

 

 

   

Рисунок 2 – Экранная форма второй  страницы

 

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

 

3.3 Экранная форма третьей  страницы

 

 

Рисунок 3– Экранная форма третьей страницы

 

     На данной странице представлены фотографии невест, имеется кнопка «назад»

 

3.4 Экранная форма четвертой  страницы

 

      

 

Рисунок 4 – Экранная форма четвертой страницы

 

      На этой странице представлены коллекции свадебных платьев. Имеется кнопка «назад».

 

3.5 Экранная форма пятой  страницы

 

 

      

 

Рисунок 5 – Экранная форма пятой  страницы

 

Здесь представлены аксессуары, которые необходимые для невест. Имеется кнопка «назад».

 

3.6 Экранная форма шестой  страницы

 

        

Рисунок 6 – Экранная форма шестой  страницы

 

На этой странице вы сможете ознакомиться с ценами салона и отправить нам свои пожелания и отзывы  и отправить свои комментарии.

 

3.7 Экранная форма шестой  страницы

    

        

Рисунок 7 – Экранная форма шестой  страницы

 

        Данная страница содержит контактную информацию, необходимую для клиентов.

Заключение

 

В ходе работы мной были детально изучены элементы гипертекстовой разметки HTML, а также я познакомилась с некоторыми особенностями языка JavaScript.

При разработке сайта учитывались следующие требования:

1) Наличие названия салона на каждой странице;

        2) Полное описание  услуг предлагаемых салоном;

3) Максимально используемые возможности  предлагаемые HTML, JavaScript для оптимального оформления сайта.

Также в работе были использованы некоторые эффекты, созданные на языке JavaScript.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Приложение А (обязательное)

 

</script>

<script language="JavaScript">

function timer1()

{

var d1 = new Date();

var time1 = " ";

time1 = d1.getHours()+":"+d1.getMinutes()+":"+d1.getSeconds();

document.forma01.dat.value=d1.toLocaleString();

setTimeout('timer1()')

}

</script>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Приложение Б (обязательное)

 

<script language = "javascript">

function dateinbar()

{

var d = new Date();

var y = d.getFullYear();

var m = d.getDate();

var da = d.getMonth() + 1;

var t = m +'/'+da +'/'+y;

defaultStatus = "Вы прибыли на страницу" + t + ".";

}

</script>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Приложение В (обязательное)

 

 

<html>

<head>

<title>Аксессуары</title>

<script language = "javascript">

function dateinbar()

{

var d = new Date();

var y = d.getFullYear();

var m = d.getDate();

var da = d.getMonth() + 1;

var t = m +'/'+da +'/'+y;

defaultStatus = "Вы прибыли на страницу" + t + ".";

}

</script>

<body bgcolor= "FF66CC" onLoad="dateinbar()">

<body  text=blue, vlink=pink, background=Аксессуары>

<body bgcolor= "green">

</head>

<FONT size=6 color=blue ><H1 align=center><I>АКСЕССУАРЫ</I></center></H1></FONT>

<P align=justify><FONT face=Georgia size=4 color=black><B>

                                     

<table border=0  width=170>

<TBODY>

<TR>

 

<TD vAlign=top><IMG src="18.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>

<TD vAlign=top><IMG src="19.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>

<TD valign=top><IMG src="20.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>

<TD vAlign=top><IMG src="21.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>

<TD vAlign=top><IMG src="22.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD> 

<TD vAlign=top><IMG src="23.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>      

</TR>

 

<table border=0  width=170>

<TBODY>

<TR>

<TD vAlign=top><IMG src="24.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>

<TD vAlign=top><IMG src="25.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>

<TD valign=top><IMG src="26.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>

<TD vAlign=top><IMG src="27.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>

<TD vAlign=top><IMG src="28.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>

<TD vAlign=top><IMG src="29.jpg"><BR></TD>

<TD></TD><TD></TD><TD></TD>

</TR>

<BR>

<TABLE width="100%" border=0>

<TBODY>

<TR><TD>

<BR>

<center><A HREF="Главная.html"> <FONT size=4 color=blue ><I>НАЗАД</I> </center></A> </TD></FONT></P>               

                     

 

 

 

 

 

 

 

 

Лист