Выпускная квалификационная работа разработка вебсайта для рекламного агентства rocont Погадаев Вячеслав Олегович
 Скачать 2.1 Mb.
|
1.4 Этапы создания веб-сайтаСоздание прототипа веб-дизайна Прототип веб-дизайна — это как правило образец, наброски расположения блоков будущего веб-дизайна, рисуется он в графических редакторах таких как Wireframe.cc, Marvel, Moqups. Создание прототипа является одним из главных этапов тестирования веб-дизайна. На этом этапе формируется внешний вид и добавляется все графика, уточняются все моменты и детали. Создание веб-дизайна На этом этапе происходит проектирование логический структуры веб-страниц по готовому прототипу, придумывание наиболее удобных решений для подачи информации в веб-дизайне, полное художественное оформление проекта. Рисуется веб-дизайн в графических редакторах таких как AdobePhotoshop, Sketch или более подходящим для этой задачи редактором, проектирования интересов Figma. Верстка проекта Макет веб-сайта, нарисованный в графическом редакторе нарезается на графические элементы, описывается структура сайта на языке HTML, далее по готовности скелета, описываются нужные стили для каждого блока на языке CSS, также для интерактивности макета при верстке могут быть использованы такие технологии, как javascript, если необходима некая динамическая погрузка или сложная анимация. SEO оптимизация верстки SEO (действия, направленные на повышение позиций сайта в выдаче поисковых систем), что ведет к увеличению посещаемости с поисковиков. К SEO можно также отнести работы над сайтом связанные с повышением таких показателей, тематический индекс цитирования Яндекса, PageRank, Google, траст сайта. Работа внутри веб-сайта, то есть внутренняя оптимизация, исправление ошибок, допущенных при разработке сайта, наполнение новым контентом, изменение HTMLкода страниц, перелинковка. Кроме того, необходимо учитывать специфику поисковых алгоритмов, SEOоптимизация веб-сайтов под Яндекс и под Googleотличается некоторыми нюансами. Привязка домена и размещение веб-сайта на хостинге. После приобретения домена и хостинга, нужно провести окончательный этап настройки работы сайта. При этом учитывая, что хостинг и домен могут быть оформлены у разных интернет регистраторов, панели управления могут сильно визуально отличаться. Настройка работы сайта состоит из двух этапов: добавить домен на сервер хостинга; указать в домене IP адрес сервера хостинга. 1.5 Программное обеспечение, необходимое для создания веб-сайта1.5.1 Текстовые редакторыПрограммы, которые необходимы для написания и редактирования текстовых документов. Для этой задачи подойдет даже самый простой «блокнот», но для удобства лучше воспользоваться специальными текстовыми редакторами, которые предназначены для написания HTMLкода. Такие программы подсвечивают теги, помогают находить ошибки в коде и лучше структурировать код. Также в них есть множество полезных функций, позволяющих ускорить процесс написания кода. Примеры таких программ: notepad++; aptana Studio; sublime text; brakets. Для наших целей отлично подойдет Brakets, так как в нем можно быстро установить необходимые для работы плагины, также очень гибкая настойка и множество полезных функций позволяющий ускорить процесс верстки. 1.5.2 Графические редакторыПри создании прототипа и макета веб-сайта можно воспользоваться графическими редакторами это программы, позволяющие работать с графикой (создавать, редактировать различные изображения). Так же, как и текстовые редакторы, они бывают с различными функционалами и разным применением. К простому редактору в первую очередь относиться WindowsPains. К сложным графическим редакторам, которые работают с растровой графикой относятся AdobePhotoshop и Gimp. Для векторной графики используется AbodeIllustrator, Figma, CorelDraw. Также можно использовать онлайн-сервис wireframe.cc для создания прототипа веб-сайта. В нем можно набросать структуру веб-сайта, обозначиться расположение ключевых элементов их размеры, примерные цвета. 1.5.3 Локальные сервераЛокальный сервер — это набор программ, которые создают аналог хостинга непосредственно на вашем компьютере и позволяют создавать и тестировать динамические сайты с использованием серверных языков программирования и базы данных. Локальный сервер OpenServerPanel — это портативная серверная платформа и программная среда, созданная специально для веб-разработчиков с учётом их рекомендаций и пожеланий. Программный комплекс имеет богатый набор серверного программного обеспечения, удобный, многофункциональный продуманный интерфейс, обладает мощными возможностями по администрированию и настройке компонентов. Платформа широко используется с целью разработки, отладки и тестирования веб-проектов, а также для предоставления веб-сервисов в локальных сетях. Локальный сервер AMPPS — это сборник приложений, которые создают целую библиотеку для работы веб-мастера. Каждое приложение можно установить, протестировать и использовать в своих целях, причем делать это очень быстро. Данная сборка имеет свои плюсы и преимущества перед другими. Стоит отметить поддержку распространенных CMS, веб-форумов, блог-платформ, фотогалерей, досок объявлений и другое. Количество доступных приложений насчитывает более 200 штук. Локальный сервер Denwer — это комфортные условия при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на флеш-накопителе. Кроме того, эмулятор веб-сервера Denwer может быть использован для создания собственного хостинга, а также при создании баз данных для веб-сайтов, используя при этом язык SQL. |