Содержание

Содержание………………………………………………………………………………………………...2

Цели и задачи……………………………………………………………………………………………...3

Алгоритм создания сайта…………………………………………………………………………………3

1. Проектирование……………………………………………………………………………....4

2. Разработка дизайна…………………………………………………………………………...4

3. Вёрстка………………………………………………………………………………………...4

4. Программирование…………………………………………………………………………...4

5. Наполнение сайта…………………………………………………………………………….5

6. Тестирование………………………………………………………………………………….5

7. Публикация…………………………………………………………………………………...5

Реализация алгоритма…………………………………………………………………………………….5

1. Проектирование……………………………………………………………………………....5

2. Разработка дизайна…………………………………………………………………………...6

3. Вёрстка………………………………………………………………………………………...6

4. Программирование…………………………………………………………………………...6

5. Наполнение сайта…………………………………………………………………………….8

6. Тестирование………………………………………………………………………………….8

7. Публикация……………………………………………………………………………..…...10

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

Список литературы………………………………………………………………………………………11

Приложение………………………………………………………………………………………………12

index.html…………………….……………………………………………………………...…...12

style.css…………………….………………………………………………………………...…...15

fixmenu.js...……………….………………………………………………………………...…...20

Цели и задачи

Данный проект является курсовой работой, подготовленный студентом группы ИС-21 факультета математики и информационных технологий Ульяновского Государственного университета. В ходе выполнения курсового проекта был создан Web-сайт.

Целями данного проекта является изучение языка разметки HTML, каскадных таблиц стилей CSS, а также изучение алгоритмов проектирования сайта.

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

• Создание Web-сайта с современным и отвечающим стандартам дизайном;

• Изучение языков разметки CSS, HTML;

• Придерживаться основных стандартов создания сайта;

• Обеспечить информационную структуру сайта, дабы привлечения пользователей сети Интернет.

Алгоритм создания сайта

1. Проектирование

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

Проработать основные моменты:

• Описание структуры;

• Описание дизайна:

• Описание вёрстки страниц;

• Описание программных модулей.

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

2. Разработка дизайна

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

3. Вёрстка

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

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

4. Программирование

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

5. Наполнение сайта

Эффективность работы любого сайта неразрывно связана с понятием контента, то есть текстовой и графической информации, размешённой на нем. От того, насколько нужные, современные и интересные данные найдет здесь пользователь, напрямую зависит, станет ли он пользователем вашего сайта.

6. Тестирование

На этом этапе проверяется все – удобство навигации, целостность данных, корректность ссылок и орфография.

7. Публикация

Публикация – это обеспечение хостинга интернет-сайта и «привязка» сайта к предварительно зарегистрированному доменному имени. В результате, интернет сайт становится доступным всем пользователям сети Интернет.

Реализация алгоритма

1. Проектирование

На этом этапе была выработаны основные концепции сайта:

Сайт будет представлять собой медиа портал обо всем, что связано с навигаторами;

Навигация сайта представляет собой многоуровневое меню с основными разделами: обзоры, рейтинг производителей, о создателе;

Сегодня так важно делать сайты не только "для роботов", но и для людей. Повышение юзабилити и правильная подача информации на страницах сайта - крайне важны. Один из самых приоритетных, среди всех элементов, это главное меню сайта. Оно должно быть:

• удобным;

• всегда на виду.

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

Для разработки сайта выбраны технологии HTML, CSS, JavaScript;

Инструментами были выбраны текстовый редактор Notepad++, веб обозреватель Google Chrom, бесплатный FTP-клиент FileZilla Client.