Файл: Создания веб-сайтов (Разработка web-сайта для ООО «Бытовые услуги»).pdf

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

В современном мире компьютер открыл для всех желающих простор для шрифтового пространства.

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

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

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

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

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

1.2.6. Обоснование принятых решений по формированию фирменного стиля.

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

Требования к графическому дизайну Сайта:

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

Требования к шрифтовому оформлению Сайта:

основными шрифтовыми гарнитурами корпоративного стиля компании являются гарнитуры Arial и Futura;
шрифты, используемые для оформления графических элементов Сайта, не должны противоречить корпоративному стилю компании;
шрифты, используемые для оформления текстовых материалов Сайта, не должны противоречить корпоративному стилю компании. В случае отсутствия необходимых шрифтов на компьютере пользователя необходимо предусмотреть использование стандартных групп шрифтов браузеров (Arial/Helvetica, TimesNewRoman, Courier) таким образом, чтобы замена шрифтов из соответствующей группы не приводила к визуальному искажению текста;
размер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

1.3. Обоснование выбора инструментария для создания Web-ресурса.

Обоснование технологии получения и размещения информационного наполнения Web-ресурса.

Разрабатываемая система должна удовлетворять следующим требованиям:

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

1.3.2. Обоснование выбранных технологий для обеспечения совместимости Web-ресурса с различными браузерами.

Для реализации статических страниц и шаблонов должны использоваться языки HTML 4.0 и CSS. Исходный код должен разрабатываться в соответствии со стандартами W3C (HTML 4.0).

Для реализации интерактивных элементов клиентской части должны использоваться язык JavaScript.

Для реализации динамических страниц должен использоваться язык PHP.

1.3.3. Обоснование выбора программного обеспечения для создания Web-ресурса.

Для функционирования сайта необходимо следующее программное обеспечение:

веб-сервер – Apache версии не ниже 1.3.26;
СУБД – MySQL версии не ниже 3.23.

1.4. Обоснование выбора способа размещения Web-ресурса в Интернет.

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

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

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

Обзор бесплатных хостингов.

www.Narod.ru — Бесплатный хостинг с неограниченным размером сайта — Самый популярный сервис для новичков в интернете, поскольку хостинг не поддерживает скрипты и базы данных, однако есть более 100 шаблонов для быстрого создания сайта с нуля, плюс есть самые нужные сервисы для сайта: Гостевая книга, Персональный форум, чат, Сообщества, Опросы и Анкеты, счетчик на странички и др. Поддерживает FTP протокол.

www.ucoz.com — бесплатный хостинг с неограниченным размером сайта — наиболее популярный у разных геймерских кланов. , поскольку хостинг не поддерживает скрипты и базы данных, однако есть более 300 шаблонов для быстрого создания сайта с нуля, плюс есть самые нужные сервисы для сайта: Гостевая книга, Персональный форум, чат, Сообщества, Опросы и Анкеты, счетчик на странички и др. Поддерживает FTP протокол. Большой плюс этого хостинга — профессиональный дизайн и 200 мб для файлов (объём постоянно увеличивается).

www.Boom.Mail.ru — бесплатный Web хостинг для простого сайта — 50 Мб дискового пространства, FTP доступ, отсутствие скриптов и баз данных, реклама на сайтах, защита от создания файл-архивов, возможность использования на своем сайте гостевой книги, голосования, счетчиков посещений, а также других сервисов Mail.ru.

www.NewMail.ru — Бесплатный хостинг без баннеров — 32 Мб, FTP доступ, нет серверных скриптов (PHP и ASP и др.) кроме предустановленных CGI скриптов — Форум, Гостевая книга, Голосование, Счетчик, Почтовая форма. Есть серьезные ограничения на размещаемую информацию, а также активность сайта.

www.Chat.ru — Сервис бесплатного хостинга -10 Мб, отсутствие скриптов и баз данных. Этот проект также большей частью для новичков, поэтому панель управления сайтом достаточно понятна, и есть конструктор сайтов.

www.By.ru — Неограниченный бесплатный хостинг без рекламы и баннеров — Предлагает очень заманчивые условия хостинга сайтов, вплоть до возможности подключить домен второго уровня, однако если вы хотите создать шибко динамический сайт, то увы, серверных скриптов кроме SSI нет, базы данных тоже отсутствуют.

Рассмотрев сравнение бесплатных хостингов с достоинствами и недостатками выбираем для размещения сайта www.Chat.ru.

2 глава. Проектная часть.

2.1. Структура и содержание сайта.

Разделы сайта и система навигации.

Общая структура Сайта представлена на рисунке 2.

Рисунок 2- Структура сайта

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

О компании / Информация о компании;
Услуг;
Банные услуги;
Сауна;
Прачечная;
Прайс-лист;
Контакты;
Обратная связь;
Галерея;
Банные советы.

Описание разделов Сайта.

Главная страница.

Главная страница является основной точкой входа на Сайт.

Назначение главной страницы:

идентифицировать сайт, как представительство компании в интернет;
информировать посетителей о профиле деятельности компании;
обеспечивать доступ ко всем основным разделам Сайта (разделам 1-го уровня).

На странице должны присутствовать ссылки на следующие разделы 1-го уровня:

«О компании»;
«Услуги»;
«Прайс-лист»;
«Контакты»;
«Обратная связь»;
«Галерея»;
«Банные советы».

Внутренние страницы (общие требования).

На странице должны присутствовать ссылки на следующие разделы 1-го уровня:

«О компании»;
«Услуги»;
«Прайс-лист»;
«Контакты»;
«Обратная связь»;
«Галерея»;
«Банные советы».

Навигация по разделам 2-го уровня

На страницах разделов, имеющих внутренние подразделы, должны присутствовать ссылки на разделы 2-го уровня, соответствующие текущему разделу 1-го уровня. Ссылка на текущий (выбранный) раздел должна быть визуально выделена относительно других.

Необходимо предусмотреть возможность последующего расширения перечня разделов 2-го уровня.

Необходимо предусмотреть ситуацию, когда разделы 2-го уровня отсутствуют.

Заголовок раздела

Предполагается наличие панели с названием текущего (выбранного) раздела сайта в виде текста и/или графического изображения в верхней части страницы.

Раздел «О компании».

Назначение раздела:

способствовать формированию имиджа успешной компании («история успеха»);
способствовать формированию имиджа открытой компании;
ознакомить посетителей сайта с декларируемой миссией, основными вехами пути и персоналиями руководителей/сотрудников компании;
предоставить дополнительную информацию о компании в виде пресс-релизов.

Контентный блок.

Информация на странице раздела должна быть представлена в виде единой статьи.