Создание сайта

·

· Одежда для кошек

·

· Одежда для птиц

·

Структура навигации сайта следующая (присутствует на всех страницах сайта):

· Основная навигация

· Галерея моды для животных

· Выбор гардероба

· Мастерская дома

· Уход за одеждой

· Гостевая книга

· Навигация «Галерея моды для животных»

· Модные собачки
· Модные кошечки
· Модные птички
· Питомцы на модных подиумах

· Дополнительная навигация «Статьи»

· Одежда для собак
· Одежда для кошек
· Одежда для птиц

· Дублирующая навигация в подвале страницы

· Галерея моды для животных

· Выбор гардероба

· Мастерская дома

· Уход за одеждой

· Гостевая книга

5. Описание разделов сайта

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

Главная страница является основной точкой входа на сайт. На главной странице должны быть размещены:

· логотип

· название (ЗооАтелье. Мода для животных)

· основная навигация

· информационно-текстовый блок «Добро пожаловать в ЗооАтелье»

· дополнительная навигация «Статьи»

· информационно-текстовый блок «Объявления»

· дублирующая навигация

· основное содержание блока «Добро пожаловать в ЗооАтелье»:

Главная

Наш сайт посвящен современной моде для домашних животных: кошек, собак, птиц. Желание порадовать, удивить, полюбоваться либо просто согреть любимца положило начало индустрии одежды для питомцев. Стильные и модные зверушки на подиумах высокой моды уже не редкость. На сайте вы найдете статьи и эксклюзивные фото из мира моды для животных, рекомендации по выбору одежды для своего любимца и по уходу за ней. А мастеровитым хозяевам рекомендуем выкройки и советы по шитью и вязанию вещей для любимцев. Надеемся, что наш ресурс будет интересен и заводчикам-профессионалам, и просто хозяевам животных, а главное - любителям домашних питомцев!

Как известно: «Ошейник для собаки, как портфель для человека!». Всё, чем пользуется человек, несёт информацию миру о его статусе. Не обошло это и товары для животных. Корм для животных, средства гигиены, косметика, игрушки, аксессуары - для питомца право выбора принадлежит владельцу. В наше время любой зоомагазин, интернет-магазин для животных предоставит выбранные вами товары - будь то корм или аксессуары.

В категорию аксессуаров входят: инструменты по уходу за шерстью (расческа и стрижка), предметы транспортировки, поводки, ошейники, клетки и будки, столовые принадлежности (миски, чашки) и т.п. Расчёски, щётки, фурминаторы, когтерезы, машинки для стрижки, ножницы, колтунорезы, триммеры и груммеры - это аксессуары по уходу за внешним видом.

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

Предметы транспортировки необходимы для животных-путешественников. Переноски и приспособления к ним - ремни, зажимы, перегородки, а также матрасики, коврики, лежачки и т.п.

Аксессуары для прогулки современного городского питомца - ошейники, намордники, поводки, их ограничители и даже ноу-хау, например, «электронный забор».

В понятие аксессуары для животных попадает одежда и украшения. В силу своей основной декоративной функции - они призваны в первую очередь продемонстрировать красоту питомца. Существует целые модные коллекции, которые так же как и в Большой Моде - быстро устаревают и сменяются новыми. Модные аксессуары для собак - это целое направление в мире современной моды и уже отдельная тема от сегодняшнего разговора. Наши питомцы - их внешний вид или то, что они носят на себе - зачастую становятся нашим внешним посланием, и их хозяева вполне могут насладиться тем, какой эффект оказывают на окружающих приобретённые ими товары для собак. Ведь существуют же именные ошейники, инкрустированные кристаллами Сваровски, значит это кому-нибудь нужно. С помощью «меньшего брата» некоторые даже умудряются сделать политическое заявление.

Но будем помнить, в первую очередь, животным нужны всего лишь комфорт и любовь, а престиж и статус - эти товары животные не принимают, это для нас, людей.

· основное содержание блока «Объявления»:

· ЧУП «Флипп» приглашает к сотрудничеству швей, вязальщиц, дизайнеров с опытом работы в индустрии одежды для животных. Тел.2616299

· Открыта новая ветеринарная аптека в Минске по ул. Сухаревская, 17. Тел. 3132898

· ИП «Домашний друг» предлагает свои услуги по созданию одежды для ваших милых питомцев. Выезд мастера на дом, гарантия качества услуг. Тел. 2178978

