Основы web программирования. HTML5, CSS3 , PHP 7.0 , MySQL

Содержание

Слайд 2

Цель работы: Создание индивидуального сайта с использованием языка гипертекстовой разметки HTML

Цель работы: Создание индивидуального сайта с использованием языка гипертекстовой разметки HTML

, а также размещение его в интернете.

Задачи:

1. Изучить языки разметки ( HTML5 , CSS3 ) и языки программирования ( PHP 7.0 , MySQL).

2. Реализовать адаптивный сайт с использованием базы данных.

1. Разработка собственного веб – сайта, причем необходимо знать всю структуру сайта и понятия.

Гипотеза:

Методы создания: Анализ литературы, посещение форумов, онлайн литература

3. Реализовать оперативную обратную связь в любой точке мира.

Слайд 3

Актуальность проекта В наше время стремительного прогресса просто красиво оформленный текст

Актуальность проекта

В наше время стремительного прогресса просто красиво оформленный текст и

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

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

Основные понятия

Веб-программирование — раздел программирования, ориентированный на разработку веб-приложений.

Веб-программирование осуществляется при помощи

специальных программных средств - скриптов. Эти программные средства подразделяются на два основных вида: серверные и клиентские.

Клиентские языки - клиентские скрипты выполняются на компьютере клиента уже после загрузки страницы с сервера и не требуют ее дополнительной перезагрузки.

Сер­вер­ные языки - выполняются на стороне сервера, то есть того компьютера, на котором размещен сайт. Они выполняются еще до загрузки страниц сайта на компьютер пользователя.


Слайд 5

Этапы создания сайта: 1. Создание дизайн-макета сайта. 2. Верстка сайта. 3.

Этапы создания сайта:

1. Создание дизайн-макета сайта.

2. Верстка сайта.

3. Программирование сайта.

4. Расположение

сайта в интернете.

5. Тестирование сайта и исправление ошибок.

Слайд 6

1. Создание дизайн-макета

1. Создание дизайн-макета

Слайд 7

Начало работы: 1. Создание .html файла. 2. Подключение внешних .css и

Начало работы:

1. Создание .html файла.

2. Подключение внешних .css и .php файлов

Результат:

3.

Подключение к СУБД через PDO
Слайд 8

Завершение верстки сайта Верстку сайта я закончил за 2 дня. Шаблоны был сделан в графическом редакторе.

Завершение верстки сайта

Верстку сайта я закончил за 2 дня. Шаблоны был

сделан в графическом редакторе.
Слайд 9

Программирование сайта 4. Запросы к СУБД 5. Преобразование в массив

Программирование сайта

4. Запросы к СУБД

5. Преобразование в массив

Слайд 10

Заключительный этап 6. Вывод комментария на сайте Результат:

Заключительный этап

6. Вывод комментария на сайте

Результат: