Основы создания сайта - Курсовая работа

Всемирная паутина WWW практически состоит из Web-страниц, которые содержат в себе различную информацию. С каждым днем Интернет становится все более используемым средством получения информации, затмевая телевидение, печатные издания и прочие СМИ. На сегодняшний день Сеть позволяет получать видео изображение из любого уголка мира, отправлять письма с картинками, использовать Интернет телефонию и проводить международные телеконференции, самостоятельно обучаться, просматривая онлайн учебники и видео-курсы. Сегодня в Интернете существуют миллионы сайтов, предоставляющих самую разнообразную информацию или сервисы. Актуальность создания сайта состоит в том, чтобы довести сведения определенной тематики до неограниченного круга людей так, чтобы им было удобно, а тому, в чьих интересах он создан, было выгодно.Web - сайт (или Web - узел) - это набор связанных между собой близких по смыслу Web - страниц и файлов. На каждом Web - сайте существует одна особенная Web - страница, называемая домашней или главной страницей (homepage). Гиперссылка - это текст или изображение на Web - странице, при щелчке на котором происходит переход к другой Web - странице или сайту. Новый файл, который откроет браузер, может быть любой Web - страницей из World Wide Web, Web - страницей на интернет - сервере в корпоративной сети или просто файлом, который хранится на компьютере пользователя. Web - сайт размещается на Web - сервере (Web - server) - компьютере, предоставляющем доступ к Web - страницам посетителям сайта.При планировании структуры сайта необходимо продумать несколько основных вещей: структуру каталогов, структуру навигации, необходимость заставки сайта. Все картинки лучше сохранять в одну папку, служебные файлы в другую, сами страницы также можно разделить (например, по разделам). Существует несколько основных структур: · Линейная-страницы располагаются в определенном порядке (рис.1). Располагая страницы в определенном порядке, вы можете быть уверены, что пользователь не пропустит нужный материал. Например, можно как-то выделить страницу в меню, на которой сейчас находится пользователь, а само меню сделать видимым на всех страницах сайта.Также можно сделать так называемые навигационные ключи, т.е. на каждой странице (сверху) указать полный путь до этой страницы по схеме: главная страница - название раздела - название страницы.Сайт должен содержать информацию (контент сайта ). Хороший пример такого подхода - это тематические информационные ресурсы, содержащие большое количество материалов определенной тематики, и имеющие собственное доменное имя (соответствующее содержимой в нем информацией), созданные фирмами отдельно от своих корпоративных сайтов и доменных имен. Такая политика не только привлекает и удерживает аудиторию сайта, она помогает его владельцам продвигать другие сайты. Сайт - это первый контакт вашего клиента с компанией и качество (уровень) оформления сайта прямо показывает уровень уважения к клиенту, существующий в компании. Пользователь должен легко понимать структуру сайта и специфику предложения компании по навигации сайта, а инструменты навигации сайта должны быть понятны.Целью разработки HTML5 - улучшение уровня поддержки мультимедиа-технологий, сохраняя при этом удобочитаемость кода для человека. Эти новшества разработаны для упрощения создания и управления графическими и мультимедийными объектами в сети, без необходимости использования сторонних API. Новые атрибуты были введены с той же целью, хотя ряд элементов и атрибутов был удален. Некоторые элементы, наприме р,и, были изменены, переопределены или стандартизированы. Многие возможности, которые были труднодоступны в CSS2.1, то есть требовали использования дополнительных внешних программ (таких как Adobe Photoshop), скриптов (таких как Java Script) или специальных "хитростей" могут легко достигаться в CSS3 за счет использования новых свойств оформления.Существуют различные программы, позволяющие создавать Web-страницы. Adobe Dreamweaver - HTML редактор, предназначенный для разработки и редактирования веб сайтов. Постоянные обновления, дополнения и новые функции, рассчитанные на быстроразвивающуюся сферу создания веб сайтов - все это делают программный продукт Dreamweaver популярнейшим HTML-редактором. В дополнение ко всему перечисленному, компания Adobe постоянно вносит обновления в свой программный продукт - редактор dreamweaver будет способен работать и с новыми версиями HTML или CSS. FRONTPAGE - WYSIWYG-редактор HTML , входящий в состав пакета ПРИЛОЖЕНИЙMICROSOFT Office .Данное приложение при разработке страниц веб-узла пользуется HTML-движком Trident , который лежит в основе браузера Internet Explorer .Главные задачи, которые я решала при разработке дизайна сайта - это соответствие сайта фирменному стилю, использование логотипа и цветов фирмы, и удобство сайта для пользователя. Сайт имеет интерфейс (рис 4.), позволяющий посетителю легко ориентироваться в его ресурсах.

Содержание

Введение

Глава 1. Основы создания сайта

1.1 Основные понятия

1.2 Общая структура сайта

1.3 Правила создания хорошего сайта

1.4 Адаптивная верстка сайтов

1.5 Программные средства создания сайтов

Глава 2. Разработка сайта компании Art Hall

2.1 Разработка страниц сайта

2.2 Использованные программные средства разработки

2.3 Тестирование

Заключение

Список используемых источников

Всемирная паутина WWW практически состоит из Web-страниц, которые содержат в себе различную информацию. С каждым днем Интернет становится все более используемым средством получения информации, затмевая телевидение, печатные издания и прочие СМИ.

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

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

Актуальность создания сайта состоит в том, чтобы довести сведения определенной тематики до неограниченного круга людей так, чтобы им было удобно, а тому, в чьих интересах он создан, было выгодно.

Интернет - это один из инструментов продвижения и рекламы. И создание сайта придется очень кстати, если захочется привлечь дополнительный заработок.

В основу Web положен HTML, т.е. язык описания гипертекстовых документов. Сейчас на многих Web-страницах используются специальные программы - скрипты, написанные на таких языках как MS VB Script или JAVASCRIPT. При помощи таких «мини-программ» можно управлять форматированием, выводом изображений, воспроизведение мультимедиа. На сегодняшний день самым мощным средством, позволяющим управлять выполнением скриптов, является динамический HTML или DHTML. Он позволяет создавать простые анимации и многие другие эффекты.

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

Целью курсовой работы является разработка сайта компании.

Сформулированы следующие задачи: · Рассмотреть техническое задание;

· Изучить языки HTML и CSS;

· Создать дизайн сайта;

· Запрограммировать;

· Добавить актуальную информацию;

· Сайт должен использоваться как инструмент для распространения необходимой информации о деятельности компании.