Файл: Разработка сайта «Я помогаю детям.pdf

Введение.

В наше время много чего-то изменилось, особенно в 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. Наполнение контентом.

---