· Продажа импортной обуви для домашних животных. Возможно изготовление под заказ. Тел.2399049

· основное содержание блока «Статьи» - навигационные ссылки:

· Одежда для собак

· Одежда для кошек

· Одежда для птиц

·

5.2. Внутренние страницы (общие требования)

Все внутренние страницы сайта должны содержать следующие элементы:

· логотип

· название (ЗооАтелье. Мода для животных)

· основная навигация

· информационно-текстовый блок «Добро пожаловать в ЗооАтелье»

· дополнительная навигация «Статьи»

· информационно-текстовый блок «Объявления»

· дублирующая навигация

Навигация по разделам 2-го уровня

На страницах разделов, имеющих внутренние подразделы, должны присутствовать ссылки на разделы 2-го уровня, соответствующие текущему разделу 1 - го уровня. Ссылка на текущий (выбранный) раздел должна быть визуально выделена относительно других.

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

Заголовок раздела

Предполагается наличие панели с названием текущего (выбранного) раздела сайта в виде заголовка в верхней части страницы.

Основное содержание всех внутренних страниц размещается в соответствии со структурным проектом.

6. Порядок сдачи-приемки сайта

Сайт в виде электронного каталога, а также сопроводительная документация передаются на CD диске, с приложением кода передачи данных по протоколу ftp: логин, пароль и название хоста.

Перечень документов для передачи Заказчику содержит:

дизайн-макет в формате PSD, JPEG

оригиналы всех использованных при разработке сайта изображений,

шрифты, использованные для оформления страниц,

html-шаблоны,

руководство по стилю оформления,

проектная документация.

7. Приложение

Основные этапы разработки веб-сайта

· Разработка Структурного проекта сайта. Утверждение.

· Разработка Технического задания, включая информационное и техническое проектирование. Утверждение.

· Разработка концепции дизайна сайта, верстка статического прототипа первой и внутренней страниц в формате html. Утверждение.

· Создание работающего интерактивного шаблона сайта на основе утвержденного макета на базе системы управления контентом. Сдача-приемка этапа.

· Подготовка, редактирование, верстка контента Сдача-приемка этапа.

· Публикация сайта на сервере. Тестирование.

· Сдача-приемка проекта.

Приложение 2

HTML - код для отдельной страницы

<! DOCTYPE html PUBLIC «- //W3C //DTD XHTML 1.0 Transitional //EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

<html xmlns= «http://www.w3.org/1999/xhtml»>

<head>

<meta http-equiv= «Content-Type» content=«text/html;/>

<title>Мода для животных. ЗооАтелье</title>

<link rel= «stylesheet» type= «text/css» href= «style.css» />

</head>

<body>

<div id= «karkas»>

<table>

<tr>

<td>

<table>

<tr>

<td rowspan= «2» id= «leftheader»><img src=»../images/header1.jpg»></td>

<td id= «logo»><h1>Зоо<span>Ателье</span></h1><h2>одежда для домашних питомцев</h2></td>

<td rowspan= «2» id= «rightHeader»><img src=»../images/header2.jpg»></td>

</tr>

<tr>

<td id= «blackHeader»>

<a href=»">Главная</a>

<a href=»">Галерея одежды для животных</a>

<a href=»">Выбор гардероба</a>

<a href=»">Уход за одеждой</a>

<a href=»">Мастерская дома</a>

<a href=»">Гостевая книга</a>

</td>

</tr>

<tr>

<td class= «gray» colspan= «3»><form><input type= «text» class= «f»><input type= «submit» value= «ПОИСК» class= «b»>

</tr>

</table>

</td>

</tr>

<tr>

<td><table><tr>

<td id= «left»><h3>news</h3>

<a href=»» id= «dog»>Одежда для собак</a>

<a href=»» id= «cat»>Одежда для котов</a>

<a href=»» id= «parrot»>Одежда для птиц</a>

<img src=»../images/flash.jpg»>

</td>

<td id= «center»><h4>news</h4></td>

<td id= «right»><h3>news</h3></td>

</tr></table></td>

</tr>

<tr>

<td id= «footer»><a href=» ">Главная</a>:<a href=»">Галерея моды для животных</a>:<a href=» ">Выбор гардероба</a>:<a href=»">Уход за одеждой</a>:<a href=» ">Мастерская дома</a>:<a href=»">Гостевая книга</a></td>

</tr>

</table>

</div>

