Подготовить и проанализировать информацию для реализации проекта

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

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

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

Можно изменять размеры фреймов «на лету», чего не позволяет сделать традиционная верстка HTML.

Загрузка веб-страницы происходит только в указанное окно, остальные остаются неизменными. С помощью языка JavaScript можно осуществить одновременную загрузку двух и более страниц во фреймы.

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

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

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

3. Несовместимость с разными версиями браузера

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

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

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

JavaScript - предназначен для написания сценариев для активных HTML-страниц. JavaScript не предназначен для создания автономных приложений. Программа на JavaScript встраивается непосредственно в исходный текст HTML-документа и интерпретируется брaузером по мере загрузки этого документа.

С помощью JavaScript можно динамически изменять текст загружаемого HTML-документа и реагировать на события, связанные с действиями посетителя или изменениями состоятия документа или окна. Важная особенность JavaScript - объектная ориентированность. Программисту доступны многочисленные объекты, такие, как документы, гиперссылки, формы, фреймы и т.д. Объекты характеризуются описательной информацией (свойствами) и возможными действиями (методами). [16]

1.5.1 Общие сведения о языке программирования PHP

PHP - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений.

В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов. Язык и его интерпретатор разрабатываются группой энтузиастов в рамках проекта с открытым кодом. Проект распространяется под собственной лицензией, несовместимой с GNU GPL.

В области программирования для сети Интернет PHP — один из популярных скриптовых языков (наряду с JSP, Perl и языками, используемыми в ASP.NET) благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.

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

– автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;

– взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO);

– автоматизированная отправка HTTP-заголовков;

– работа с локальными и удалёнными файлами, сокетами.

PHP рассматривает переход на новую строку как пробел, так же как HTML и другие языки со свободным форматом.

Инструкции разделяются с помощью точки с запятой (;), за исключением некоторых случаев, после объявления конструкции if/else и циклов.

