Разработка сайта «Я помогаю детям

Содержание:

Введение.

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

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

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

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

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

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

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

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

Веб - сайты — это сборники документов, известных как веб - страницы (или страницы для краткости). Они содержат некоторую информацию: изображения, текст, видео, аудиоматериалы и другое.

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

При перемещении курсора на них, он приобретает вид руки с вытянутым указательным пальцем. После клика на такие элементы пользователь перемещается на новое место.

Веб - страницы написаны на языке, называемом язык разметки гипертекста - HTML. Браузеры (программы, используемые для серфинга в Интернете, такие как Google Chrome, Internet Explorer, Opera, Yandex, Амиго и другие), читают его и отображают нужную информацию, которая была написана на языке – HTML.

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

Веб-сайт выполняет следующие основные задачи:

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

Основные и общие требований к вебу – сайту.

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

1. Дизайн сайта.

Простой, ненавязчивый, но оригинальный - главные критерии.

1. Грамотный пользовательский интерфейс.

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

1. Логичная навигация.

Основные разделы сайта (Главная | Адрес | Отзыв | Контакты| и т. д.) лучше разместить сверху, полезные ссылки, дружественные сайты и т. п. - в боковом меню.

1. Располагайте ссылки внизу.

Даже если они продублированы в другом месте. Это дополнительный способ привлечь внимание.

1. Качественный контент.

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

1. Контакты.

Это обязательное условие: связь с вами должна быть удобной и самой прямой.

1. Поиск.

Настройте его максимально грамотно - "не найдено" на каждый полезный вопрос невероятно раздражает читателей или клиентов.

1. Карта сайта.

Она помогает составить читателю или клиентам полное представление вашего ресурса, а также способствует индексации страниц.

1. Совместимость браузеров.

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

1. Статистика.

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

Четыре общие требование к вебу – сайту:

1) Совместимость с основными версиями браузеров.

2) Минимальный объем HTML-кода.

3) Модификация сайта при минимуме человек часов.

4) Портабельность сайта.

Если сайт не просматривается или отображается некорректно в-четвертых версиях браузеров, то теряется значительная часть посетителей. Объем HTML-кода должен стремиться к минимуму по двум причинам.

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

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

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

1. Сайт имел структуру, пример предлагаемой структуры сайта см. выше.

2. Исходный HTML-код должен быть читабельным.

3. Верхние и нижние колонтитулы были вынесены в отдельный файл.

4. CSS (таблицы каскадных стилей), используемые в нескольких документах находились в отдельном файле.

5. Функции JavaScript, используемые в нескольких документах находились в отдельном файле.

6. Гиперссылки имели правильные пути - абсолютные и относительные.

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

Соответствие существующим стандартам обеспечивает:

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

1.3 Основные этапы разработки сайта.

Основные этапы разработки сайта:

1. Подготовительный.
   1. Нужно определить какая цель будет у сайта, например, цель может быть такая: обучение, развлечение, интернет-магазин, продажа каких-либо услуг, бизнес сайт, или просто заработок на сайте.
   2. Затем определяем целевую аудиторию (пол, возраст, образование), то есть для кого будет этот сайт.
   3. Так же необходимо выяснить какую информацию ожидают посетители, это поможет с определением контента (текстовой информацией) на сайте.
   4. Затем нужно определиться с технической стороной. Важно учитывать среднее подключение к сети, а также программным обеспечением.
   5. Навигация — важный пункт. Все должно быть интуитивно понятно, где и что находится, чтобы пользователь не бродил в поисках нужной информации, а сразу ориентировался на сайте.
2. Разработка макета.

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

1. Верстка.

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

3.1 Вёрстка слоями сложнее, чем таблицами, поскольку требует от разработчика глубоких знаний спецификации CSS.

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

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

Таким образом, вёрстка в простом понимании — это процесс превращения работы дизайнера в веб-страницу, отображаемую в браузере.

1. Программирование.

Веб программирование делится на два вида: серверное (бэкенд) и клиентское (фронтенд).

Серверное web - программирование – это создание логики на стороне сервера: обработка запросов с клиентов, динамическое формирование HTML-страниц, взаимодействие с базой данных и т.д. Существует множество языков программирования для бэкенда: PHP, Python, Perl, Ruby… Самым распространённым из них является PHP, во многом за счёт своей простоты и функциональности, для его изучения, рекомендуем вам пройти курсы «Основы PHP»

Клиентское web - программирование – это создание логики на стороне браузера: отправка Ajax-запросов серверу и динамическое изменение страницы без перезагрузки, сохранение данных пользователя в браузере и их обработка. По умолчанию в браузерах присутствует один язык программирования – JavaScript, поэтому он лидирует по понятным причинам. Если вы всерьёз решили заняться web-программированием на форнтенде, то рекомендуем Вам посетить курс «JavaScript Базовый» для быстрого старта.

1. Наполнение контентом.

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

1.  Раскрутка сайта.

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

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

1. Администрирование (поддержка) сайта.

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

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

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

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

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

1.4 Критерии качества сайта

В качестве базовых можно предложить следующие три критерия оценки

сайтов:

1. Информативность;
2. Открытость;
3. Интерактивность.

Информативность.

Сайт является удобным каналом информирования

целевых аудиторий и его изучения. На сайте должна быть представлена:

- общая информация о сайте/портале;

- нормативные документы;

- справочники и базы данных;

- информация о конкурсах и тендерах;

- карта сайта;

- англоязычная версия сайта;

- новостная информация.

Открытость.

Является приоритетным направлением работы сайта. Такой

подход предполагает создание механизмов прозрачности деятельности. На сайте должны быть представлены:

- раздел об организационной структуре библиотеки;

- информация о сотрудниках;

- контактная информация структурных подразделений;

- информация о территориальных органах, филиалах;

- информация о руководителях;

- контактная информация;

- аналитические и статистические материалы.

Интерактивность.

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

- поисковая система;

- раздел «часто задаваемые вопросы» (FAQ);

- тематический форум;

- голосование и анкетирование онлайн;

- отправка сообщения с сайта;

- подписка на рассылку обновлений сайта (RSS);

- регистрация и получение расширенных сервисов онлайн.

Кроссбраузерность.

Кроссбраузерность подразумевает правильное отображение страниц сайта в разных браузерах. Существует большое количество браузеров (программ, которые используются для выхода в Интернет) - Mozilla Firefox, Google Chrome, Opera, Internet Explorer и другие.

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

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

1.5 Компоненты и модули для создания веб – сайта.

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

1. Новости. Модуль для отображения новостей присутствует сегодня практически на каждом сайте. С его помощью посетителям сайта в удобном виде предоставляется информация обо всех новых явлениях и событиях, представляющих для целевой аудитории интерес. Модуль новостей нужен на сайтах почти всегда, за исключением тех случаев, когда контент сайтов обновляется крайне редко или же не обновляется вовсе.
2. Галерея изображений. Без галереи изображений трудно представить себе большинство сайтов в глобальной сети. С помощью галереи можно представлять на сайте выполненные проекты компании, ее товары. Графические изображения или фотографии подают информацию в очень удобном, практически универсальном виде, и без труда воспринимаются посетителями.
3. Подписка и рассылка. Компонент, отвечающий за рассылку новостей всем подписавшимся на нее посетителям сайта, а также модуль, обеспечивающий удобное взаимодействие с таким компонентом, обязательно должны присутствовать на сайтах с регулярно обновляемым контентом. Новостные сайты, интернет-магазины, а также официальные веб-представительства компаний и корпоративные ресурсы — все они обязательно требуют включения модуля подписки и рассылки в создание сайтов.
4. Форма обратной связи. Посетителям сайта всегда важно знать, что за ним стоит реальная компания, с которой в любой момент можно связаться. Удобной в этом случае оказывается форма обратной связи: сообщения, отправляемые через нее, попадают на определенный почтовый ящик, назначить который можно при создании сайта. Взаимодействие с целевой аудиторией через форму обратной связи повышает уровень доверия посетителей к сайту.
5. Гостевая книга. На сегодняшний день создание сайтов предусматривает разработку и установку гостевых книг лишь в редких случаях, их, большей частью, заменили компоненты и модули для комментирования, позволяющие посетителям сайта высказать свое мнение по поводу каждого опубликованного материала. Тем не менее, в сфере онлайн-продаж, например, гостевая книга на сайте по-прежнему остаются важным элементом его юзабилити.
6. Форум. Пожалуй, самый «спорный» из всех компонентов и модулей для сайта — это форум. Создание сайтов часто включает в себя разработку и установку форума, однако лишь в немногих случаях это действительно необходимо. Если форум пуст — это серьезный удар по репутации сайта и, как следствие, всей компании.
7. Онлайн-консультации. Возможность предоставления консультаций посетителям сайта в режиме онлайн очень пригодится для интернет-магазинов, а также сайтов компаний, рекламирующих в интернете свои услуги и товары. Благодаря компонентам и модулям для онлайн-консультаций эффективность продаж товаров через интернет возрастает, ведь посетители получают исчерпывающие ответы на свои вопросы в режиме «реального времени», что, несомненно, способствует повышению доверия к сайту.

1.6 Основные компоненты создания современного веб - сайта.

В наше время для создание современного веб – сайта нужно вспомнить из чего же состоит?

Доменное имя.

Проще говоря, адрес вашего сайта в интернете. Чтобы создать сайт, вам необходимо будет зарегистрировать для него доменное имя (например, www.mit.com).

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

Хостинг.

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

Контент.

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

Дизайн.

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

Программное обеспечение.

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

1.7 Типы web – сайтов.

Всемирная паутина предоставила в наше распоряжение очень большие возможности создания web сайтов. Которые в свою очередь можно подразделить на следующие типы или виды сайтов.

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

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

Для создания малых и средних интерактивных сайтов целесообразно применить язык сценариев PHP. Конкурентами PHP являются технологии ASP, JSP, Cold Fusion, Perl. Достоинством языка PHP является то, что он является бесплатным, имеет открытые исходные коды и работает почти на всех платформах.

