Web -программирование. Урок 1. Знакомство.

Занятие 1.(знать: файловая системы, интернет, сервер, домен, ip адрес, сеть, маска)

Знакомство, Цели, Профессии.

Сайт это набор файлов на сервере. Любой компьютер в интернете может подключиться к серверу и посмотреть эти файлы. В самом простом случае файл состоит из html кода. Для того чтобы Ваш браузер знал к какому серверу и каким файлам обратиться, у каждого сайта есть адрес. Его Вы набираете в адресной строке. Браузер получает файлы от севера и Вы видите сайт.

Таким образом для создания сайта нужны:

- адрес сайта;

- сервер, на котором хранятся файлы сайта и который обрабатывает запросы других компьютеров;

- файлы самого сайта.

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

Код сайт. Сайт представляет собой код, который компьютер получается с сервера при обращении к нему.

Все сайты используют в своей работе html. Это язык разметки страницы – то есть определение местоположния элементов (текста, картинок и остального контена)

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

Что же такое движок сайта? На самом деле, это выражение из жаргона web-мастеров. Более правильное название – программное обеспечение управления сайтом. Еще используется аббревиатура CMS – (“Content Management Software” или “Content Management System”) – система управления контентом.

Чтобы разобраться в работе CMS, нужно сначала выяснить, что такое статические и динамические страницы.

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

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

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

Движки имеют массу достоинств:

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

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

3. Немаловажным достоинством движков является то, что над их созданием работают специалисты – профессионалы.  Они могут создать достаточно сложный продукт, которым, в то же время, легко пользоваться. Если мы хотим обработать текст, мы не создаем свой текстовый редактор, а просто открываем Word и работаем в нем, не вникая в то, что это очень сложная программа, над которой работала целая кампания Microsoft. Мы просто используем эту программу.

Разновидностей CMS великое множество: есть системы управления для статейных сайтов, для форумов, для новостных сайтов, для досок объявлений, для соцсетей, для интернет-магазинов и прочих сайтов. При этом одна CMS может иметь множество вариантов настроек и дополнений. Берем готовую CMS, копируем на сервер, вводим настройки базы данных и сайт готов. Остается только писать для него статьи. Блогеры так и делают - им не нужно знать программирование, чтобы вести свой блог. Если нужно поменять что-то в сайте, то заходим в администраторскую панель и меняем настройки.

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

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

Для чего Вам нужно изучать сайтостроение. Какая конечная цель? Все цели можно разделить на следующие:

- Цель в организации бизнеса в интернете.

- Цель в занятии этим увлекательным делом.

- Цель в воплощении имеющейся идеи.

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

Если Вы хотите, чтобы сайтостроение стало Вашим хобби, то начинайте с HTML, далее CSS и блочная верстка, потом PHP и яваскрипт или пион. А дальше Ваше увлечение само подскажет в каком направлении развиваться.

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

Специальности связанные с сайтостроением:

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

Веб-разработчик, веб-программист, веб-девелопер - пишет "движок" сайтов. На языках типа php, Python и т.п.

Backend-часть программы которая выполняется сервером(языки: джава, ruby,питон, с++,с, джва скрипт)

Frontend – часть программы исполняемая браузером(языки: хтмл, джава)

Все вместе fullstack –круто, но не востребовано в больших компаниях

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

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

Копирайтер - пишет содержательный контент, ориентированный на цели и задачи сайта.

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

Контент-мастер - производит текущие обновления контента: публикует готовые статьи и новости, корректирует каталоги товаров и иные сведения.

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