PHP поддерживает три типа комментариев: в стиле языка Си (ограниченные /* */), C++ (начинающиеся с // и идущие до конца строки) и оболочки UNIX (с # до конца строки). [20]

СУБД – это система управления базами данных, т.е. программа, которая позволяет организовать хранение данных, с последующем контролируемым управлением.

В настоящее время жизнь человека настолько насыщена различного рода информацией, что для её запоминания требуется приложить не мало сил, записывая в ежедневниках, блогах, календарях, значимые события или даже в персональных дневниках. Так же и для веб-сайтов необходимо хранить информацию, для этого существуют дополнительные программы, одними такими функциями обладают СУБД.

В базах данных (это база данных самого распространённого типа) данные хранятся в таблицах. На первый взгляд, данные таблицы, очень похожи на электронные таблицы от Microsoft office, таких как «Excel». Поскольку они тоже состоят из строк и столбцов, в СУБД столбцы называют полями и содержат данные однозначного типа, такой же принцип и со строками, где тип поля (ячейки) зависит от типа столбца.

Таблицы, это не единственный тип объектов, из которых состоят базы данных. Помимо таблиц, существуют еще формы, отчёты и всевозможные запросы. Формы применяются для добавления новых данных и изменению уже существующих. Формы облегчают добавление и редактирование информации, а также позволяют контролировать тип вводимых данных и избежать возможного рода ошибок. [17]

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

Модель реляционной СУБД была разработана в 70-80 годы XX века, к которой относятся целый ряд программных продуктов, среди которых Microsoft Access из семейства Microsoft Office, MySQL или более мощные системы промышленного уровня, таких как Microsoft SQL Server или продукты от немало известной компании Oracle.

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

SQL предназначен для манипуляции данными, которые хранятся в Системах управления реляционными базами данных (RDBMS). SQL имеет команды, с помощью которых данные можно извлекать, сортировать, обновлять, удалять и добавлять. Стандарты языка SQL определяет ANSI (American National Standards Institute). В настоящее время действует стандарт, принятый в 2003 году (SQL-3).

SQL можно использовать с такими RDBMS как MySQL, mSQL, PostgreSQL, Oracle, Microsoft SQL Server, Access, Sybase, Ingres. Эти системы RDBMS поддерживают все важные и общепринятые операторы SQL, однако каждая из них имеет множество своих собственных патентованных операторов и расширений.

MySQL - это система управления базами данных. База данных представляет собой структурированную совокупность данных. Эти данные могут быть любыми - от простого списка предстоящих покупок до перечня экспонатов картинной галереи или огромного количества информации в корпоративной сети. Для записи, выборки и обработки данных, хранящихся в компьютерной базе данных, необходима система управления базой данных, каковой и является ПО MySQL. Поскольку компьютеры замечательно справляются с обработкой больших объемов данных, управление базами данных играет центральную роль в вычислениях. Реализовано такое управление может быть по-разному - как в виде отдельных утилит, так и в виде кода, входящего в состав других приложений.

MySQL - это система управления реляционными базами данных. В реляционной базе данные хранятся в отдельных таблицах, благодаря чему достигается выигрыш в скорости и гибкости. Таблицы связываются между собой при помощи отношений, благодаря чему обеспечивается возможность объединять при выполнении запроса данные из нескольких таблиц. SQL как часть системы MySQL можно охарактеризовать как язык структурированных запросов плюс наиболее распространенный стандартный язык, используемый для доступа к базам данных.

Программное обеспечение MySQL - это программное обеспечение с открытым кодом. Программное обеспечение с открытым кодом означает, что применять и модифицировать его может любой желающий. Такое ПО можно получать по Internet и использовать бесплатно. При этом каждый пользователь может изучить исходный код и изменить его в соответствии со своими потребностями.

Технические возможности СУБД MySQL. Программное обеспечение MySQL является системой клиент-сервер, которая содержит многопоточный SQL-сервер, обеспечивающий поддержку различных вычислительных машин баз данных, а также несколько различных клиентских программ и библиотек, средства администрирования и широкий спектр программных интерфейсов (API).

Безопасность. Система безопасности основана на привилегиях и паролях с возможностью верификации с удаленного компьютера, за счет чего обеспечивается гибкость и безопасность. Пароли при передаче по сети при соединении с сервером шифруются. Клиенты могут соединяться с MySQL, используя сокеты TCP/IP, сокеты Unix или именованные каналы (named pipes, под NT) [17]

CMS - это специальная программа, которая устанавливается на хостинг-площадке. Главная функция CMS - показывать страницы сайта пользователям, формируя их содержимое «на лету» из заранее определенных шаблонов с дизайном и контентом, то есть текстов, картинок, таблиц и других материалов, которые хранятся в базе данных.

Аббревиатура CMS расшифровывается как «Content Management Software» («программное обеспечение для управления содержимым»). В нашей стране принято последнюю букву «S» расшифровывать как «System», а по-русски это обычно звучит как «Система управления контентом». Иногда употребляется более простое название – «движок сайта».

Важно понимать, что сайта как набора страниц при такой схеме просто не существует. Есть отдельно дизайн (шаблоны) и отдельно набор различных материалов - текст, картинки, файлы с архивами, документы MSOffice/PDF и другие материалы. CMS создает страницу пользователю в момент его запроса. При этом, в зависимости от ситуации, пользователю может быть показана какая-то уникальная информация, которая больше никому и никогда не будет видна.

Например, содержимое его корзины в интернет-магазине. Эту работу и делает CMS, или «движок сайта». При этом, CMS не просто генерирует страницы пользователям, она пытается сделать это как можно быстрее, чтобы обработать максимальное количество запросов в единицу времени, защищает данные от недобросовестных пользователей, не дает засорять базу данных спамерам и делает в фоновом режиме массу дополнительной работы, которая не видна посетителям сайта и даже его владельцу, но жизненно необходима для нормальной работы современного сайта.

Графический редактор — это программа создания, редактирования и просмотра графических изображений. Графические редакторы можно разделить на две категории: растровые и векторные. [20]

Растровые графические редакторы являются наилучшим средством обработки фотографий и рисунков, поскольку растровые изображения обеспечивают высокую точность передачи градаций цветов и полутонов. Среди растровых графических редакторов есть простые, например стандартное приложение Paint, и мощные профессиональные графические системы, например Adobe Photoshop и CorelPhoto-Paint. Растровое изображение хранится с помощью точек различного цвета (пикселей), которые образуют строки и столбцы. Любой пиксель имеет фиксированное положение и цвет. Хранение каждого пикселя требует некоторого количества бит информации, которое зависит от количества цветов в изображении. Качество растрового изображения определяется размером изображения (числом пикселей по горизонтали и вертикали) и количества цветов, которые могут принимать пиксели.

К векторным графическим редакторам относятся графический редактор, встроенный в текстовый редактор Word. Среди профессиональных векторных графических систем наиболее распространены CorelDRAW и Adobe Illustrator. Векторные изображения формируются из объектов (точка, линия, окружность и т. д.), которые хранятся в памяти компьютера в виде графических примитивов и описывающих их математических формул.

Достоинством векторной графики является то, что файлы, хранящие векторные графические изображения, имеют сравнительно небольшой объем. Важно также, что векторные графические изображения могут быть увеличены или уменьшены без потери качества.

Adobe Photoshop – это многофункциональный графический редактор, разработанной фирмой “Abobe System”. Данная программа является лидером рынка в области коммерческих средств редактирования растровых изображений. Несмотря на то, что программа изначально была разработана для полиграфии, в настоящее время это мощный продукт для создания веб-сайтов, где обрела широкую огласку среди веб-дизайнеров по всему миру.

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

Основной формат файлов, созданных в Photoshop – PSD. Поддерживаются следующие цветовые схемы: RGB, CMYK, LAB, Grayscale, Bitmap, Duotone, Indexed, Multichannel.

Pixlr – Мультиязычный (около 23 языков) онлайн редактор нового поколения. Он поддерживает работу со слоями и фильтрами, имеет максимально похожий на Photoshop интерфейс, а так же располагает в своем арсенале множеством специальных эффектов, способных придать вашим изображениям неповторимый вид.

Pixlr разработан на технологии Flash и по праву называется не иначе, как лучший онлайн аналог фотошопа на сегодняшний день.

PaintNET - еще один бесплатный редактор изображений, является довольно компактным в своём роде программой. Имеет огромное количество возможностей в отличии от стандартного Paint от Microsoft. Данный редактор имеет возможность рисовать и обрабатывать фотографии, а также работать со слоями, применять различные фильтры, в том числе удаление “эффекта красных глаз”.

Но существуют как плюсы, так и минусы данной программы, она имеет собственный формат, из-за того, что экспорт изображений затрудняется, другие редакторы его не всегда “понимают”, а повторное конвертирование изображений приводит к потере качества и элементов форматирования.

CorelDRAW - это известный пакет программ для работы с различными типами графики.

CorelDRAW Graphics Suite - позволяет работать над всевозможными проектами - от создания логотипа и веб-графики до многостраничных маркетинговых брошюр или привлекательных вывесок. В пакете CorelDRAW Graphics Suite реализованы расширенные средства обеспечения совместимости с часто используемыми форматами, включая Adobe Illustrator, PhotoShop, Corel Paint Shop Pro, Microsoft Office, JPEG и PDF.

В CorelDRAW Graphics Suite присутствует приложение Corel PowerTRACE, позволяющее переводить растровую графику в векторную. Лаборатория по корректировке изображений Photo-Paint, входящая в пакет CorelDRAW Graphics Suite - это единый центр для настройки цветов и оттенков фотографий.

В CorelDRAW Graphics Suite присутствует поддержка защищенных документов PDF, которая позволяет пользователям открывать и создавать документы PDF, защищенные паролем.

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

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

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

Сайт-визитка – это сайт, предназначенный для небольшой компании или показывающий информацию о конкретном человеке, о его деятельности и сфере его бизнеса. Ресурс такого сайта, очень мал, как правило такие сайты состоят из 1-й страницы, на которой указываются деятельность человека, цены, контакты и т.д.

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

К данному типу сайтов относятся ресурсы больших организаций и корпораций. На страницах таких сайтов можно увидеть больше информации чем на сайтах-визитка, имеют более богатый функционал и дизайн. К таким сайтам относятся, веб-сайты правительственных организаций, сайт президента РФ, правительства РФ, а также различных компаний, таких как Apple, Microsoft, Газпром и т.д.

Данный вид сайтов относятся к ресурсам, которые как правило располагаются на доменах “.org” и принадлежат некоммерческим организациям. Примером будет, не мало известный интернет ресурс “Википедия”, а также организации по стандартизации “ISO”, “W3С” и т.д.

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

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

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

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

К наиболее известным относится веб-сайт «Школьный сектор», созданный в 1998 г. Его создание способствовало развитию активного сегмента информационной образовательной среды для учителей-предметников из разных городов. Здесь еженедельно размещаются результаты проектной учебной работы школьников (в том числе, веб-странички разного типа, созданные ими), размышления учителей и координаторов сетевой работы по поводу сетевой деятельности в школе, интеграции ее к учебной программе, выступления специалистов об образовательной деятельности школ в Сети. Здесь же представлена информация о семинарах, конференциях, новых веб-сайтах, педагогических изданиях и медиа, которые могут помочь учителям-предметникам в их учебной деятельности и многое другое.

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

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

1.8.9 Сайты дистанционного обучения и консультирования

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

При работе над дипломным проектом был исследован рынок конкурентов и рассмотрены веб-сайты аналогичных студий. Первым источником исследования является такая же свадебная студия под названием «StyleDecor» - свадебная студия дизайна.

Веб-сайт сделан с помощью.HTML и.CSS файлов, загруженных на платформу wordpress в виде шаблона.

Выполнен веб-сайт в темных тонах с помощью блочной верстки дизайна, имеет «шапку», «тело» и «подвал». В «шапке» веб-сайта находится только 3 активных элементов – логотип-ссылка и два номера телефона. Меню имеет 5 элементов, с помощью которых можно перемещаться по веб-сайту. На главной странице «тело» веб-сайта заполнено различной информацией, указывающей на его тематику (как работает компания, скидки, различные проекты).

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

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

На рисунке 1.1 представлена главная страница веб-сайта http://style-decor.com.ua/

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

Сделана web-страница при помощи.HTML и.CSS файлов установленных на систему управления веб-сайтом «1С-битрикс», так же к веб-сайту прикреплена база данных, с помощью которой осуществляются обратные звонки, заказ услуг, который добавляется в корзину и все действия, связанные диалогом пользователя с менеджером.

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

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

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

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

На рисунке 1.2 предоставлена главная страница сайта http://www.nastyarai.ru/

Третьим рассмотрен веб-сайт под названием «Свадебный ведущий Тимур Громов».

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

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

На главной странице, в «теле» веб-сайта, указана информация о компании, ниже – фотографии и видео проектов. В «подвале» веб-сайта указана информация о копирайте, название компании, номер телефона, электронный адрес. [20]

На рисунке 1.3 предоставлена главная страница сайта http://timurgromov.ru/

Рисунок 1.3 – Веб-сайт свадебного ведущего Тимура Громова

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

Для реализации данных требований, веб-сайт был разработан с функциональной системой, которая имеет ряд возможностей, а именно:

Разработка дизайна сайта – масштабный этап в процессе создания интернет-ресурса. Именно дизайн является лицом сайта, а поэтому решение задачи его разработки требует основательного многоступенчатого подхода. Только в этом случае на выходе получится качественный, современный и функциональный дизайн.

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

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

Разработка шаблона – В ходе данного этапа графические дизайнеры создают эскизы веб-страниц разрабатываемого сайта. Для того чтобы получить такие эскизы специалисты на основе полученной ранее модульной сетки и фирменного стиля прорисовывают внешнюю структуру веб-страниц в реальных размерах. Параллельно определяется набор шрифтов и их размеры для текстового контента. Также ведется прорисовка несложных модулей, формируется общее фоновое решение и фон для отдельных модулей. Как правило, создается несколько заготовок шаблона. Впоследствии из них выбирается понравившееся заказчику решение, на основе которого создается макет.

Создание макета – Заключительная стадия разработки дизайна интернет-ресурса. В рамках данного этапа создаются конечные варианты графических файлов страниц сайта. Макет становится базой для последующей работы верстальщика, который, используя возможности HTML и СSS, преобразует графические файлы в отдельные веб-страницы.

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

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

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

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

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

Тестирование — это отклонение фактического результата от ожидаемого, другими словами — это процесс поиска багов (ошибок). Основные правила тестирования веб-сайтов — это шаги, которые показывают пользователю, насколько удобен и логичен будет проект, насколько просто и возможно найти ту или иную информацию. Хорошо ли воспринимается человеческому взгляду и правильно ли работает весь функционал данного сайта, который был поставлен по ТЗ или брифу — это основные показатели для тестировщика. [17]

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

Для организаций существует отдельное методическое пособие, которое предусматривает специальные тестирования, согласно данным документам. Тестирование включает в себя:

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

К примеру, возьмем интернет магазин, у которого есть не только скидки на товар, но и множество статусов при покупке, n кол-во товаров. Все эти варианты следует учитывать. Ведь если функционал проекта не работает в определенном браузере, то он не будет работать нигде.

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

Тестирование удобства пользования (юзабилити) – это вид тестирования, который делает для сайта удобство и практичность в использовании. Основная цель показать пользователю:

– Какое впечатление создается у пользователя;

Таблица 4.3 – Начисления на заработную плату

Итого расходов на заработную плату: 45 000 руб. + 15 900 руб. = 60 900 руб.

Составление сметы и определение цены (программного продукта или проведения анализа)

На основании полученных расчетов определим стоимость проекта, то есть составим смету всех затрат:

Что делать, если нет взаимности? А теперь спустимся с небес на землю. Приземлились? Продолжаем разговор...

Система охраняемых территорий в США Изучение особо охраняемых природных территорий(ООПТ) США представляет особый интерес по многим причинам...

Что вызывает тренды на фондовых и товарных рынках Объяснение теории грузового поезда Первые 17 лет моих рыночных исследований сводились к попыткам вычислить, когда этот...

Что будет с Землей, если ось ее сместится на 6666 км? Что будет с Землей? - задался я вопросом...

Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте: