Методы создания и сопровождения сайта

методы создания и сопровождения сайта

Сайт

• Сайт, или веб-сайт — «место», буквально «место, сегмент, часть в сети»), — одна или несколько логически связанных между собой веб-страниц; также место расположения контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователями как единое целое. Веб-сайты называются так, потому что доступ к ним происходит по протоколу HTTP.

История

• Первый в мире сайт info.cern.ch появился 6 августа 1991 года. Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии World Wide Web, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.

Устройство

• Страницы сайтов — это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи).
• Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определённом файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями.

WYSIWYG редакторы

• WYSIWYG (What You See Is What You Get) – аббревиатура этого типа редакторов переводится как «что видишь, то и получишь». Другое название таких редакторов – визуальные редакторы HTML. Фактически, задача этого типа редакторов – предоставить интерфейс редактирования, в котором можно сразу увидеть, как будет выглядеть реализация кода на действующей странице сайта в браузере. Для простейшей работы в редакторе этого типа не нужно знание HTML. С работы в таком редакторе проще стартовать начинающему пользователю, не имеющему опыта написания кода.
• Такой тип редакторов часто встраивают в веб сайты, для упрощения настройки внешнего вида сайта по некоторым заранее написанным шаблонам или для редактирования контента сайта.

Пример WYSIWYG редакторов

• Adobe Dreamweaver
• Microsoft FrontPage
• WordPress
• KompoZer

Текстовые HTML редакторы

• Собственно, как понятно из названия, этот тип HTML редакторов ориентирован непосредственно на работу с текстом (кодом). Чтобы использовать такой редактор, вам нужны будут знания как минимум языка HTML. В процессе использования такого редактора вы не сможете постоянно наблюдать готовую реализацию страницы разрабатываемого вами вебсайта.
• Однако, применение текстового редактора дает разработчику значительно больше свободы, возможностей оптимизации кода и др.

Примеры Текстовых HTML редакторов

• Notepad++
• Блокнот
• Brackets
• Coffecup
• Eclipse
• Visual Studio

Конструкторы сайтов

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

Примеры

• ru.wix.com
• app.site
• wix.com
• squarespace.com
• .jimdo.com

Вопросы

• 1) какой способ создания сайта на ваш взгляд больше подходит новичкам? Почему?
• 2) на какой платформе вы бы попробовали создать сайт и почему?