Муниципальное бюджетное общеобразовательное учреждение

Г. Горловки «Гимназия 65«Триумф»

Доклад
На тему: «Основы сайтостроения»

Выполнила: ученица 11 класса

Джиоева Ксения
Проверила:учитель Краснова
Светлана Викторовна

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

Существует определенный порядок действий, согласно которому осуществляется

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

От цели создания сайта напрямую зависит соотношение между качеством содержимого

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

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

поддержку веб-ресурса (написание скриптов, администрирование и настройка веб-
серверов и др.)

Веб-дизайн — вид графического дизайна, направленный на разработку и оформление

объектов информационной среды интернета, призванный обеспечить им высокие
потребительские свойства и эстетические качества.

Средства для создания web-страниц.

1) Текстовые редакторы для работы с “чистым" HTML-кодом. Поскольку HTML-

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

2) Программные средства, которые имеют специальные встроенные компоненты для

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

3) Специализированные программные средства - web-редакторы, предназначенные

специально для разработки web-сайтов. Современные требования, предъявляемые к
web-редакторам, включают в себя:

- Поддержку каскадных таблиц стилей.

- Использование современных скриптовых языков, таких как JavaScript и т.д.

- Генерацию Dynamic HTML для различных браузеров.

- Средства наглядного дизайна: вставка изображений, таблиц и фреймов.

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

Для создания (разработки) и сопровождения динамических сайтов используют CMS

(Content Management System) - Систему управления сайтом, которую называют
движком сайта. В настоящее время популярными системами управления являются
Drupal, Joomla и WordPress. На основе этих CMS можно создавать функциональные и
легко управляемые PHP-сайты. Движки для Drupal, Joomla и WordPress являются
бесплатными. Средства разработки сайтов обеспечивают разделение содержательной
части (контента) от дизайна (шаблона веб-страницы), что позволяет изменять
содержание веб-страниц, не затрагивая их дизайна и изменять шаблон сайта не
затрагивая содержания его страниц.

Проектирование сайта – ключевой этап создания сайта, в процессе которого

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

Утверждение первоначального технического задания на разработку сайта.

Определение структурной схемы сайта - расположение разделов, контента и навигации.

Веб-дизайн - создание графических элементов макета сайта, стилей и элементов

навигации.

Разработка программного кода, модулей, базы данных и других элементов сайта

необходимых в проекте.

Тестирование и размещение сайта в сети Интернет.

Проектирование сайтов имеет свой результат в виде технического задания, которое

является неотъемлемой частью договора на разработку сайта.

Публикация сайта означает загрузку Web-страниц, шрифтов и графических файлов,

составляющих ваш сайт, на Web-сервер любым из следующих способов:

Первый способ самый простой, но далеко не всегда самый доступный. Заключается он

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

Второй способ менее распространенный. Некоторые бесплатные Web-серверы

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

Третий способ:публикация сайта через FTP-соединение. Для отправки файлов

клиентам Web-сервером используется протокол HTTP. Существует еще один интернет-
протокол — FTP, используемый для передачи в сети файлов. Причем по FTP несложно
организовать передачу файлов как от клиента серверу, так и от сервера клиенту;
инициатором передачи всегда выступает клиент. Это происходит так: клиент с помощью
специальной программы устанавливает соединение с FTP-сервером и посылает ему или
загружает с него файлы. Особенностью протокола FTP является то, что клиент работает
с FTP-сервером как с локальным диском своего компьютера; он может создавать,
изменять и удалять файлы и папки, копировать и переносить файлы куда угодно.