4.2 Описание физической и логической структуры сайта
Логическая структура сайта предполагает набор тематических рубрик с распределенными по соответствующим разделам документами и гиперсвязями. Физическая структура подразумевает алгоритм размещения физических файлов.
Элементы
навигации: главная,о
компани,биг-бел,кипы,грунты,горшочки
торфяные,гуматы,цены,контакты.
Все эти элементы представляют собой
гипрессылки в другие разделы сайта. Так
как была выбрана статическая компоновка
сайта, то при прохождении по 
гиперссылки
поменяется только текстовое поле и
картинка. Для информации в нем будут
содержаться ссылки на основные статьи
гражданского и налогового кодекса, для
доставки информация об условиях получения
и приобретения продукции, для мастер-класса
интересные статьи по рукоделию, для
личного кабинета процесс регистрации
и входа в систему под идентифицированным
пользователем, для каталога ссылки на
товар.
Рисунок 1 – Логическая структура сайта
Физическая структура сайта
C:\Documents and Settings\Admin\Рабочий стол\Новая папка\о компании
C:\Documents and Settings\Admin\Рабочий стол\Новая папка\главная
C:\Documents and Settings\Admin\Рабочий стол\Новая папка\биг белы
C:\Documents and Settings\Admin\Рабочий стол\Новая папка\кипы
C:\Documents and Settings\Admin\Рабочий стол\Новая папка\горшки
C:\Documents and Settings\Admin\Рабочий стол\Новая папка\контакты
4.3 Выбор дизайнерского решения
Разработка дизайна является самым интересным, творческим этапом в производстве сайта, о котором можно рассказывать очень много и писать не статьи, а целые тома с интересными примерами и красочными иллюстрациями. Мы остановимся на некоторых основных моментах разработки дизайна сайта. Первое, с чего начинается разработка дизайна сайта - постановка Визуала. В среде web-дизайнеров визуалом принято называть общую графическую концепцию, применяемую в оформлении web-сайта. Хотя в Интернете и существует множество сайтов, не имеющих единой дизайнерской концепции, на наш взгляд, сайты, обладающие четко выраженным визуалом, лучше запоминаются посетителями, вызывая положительные эмоции на подсознательном уровне. Наличие оригинального дизайнерского решения на сайте будет способствовать тому, что о его существовании не забудут даже спустя годы. А что может быть более лучше для компании, чем запоминаемость ее торговой марки?
Разработка web-дизайна включает
в себя такие этапы, как:
разработка цветового решения сайта и выбор фона;
построение композиционной модели;
создание навигационной панели;
обработка графических элементов и фотоизображений;
выбор стиля шрифтов и заголовков.
Для выбора дизайнерского решения данного сайта,был выбран белый фон,чёрный и красный шрифт текста.
На каждой странице сайта имеются картинки товара,на главной странице расположено 4 картинки колбасных изделий.
4.3 Описание кода web-сайта
<html>
<title>www.smolmyaso.ru</title> //Название сайта//
<FRAMESET border=2 ROWS="25%,*"SCROLLING=yes>
<FRAMESET COLS="67%,*" SCROLLING=no> //Верхний фрейм//
<FRAME SRC=logotip.html>
<FRAME SRC=ccilka.html SCROLLING=NO>
</FRAMESET>
<FRAMESET COLS="20%,*" ROWS="150%,*"SCROLLING=NO> //Нижний фрейм//
<FRAME SRC=menu.html SCROLLING=NO>
<FRAMESET ROWS="10%,*" SCROLLING=NO>
<FRAME SRC=table.html SCROLLING=NO>
<FRAME SRC="kompani9.html" NAME="123.htm"> //Стартовая страница//
</FRAMESET>
</FRAMESET>
</FRAMESET>
</html>
<html>
<head>
<title> www.panorama-smolensk.ru </title>
</head>
<body>
<TABLE BORDER=0> //Таблица//
<TR>
<td><font color="#800000" size="+2">Юридические услуги</font></td>
</tr>
<TR>
<td align=justify><font color="black">
<img
src="Картинки/юрид.jpg"
HEIGHT=250 WIDTH=250 HSPACE=10 VSPACE=10 ALIGN=LEFT><br>