ЗМІСТ
ВСТУП
1.Логіческая структура сайту
.Фізіческая структура сайту
.Шаблон оформлення сторінки
.Лістінг вихідного коду сторінок
.1Ісходний текст шаблону головною HTML-сторінки (верстка з використанням фреймів)
.1.1Код сторінки, що завантажується у фрейм «head»
.1.2Код сторінки, що завантажується у фрейм «menu»
.1.3Код сторінки, що завантажується у фрейм «content»
.1.4Код сторінки, що завантажується у фрейм «podval»
.2Код сторінки, зверстаної з використанням таблиці
.3Код сторінки, зверстаної з використанням блоків
.4Фрагмент коду, що містить карту сайту
.5Скріпти, використані на сайті
.6Каскадние таблиці стилів (CSS)
.Порядок розробки сайту
.Программное забезпечення, використане при роботі над сайтом
.Тестірованіе сайту
ВИСНОВОК
СПИСОК ЛІТЕРАТУРИ
Додаток А
сайт сторінка шаблон код
ВСТУП
Інтернет-технології в даний час є самої швидко розвивається областю інформатики. Більшість людей у ??цивілізованому світі мають доступ до ресурсів мережі Інтернет. На початку 90-х років Інтернет замислювався як засіб спілкування і передачі інформації. Зараз Інтернет являє собою сховище величезного обсягу інформації по будь-якій тематиці. Велика частина цієї інформації знаходиться у вільному доступі і зберігається у вигляді web-сторінок, які й утворюють web-сайти, отже, щоб додати свої дані в Мережу, необхідно мати уявлення про способи створення та обслуговування HTML-документів.
Подорожуючи по інтернету, можна знайти багато дуже добре виконаних сайтів, які швидко завантажуються, привабливі на вигляд, мають чітко разграниченную по розділах інформацію і зручні функції навігації. Такі сайти просто запрошують вас відвідати їх, розслабитися, затриматися на деякий час, розважитися і дізнатися щось нове.
Якщо ви затримуєтеся на якому-небудь сайті на тривалий час і навіть не усвідомлюєте цього, то, по всій видимості, такий сайт дуже добре продуманий. Поверніться назад і спробуйте осмислити повну картину. Чи можете ви побачити структуру, організацію? Легко сприймається інформація? Розуміння руху інформаційних потоків - це перший крок у створенні функціонального, зручного в роботі сайту. Якщо ви зрозумієте, як працює ця концепція, і застосуєте її при створенні власного сайту, то ви вже тим самим випередите більшість інших розробників.
Мета моєї роботи полягає в тому, щоб самостійно спроектувати і реалізувати Web-сайт на тему «Процесори Intel та їх характеристики. Історія розвитку. Вибір логічної структури процесора ».
Завдання:
ознайомитися з сучасними Інтернет-технологіями і, по можливості, використовувати їх у своїй розробці;
вивчити основні поняття і програмний інструментарій, застосовуваний для розробки і створення Web-сайтів;
виявити й урахувати методи і способи представлення на Web-сторінках різних видів інформації (текстів і зображень);
ознайомитися з основними правилами і рекомендаціями з розробки і створення Web-сайтів і неухильно дотримуватися їх у своїй практиці;
визначитися зі структурою Web-сторінок;
представити покрокову стратегію розробки web-сайту.
. Логічна структура сайту
Логічна структура сайту представлена ??таким чином, що з будь-якої сторінки сайту можна потрапити на будь-яку іншу сторінку сайту «в 2 кліка». Навігація здійснюється за допомогою верхнього та бокового меню. У верхньому меню розташовуються посилання на головну сторінку сайту, на карту сайту, на глосарій, а також на сторінку з відомостями про автора; вміст цього меню однаково для всіх сторінок сайту. У бічному меню розташовані посилання на інформативні розділи сайту; вміст цього меню змінюється залежно від того, в якому розділі знаходиться відвідувач. Для швидкої навігації можна скористатися картою сайту. З кожної сторінки сайту є можливість зв'язатися з автором сайту, написавши листа. Для цього користувачеві досить мати підключення до мережі Інтернет та клацнути по посиланню з електронною адресою автора сайту, розташованої внизу кожної сторінки. Дане посилання є посиланням для автоматичного відкриття поштової служби користувача.
Наочне уявлення логічної структури сайту представлено на малюнку 1.
Малюнок 1 - Логічна структура сайту
...