</body>

</html>

CSS документ для хранения стилей

*{

padding:0px;

margin:0px;

color:black;

background-color:transparent;

text-align:left;

vertical-align:top;

font-size:12px;

font-family:verdana;

border-collapse:collapse;

}

a {text-decoration:none; color:#2E3293;}

a:hover {text-decoration:underline;}

body {

background-color:white;

text-align:center;

}

table {width:100%;}

#karkas {

margin:0px auto;

width:1000px;

}

#header {background-color:black;}

#leftHeader {width:333px;}

#rightHeader {width:336px;}

#blackHeader {

background-color:black;

width:331px;

padding-top:20px;

}

#logo {

background:url (../images/logo.gif) no-repeat left top white;

padding-top:20px;

}

h1 {

font-size:30px;

color:#c95a3c;

padding-left:130px;

font-weight:normal;

font-family:century gothic;

}

h1 span {

color:black;

font-size:30px;

font-family:century gothic;

}

h2 {

color:#81415b;

font-weight:normal;

font-family:century gothic;

padding-left:160px;

font-size:11px;

margin-bottom:30px;

}

#blackHeader a,#blackHeader span {

display:block;

color:white;

background:url (../images/bullet1.gif) no-repeat 20px -2px transparent;

padding:0px 0px 13px 70px;

}

#blackHeader a:hover {text-decoration:underline;}

#blackHeader a:active {color:#A45ABC; text-decoration:none;}

/*****************/

gray {

background:url (../images/gradient.gif) repeat-x left top #e9dede;

padding:8px 0px;

}

f {

background-color:white;

margin-right:20px;

border:none;

border-left:1px solid #ccc3c4;

border-top:1px solid #ccc3c4;

margin-left:50px;

}

inputbox {

background-color:white;

margin-right:10px;

border:none;

border-left:1px solid #ccc3c4;

border-top:1px solid #ccc3c4;

margin-left:10px;

}

b {

background-color:black;

color:white;

padding:0px 20px;

border:none;

}

button {

background-color:black;

color:white;

padding:0px 10px;

border:none;

width:65px;

}

/*********************/

#left {

background-color:#81415b;

width:259px;

}

#right {

width:259px;

background-color:#eeeeee;

}

#mainbody {

padding:0px 20px;

margin-bottom:20px;

text-align:center;

color:black;

font: normal 12px Verdana;

line-height:140%;

text-align:justify;

white-space:normal;

text-indent:20px;

}

h3 {

background-color:#f3ad00;

color:#c95a3c;

padding:5px 20px;

margin-bottom:20px;

text-align:center;

}

h4 {

background-color:#c95a3c;

color:white;

padding:5px 20px;

margin-bottom:20px;

text-align:center;

}

h5 {

background-color:#f3ad00;

color:#81415b;

margin-bottom:20px;

padding:5px 20px;

text-align:center;

}

h6 {

text-align:center;

color:#81415b;

font-weight:bold;

padding:5px 20px;

background-color:#eeeeee;

margin:20px 0px;

}

p {

color:black;

padding:0px;

text-align:justify;

}

ul {

margin:10px;

list-style:inside url (../images/bullet3.gif);

line-height:140%;

padding:0px 0px 0px 10px;

}

li {

text-align:justify;

padding:0px 10px 5px 10px;

}

#dog a,#dog span {

display:block;

color:white;

background:url (../images/dog.gif) no-repeat 10px top transparent;

padding:10px 0px 20px 70px;

}

#dog a:hover {text-decoration:underline;}

#dog a:active {color:#A45ABC; text-decoration:none;}

#cat a,#cat span {

display:block;

color:white;

background:url (../images/cat.gif) no-repeat 10px top transparent;

padding:10px 0px 20px 70px;

}

#cat a:hover {text-decoration:underline;}

#cat a:active {color:#A45ABC; text-decoration:none;}

#parrot a,#parrot span {

display:block;

color:white;

background:url (../images/parrot.gif) no-repeat 10px top transparent;

padding:10px 0px 20px 70px;

}

#parrot a:hover {text-decoration:underline;}

#parrot a:active {color:#A45ABC; text-decoration:none;}

/************/

#footer {

background-color:#ccc3c4;

padding:30px 100px;

text-align:center;

}

#footer a,#footer span {

color:black;

text-decoration:none;

}

#footer a:hover {text-decoration:underline;}

Размещено на Allbest.ru