В зависимости от технологии создания можно выделить следующие типы сайтов:

1. Статические сайты, содержащие статические HTML или XHTML страницы. Статические веб-страницы — это статические файлы (набор текста, таблиц, рисунков и т.д.), которые создается с помощью языка разметки HTML (имеют расширение .html или .htm) и хранятся в готовом виде в файловой системе сервера.
2. Динамические сайты, в которых веб-страницы генерируются или формируются (создаются динамически) в процессе исполнения запроса пользователя. Динамические сайты бывают двух типов. В первом типе сайтов, веб-страницы генерируются или формируются из данных хранящихся на сервере в базе данных. Во втором типе сайтов веб-страницы генерируются на стороне клиентского приложения (в браузере).
3. Flash-сайты – это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.
4. Комбинированные сайты, в которых используются вышеизложенные технологии создания сайтов.

1.8 Классификация веб сайтов.

1. Сайт-визитка

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

Картинка № 1 – «Сайт – визитка»

1. Официальный сайт

К этому типу сайтов относятся ресурсы больших организаций и корпораций. На страницах такого сайта уже находится гораздо больше информации, чем на сайте-визитке, а оформлены они по более сложной схеме. Сюда, например, относятся такие веб сайты, как как microsoft.com, apple.com, siemens.com, gazprom.ru, rosneft.ru… А также все сайты правительственных организаций: сайт президента РФ, правительства РФ и.т.д.

Картинка № 2 – «Официальный сайт»

1. Персональная страница

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

Картинка № 3 – «Персональная страница»

1. Некоммерческие сайты

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

Картинка № 4 – «Некоммерческие сайты»

1. Коммерческие сайты

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

Картинка № 5 – «Коммерческие сайты»

1. Контент-сайты

Это самый распространенный тип сайтов в интернете. Основной способ заработка их владельцев – реклама. Контент сайты, в свою очередь, подразделяются на девять подтипов: информационные, развлекательные, новостные, скачивание, фото-сайты, каталоги, доски объявлений, торрент-сайты, порталы.

Картинка № 6 – «Контент-сайты»

7. Социально-ориентированные сайты

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

Картинка № 7 – «Интернет - магазин»

Разработка веб – сайта «Я помогаю детям».

2.1 Разработка структуры сайта.

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

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

Достойный уважения Web-дизайн включает разработку страниц, доступных для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative (WAI), которая ставит целью сделать Web более доступным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут (или не могут) создать Web-сайты в соответствии с поставленными задачами.

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

Многие люди с проблемами зрения используют текстовые браузеры (такие как Lynx) вместе с программным обеспечением, которое громко читает содержимое страницы. В любом случае основное внимание уделяется структуре документа и его тексту. Графическое содержимое может быть просто утеряно.

2.2 Описание разработки веб – сайта.

1. С самого начала нашего сайта, мы создаем меню сайта, чтобы было удобно смотреть.

Картинка № 8 – «Меню сайта»

2. После того, как мы создали меню, то вставляем логотип нашего сайта.

Картинка № 9 – «Логотип сайта»

Следующим этапом будет, что вставляем баннер нашего сайта по середине основной странице.

Картинка № 10 – «Баннер сайта»

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

Картинка № 11 – «Ссылки «Подробнее»»

После того как мы сделали и расписали главную страницу, то дальше будем добавлять информацию в «Услуги».

Картинка № 12 – «Услуги сайта»

После того как мы добавили информацию в услуги, то пишем новую информацию в «О нас».

Картинка № 13 – «О нас»

И под конец нашего создание сайта добавляем информацию в «Контакты» и делаем форму обратной связи.

Картинка № 14 – «Контакты»

Заключение.

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

Любой сайт – это папка с файлами, написанная при помощи языков программирования. Если вы откроете любой из них, то ровным счетом ничего не поймете. Благо, у нас есть браузер, который считывает информацию и предоставляет ее в готовом виде, доступном для восприятия любому пользователю.

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

Для того чтобы избежать этих неудобств, разработан адаптивный дизайн веб-сайтов. Это означает, что ресурс был спроектирован так, что он одинаково выглядит на разных устройствах.

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

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

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

Список литературы.

1) http://start-luck.ru/dlya-novichka/chto-takoe-veb-sajt.html;

2) Цифровая трансформация российских банков [Электронный ресурс] // TAdviser - портал выбора технологий и поставщиков: сайт. - URL: http://www.tadviser.ru/index.php/ (дата обращения: 18.12.2017).

3) Изучаем HTML, XHTML и CSS, 2 издание. Эрик Фримен, Элизабет Фримен, Питер, 2016.

4) HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера, 4-е издание (Николай Прохоренок, Владимир Дронов);

5) Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 3-е изд. (Робин Никсон);

6) http://fb.ru/article/183942/veb-saytyi---eto-chto-takoe;

7) https://semantica.in/blog/chto-takoe-veb-sajt.html;

Приложения № 1

Исходный код - index.html

Приложения № 2

Исходный код – uslugi.html

Приложения № 3

Исходный код – about.html

Приложения № 4

Исходный код – contacts .html