Обзор 5 технологий создания динамических Web-сайтов: HTML, CSS, JavaScript, PHP, MySQL.

Автор Nikita Stoianov
Обзор 5 технологий создания динамических Web-сайтов: HTML, CSS, JavaScript, PHP, MySQL.

Здравствуйте дорогие друзья.

Мы начинаем небольшой видеокурс для начинающих веб разработчиков мы создадим не веб-приложения с динамическим содержимым задействовав все 5 технологий которые изображены на экране пройдя этот курс в узнаете именно эти технологии взаимодействуют друг с другом. Для чего каждая из них используется. Где работает и как её правильно использовать с разными вариациями программа которой мы будем писать веб-сайт достаточно простой мы напишем обыкновенные счётчик нажимаем на кнопку счётчик увеличивается, но тем не менее — это позволит нам не заблудиться в огромном количестве кода кода будет самом деле мало.

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

Что такое HTML где он используется как он работает. Зачем нужен CSS и как и также используем. Где работает Java Script. Для какой цели используют PHP и как работает база данных и, что такое конечно же web-сервер поговорим о клиентской части о в северной части и всё — это вместе поэкспериментируем поработаем. Меня зовут волосатов. Евгений витольдович мне 40 лет свою сознательную жизнь я пишу программы пишу веб-сайты и рассказываю об этом другим считаю — это своим призванием чего же мы начнём. Начнем с того, что подготовим текстовый редактор он нам пригодится браузер для первого занятия вам этого будет достаточно потом нам потребуется еще веб-сервер мы и будем использовать программное обеспечение о сервер потому, что там всё вместе есть достаточно просто для начала. Ну вы конечно же можете и на хостинге сразу — это всё размещать. Если у вас есть такая возможность. Итак начнем. Начнем с того, что мы создадим новую папку назовём её Web именно в эту папку разместим наш первую страничку первую страничку мы назовём Index HTML создаем новый файл меняем расширение именно так обычно называется стартовый файл в котором содержится первая страница сайта в текстовый редактор и теперь. Давайте напишем этот самый эту самую первую страничку самый простой самый минимальный html документ должен иметь следующие компоненты во-первых он должен начинаться с описание с xml описание, что у нас тут html-документа затем должен быть Tag HTML открывающийся и закрывающийся и обязательно у каждого HTML документа должно быть должен быть заголовок. Как пишется в тайтл — это у нас также могу написать счётчик мы так напишем Canter. Ну и. Визуальная часть Body напишем и создадим здесь надпись, что у нас будет у нас будет аккаунтов счётчик сохранили и теперь эту страничку мы открыть в браузере у нас пока ещё не используется веб-сервер всё, что мы сейчас сделали работает локально вот эта страничка открывается прямо вот здесь вот с начинается с файлами https File и указать, что именно здесь вот просто файл лежит и он отображается браузер может отображать файл на расположенный на вашем компьютере — это ещё веб-сайт потому, что веб-сайт должен быть размещен на веб сервере чтобы к нему мог подключиться кто угодно к этой страничке доступ имеете только вы или любой. Кому вы этот файл отправили на распространять свой веб-сайт на дисках или на флешках или по почте. Конечно уже никому не приходит. Хотя когда-то — это тоже было нормой и так часть HTML используется для создания статичной части веб-страницы. Где вы описываете какой-либо текст какое-либо описание и. Этот файл может работать сам по себе даже без наличия web-сервера именно так обычно делается документация документация комнату программному обеспечению автоматически генерируется в файлы которые связаны друг с другом потому, что я снимала — это Hyper Text markup лэнгвич язык разметки гипертекста и. Следовательно у него могут быть ссылки которые связывают элементы друг с другом — это очень удобно документации и так она обычно используется. Ну и прежде чем мы закончим первое занятие. Давайте всё-таки разместим основные элементы управления как наши формы форме дорогие друзья пожалуйста выполняете. Повторяйте все действия которые я делаю. Если заполняйте что-нибудь своё, но обязательно всё — это сделать самостоятельно и в конце каждого этого видеоурока обязательно отправьте отчет со скриншотом того, что вы сделали с описанием какие были и какие у вас были инсайты чтобы получилось, что не получилось, а мы сейчас здесь должны разместить форму для отображения нашего счётчика для этого используется тэг с которым мы записываем текст да и этот текст сразу закрывается у него нету парного закрывающего тега как с. Бади и от других поэтому закрывается при не закрывать его прямо здесь и дальше мы напишем ещё кнопку сабмит которая будет отправлять наших значение на сервер записали нажимаем F5 и. Вот наши формочка здесь будет число увеличивается кнопка, но будет считаться аскетические достаточно вариант да, но тем не менее уже что-то у нас подготовлена и ваша задача подготовить как раз-таки вот такую страницу. А на следующем уроке мы добавим щепотку оформления используя CSS. Спасибо за внимание выполняйте задание присылайте счёт и до следующего.

0 комментариев
0

Читайте также