Файл: Разработка сайта «Винтаж».pdf

Введение

Основная цель курсового проекта - углублённое ознакомление с современными методами проектирования приложений для Web.

В процессе данного проекта будут рассмотрены правила построения Веб-страниц и принципы их работы.

Для наглядности курсовой работы разработаем сайт для мастерской «Винтаж», Считаю разрабатываемый нами сайт одной из типовых работ, с которыми может столкнуться специалист по разработке сайтов.

Мастерская «Винтаж» - частное предприятие заинтересованное в личном росте и продвижении. Как нам известно основным элементом продвижения любой деятельности является интернет маркетинг. В свою очередь неотъемлимой частью маркетинга любой организации является создание и продвижение собственного сайта. Таким образом я хочу подчеркнуть важность данной работы и важность самого сайта.

Основная часть

Теоретическая часть к созданию веб-сайта.

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

1) Реклама продукции, услуг, компаний и т.д. Или проще говоря сайт приводит «клиента»(пользователя) к желаемой разработчикам сайта цели.

2) Торговля. В современном мире сайты являются одним из наиболее известных способов автоматизации продаж или товарооборота. Сайт-магазин даёт огромные возможности, может быть как помощником в торговле так и вовсе избавить компанию от необходимости иметь «физические» магазины, а клиентов избавить от необходимости хождения по магазинам и долгом поиске необходимых товаров.

3) На самом деле данный список можно делать крайне долго, ведь сайты могут выполнять неограниченные количеством функции и задачи. Пока код созданный программистом не упрётся в «потолок вычислительной техники». Онлайн страницы могут нести торговые, коммуникационные, развлекательные, вычислительные, координирующие, обучающие функции. И многое другое.

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

Общие требования и цели Веб-сайта курсовой работы.

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

1. Навигация. Пользователь, он же потенциальный клиент, должен легко и понятно получить необходимую ему информацию о компании. Правильно оформленная навигация позволит пользователю легко работать с сайтом. / Пункт очень важен т.к. неудобная навигация может загубить весь сайт, пользователь просто не сможет воспользоваться сайтом.
2. Качественный контент. Контент и есть та необходимейшая часть ради которой и создаётся сайт. Сюда относится и информация которую нужно знать пользователю, и то что хочет донести до пользователя компания.
3. Оформление. Красивая и сочная картинка всегда привлекает зрителя. Данный пункт сравним с маркетингом, он должен быть, он должен привлекать и интриговать. Всегда приятно видеть красочную картинку вместо расплывчатых пикселей. Но свои нюансы есть и в данном пункте. Оформление должно быть красочным и интересным но снова не мешать пользователю. Нельзя использовать сверх отвлекающее оформление, и дизайн должен соответствовать контексту.
4. Простота. Золотое правило применимое к любому из пунктов. Простота программного кода, простота оформления, простота использования. Если краткость - сестра таланта, то простота - друг программиста и пользователя. Сайты имеют свойство расти и развиваться, поэтому с самого момента основания веб страницы стоит внести удобство написания и пользования добавив разделы и подписав функции выполняемые программой.

Разработка Веб-сайта «Винтаж».

1. Начнём разработку сайта с создания структуры сайта

Создадим файл Sait.html в котором пропишем основу файла

2) Создадим файл general.css с помощью которого сможем прикреплять к нашему сайту дополнительные файлы, и сразу прикрепим к основному файлу с помощью команды :

<link rel="stylesheet" type="text/css" href="general.css" media="screen" />

В general.css мы пропишем :

3)Восновном файле мы создадим меню(навигацию сайта) :

4)Создадим дополнительный файл style.css для удобства оформления сайта где мы прописываем какой вид будет иметь навигация на нашем сайте. Прописываем два пункта внешний вид и оформление