Преподаватель который помогает студентам и школьникам в учёбе.

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

Содержание:

Введение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

$C:\Users\Сергей\Desktop\Снимоr general .JPG$

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

$C:\Users\Сергей\Desktop\Снимок кода меню.JPG$

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

$C:\Users\Сергей\Desktop\Стиль 1.JPG$

$C:\Users\Сергей\Desktop\Снимок2 .JPG$

Навигация сайта приобретает следующий вид: $C:\Users\Сергей\Desktop\навигация Снимок.JPG$

Создадим отдельно файл Fon.jpg с помощью которого мы сможем создать фоновое оформление сайта.

$C:\Users\Сергей\Desktop\Снимок ajy.JPG$

Таким простым оформлением мы создадим вполне интересный вид сайта, а сделав минимальное наполнение главной страницы мы получаем:

$C:\Users\Сергей\Desktop\Сним24524ок.JPG$

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

Создадим файл kontakt.html где мы скопируем наше «меню» и добавим текст с схематичным изображением карты как найти главный офис компании.

Код:

$C:\Users\Сергей\Desktop\контакты.JPG$

Для более лаконичного вида текста мы создаём полупрозрачный фон

$C:\Users\Сергей\Desktop\3235324.JPG$

Заключение

Мы достигли основной цели данного курсового проекта:

Создали сайт для компании «Винтаж»
Углублённо ознакомились с современными методами проектирования web и веб-дизайна

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

Список использованной литературы.

1)Как делать HTML коды и применять стили формирования.

Автор Вадим К. 2016г.

2)Включение CSS в HTML Автор: Валеева Н. 2017г.

3)Наполнение сайта контентом. Автор : Милованов В. 2013г