- •Введение
- •Раздел I. Основные сведения о языке html
- •1.1. Создание Web сайта
- •1.2. Основные положения
- •1.3. Структура документа
- •1.4. Тэги тела документа
- •1.5. Список базовых тэгов html
- •Раздел II. Дополнительные сведения
- •2.1. Тэги списков
- •2.2. Гипертекстовые ссылки
- •Раздел 1
- •Раздел 2
- •2.3. Графика внутри документа
- •2.4. Добавление стилей в документ
- •2.5 Специальные тэги html
- •2.6. Html Формы
- •2.7 Html Фреймы
- •2.8. Html Таблицы
- •2.9. Оптимизация графики для Web
- •2.10 Основы css.
- •Раздел III. Описание создания сайта
- •3.1. Подготовка
- •3.2 Создание главной страницы
- •3.3. Создание второй страницы
- •3.4. Создание страницы с описанием города
- •3.5. Страница с фотографиями
- •Заключение
- •Техника безопасности работы за компьютером список использованных источников
3.3. Создание второй страницы
При создании второй страницы, содержащей историю создания города, я просто скопировал HTML-код главной страницы, затем удалил текст приветствия и вставил на его место краткое описание страницы. Далее я вставил ещё одну горизонтальную черту. В итоге получилась копия первой страницы, только с другим текстом приветствия и двумя горизонтальными чертами над баннерами. А между этими чертами я расположил основной текст страницы, содержащий саму историю создания города. И, конечно же, я изменил заголовок страницы.
После набора 17 страниц книги "КУСТАНАЙ: ВЧЕРА, СЕГОДНЯ, ЗАВТРА", содержащих нужный материал, страница с историей была готова.
3.4. Создание страницы с описанием города
Работа над третьей страницей заняла у меня больше времени, чем над всеми остальными, так как содержала больше всего материала. Набор десяти разделов по несколько страниц текста, в большом количестве содержащего кавычки, скобки, примеры и цифровые показатели - это дело не пары дней. К тому же, для лучшей навигации по странице я решил внедрить в неё якоря - ссылки внутри страницы. Под первой горизонтальной чертой я расположил в столбик названия всех разделов, сделав каждое ссылкой на начало соответствующего раздела. А в конце каждого раздела я расположил одинаковые ссылки, ведущие на начало списка якорей. Таким образом, просмотр страницы намного ускорялся. Также в конце каждого раздела, под ссылкой, я вставил горизонтальную черту, для более чёткого отделения разделов друг от друга.
На этом и третья страница была готова.
3.5. Страница с фотографиями
В четвёртой странице сохранилась та же структура, что и в первых трёх, просто вместо основного текста необходимо было выложить фотографии города. Объём каждой фотографии составлял, в среднем, 70 Кб. Если на одной странице выложить их все, то её загрузка заняла бы огромное время, а создавать несколько страниц было нельзя. Для решения проблемы я с помощью Фотошопа сделал уменьшённые копии каждой фотографии и вставил их в таблицу. Под каждой маленькой фотографией я сделал ссылку, ведущую на её увеличенную копию. Всего на странице представлено 39 фотографий, объём каждой уменьшенной фотографии составил не более 4 Кб, поэтому страница должна загружаться меньше, чем за минуту. А если пользователь захочет скачать все фотографии, то нет необходимости закачивать их по одной - имеется возможность скачки ZIP-архива, содержащего все фотографии.
Таким образом, была завершена работа над четвёртой страницей моего сайта.
3.6. Страница с программами
На пятой странице должны были помещаться программы, имеющие отношение к Костанаю, статьи и гимн Казахстана. Припомнив структуру сайтов, содержащих софт, я решил сделать скриншоты каждой программы и дать краткие описания. Таким образом, страница выглядела так - под текстом, содержащим описание страницы, располагалась горизонтальная черта, ниже название программы, затем скриншот, описание и ссылка для закачивания. Позже я сделал и скриншоты статей. Каждую программу или статью разделяла горизонтальная черта, для четкого отделения их друг от друга. Также я выложил для скачки гимн Казахстана в формате mp3, и программу-архиватор WinRAR. На этом пятая страница была завершена.
atccbz
Над последней страницей я работал около 15 минут, так она содержала просто благодарности всем, кто помогал мне создать сайт. Благодарности представлены в виде маркированного списка.
