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

Занятие 1.(знать: файловая системы, интернет, сервер, домен, ip адрес, сеть, маска) Знакомство, Цели, Профессии. Сайт это набор файлов на сервере. Любой компьютер в интернете может подключиться к серверу и посмотреть эти файлы. В самом простом случае файл состоит из html кода. Для того чтобы Ваш браузер знал к какому серверу и каким файлам обратиться, у каждого сайта есть адрес. Его Вы набираете в адресной строке. Браузер получает файлы от севера и Вы видите сайт. Таким образом для создания сайта нужны: - адрес сайта; - сервер, на котором хранятся файлы сайта и который обрабатывает запросы других компьютеров; - файлы самого сайта. Сервер - это компьютер, на котором размещается наш сайт. Не обязательно иметь собственный сервер, можно арендовать готовые. Этот процесс называется хостингом. За некоторую абонентскую плату хостер предоставляет возможность размещать сайт у себя на сервере. Код сайт. Сайт представляет собой код, который компьютер получается с сервера при обращении к нему. Все сайты используют в своей работе html. Это язык разметки страницы – то есть определение местоположния элементов (текста, картинок и остального контена) Css - это файлы стилей. Когда на html странице много элементов, то описание этих элементов начинает загромождать весь код. Так как многие элементы кода повторяются на страницах многократно и стилистика требует однородного оформления - информацию с описание того, как должен выглядеть тот или иной элемент выписывают в отдельный файл. Это делает код коротким и более понятным. один файл стилей можно использовать для множества страниц. Что же такое движок сайта? На самом деле, это выражение из жаргона web­мастеров.  Более правильное название – программное обеспечение управления сайтом. Еще  используется аббревиатура CMS – (“Content Management Software” или “Content  Management System”) – система управления контентом. Чтобы разобраться в работе CMS, нужно сначала выяснить, что такое статические  и динамические страницы.  Статическая страница – это HTML­файл, хранящийся на сервере, в котором прописано все содержимое страницы: и ее внешнее оформление, и текст, и расположение  элементов относительно друг друга. При наборе адреса этой страницы в браузере идет обращение  к серверу и загружается соответствующий файл.  Динамической страницы, как таковой, на сервере не существует. Есть база данных, в  которой хранится контент, есть шаблон страниц, и есть программа (CMS), которая при  запросе браузера «берет» из базы данных  необходимый контент и вставляет его в  шаблон. В окне браузера мы видим уже готовый результат – получившуюся web­ страницу. Говорят, что страница формируется «на лету», и существует она только  тогда, когда мы хотим ее видеть. Таков принцип работы движков. Для написания CMS используются языки программирования, чаще всего PHP.  Создаются они как отдельными программистами, так и большими коллективами, целыми фирмами. Движки имеют массу достоинств: 1. Для создания сайтов на их основе можно обойтись без знания HTML и 3. Немаловажным достоинством движков является то, что над их языков программирования. Достаточно изучить несколько уроков по установке движка и разобраться с интерфейсом панели управления. 2. Сайт на CMS очень динамичен. Мы можем легко изменять и добавлять контент, создавать новые пункты меню, присоединять различные функциональные модули. При желании можно легко изменить дизайн сайта, загрузив новый шаблон. Если это делать на обычном HTML-сайте, придется переписывать все страницы. По сути, это будет создание нового сайта. созданием работают специалисты – профессионалы. Они могут создать достаточно сложный продукт, которым, в то же время, легко пользоваться. Если мы хотим обработать текст, мы не создаем свой текстовый редактор, а просто открываем Word и работаем в нем, не вникая в то, что это очень сложная программа, над которой работала целая кампания Microsoft. Мы просто используем эту программу. Разновидностей CMS великое множество: есть системы управления для статейных сайтов, для форумов, для новостных сайтов, для досок объявлений, для соцсетей, для интернет- магазинов и прочих сайтов. При этом одна CMS может иметь множество вариантов настроек и дополнений. Берем готовую CMS, копируем на сервер, вводим настройки базы данных и сайт готов. Остается только писать для него статьи. Блогеры так и делают - им не нужно знать программирование, чтобы вести свой блог. Если нужно поменять что-то в сайте, то заходим в администраторскую панель и меняем настройки. Допустим у вас возникла мысль сделать какой-то калькулятор у себя на сайте или ещё что-то, что ранее до Вас этого не делали. Вот допустим соцсеть - это немного измененный вид форума. Но ведь до Цукерберга таких разновидностей форумов не встречалось. Поэтому вполне возможно, что вы придумаете, что-то простое и при этом очень эффективное. При работе с движком сайта, Вам придется столкнуться с таким понятием как база данных. Тут ничего сложно, это такие же файлы, но структурированные и хранятся они в отдельном месте на сервере. База данных позволяет сайту работать с информацией эффективно. На каждом сайте есть сотни статей и к каждой статье есть комментарии. Для каждой статьи и комментария сайт сохраняет информацию о времени размещения и авторе. Информации получается очень много и поэтому она помещается в базу данных. При использовании cms вся работы с базами данных сводится к созданию баз - выбор логина и пароля для создаваемой базы. Для чего Вам нужно изучать сайтостроение. Какая конечная цель? Все цели можно разделить на следующие: - Цель в организации бизнеса в интернете. - Цель в занятии этим увлекательным делом. - Цель в воплощении имеющейся идеи. В первом случае, когда цель в создании бизнеса в интернете, то можно начать с изучения основ html и css, а дальше брать готовую cms и покорять мир. Весь процесс от начала изучения, до готовности первого сайта, из которого можно начинать извлекать доход составляет несколько дней. Если Вы хотите, чтобы сайтостроение стало Вашим хобби, то начинайте с HTML, далее CSS и блочная верстка, потом PHP и яваскрипт или пион. А дальше Ваше увлечение само подскажет в каком направлении развиваться. Если цель в организации какого-то мегапроекта или просто в воплощении идеи. Например Вы хотите сделать новую онлайн игру, или какой-то сайт, который должен стать конкурентом для существующих поисковиков и соцсетей. Тогда целесообразней пройтись по верхам сайтостроения и собирать команду программистов. Специальности связанные с сайтостроением: Системный администратор ­ отвечает за то, чтобы работали компьютеры, на которых хостятся  сайты, и конфигурирует сервера. Веб­разработчик, веб­программист, веб­девелопер ­ пишет "движок" сайтов. На языках типа php,  Python и т.п. Backend-часть программы которая выполняется сервером(языки: джава, ruby,питон, с++,с, джва скрипт) Frontend – часть программы исполняемая браузером(языки: хтмл, джава) Все вместе fullstack –круто, но не востребовано в больших компаниях Дизайнер ­ придумывает фирменный стиль, а также внешность сайта: как выглядят кнопочки, какую гарнитуру использовать и где, тени, не тени и всё такое. Веб­дизайнер ­ продумывает юзабилити и составляет из нарисованных дизайнером элементов  целую картину, которая максимально удобно и эффективно будет выполнять свою функцию.  Работоспособность этих элементов зависит от движка. Копирайтер ­ пишет содержательный контент, ориентированный на цели и задачи сайта. SEO­специалист ­ регистрирует сайт в каталогах, рекламирует его, ведёт статистику, кто, как и  откуда на сайт пришёл, и пытается добиться, чтобы приходили больше и задерживались на сайте  как можно дольше. Контент­мастер ­ производит текущие обновления контента: публикует готовые статьи и новости,  корректирует каталоги товаров и иные сведения. Модератор ­ следит за контентом, создаваемым пользователями сайта, уничтожает неправильное,  карает нарушителей.