Основы HTML и CSS

0 уроков
54 просмотров
3.6 ч.

Программа курса: что вы изучите

1

Введение

Вводная информация по курсу.
О курсе

00:06:03

Описание

Обзор программы курса и необходимых начальных знаний.

Программное обеспечение

00:05:54

Описание

Комментарии по поводу visual studio code.

Ссылка для скачивания vscode - code.visualstudio.com


2

Основы HTML

Основы HTML-разметки, теги, атрибуты, структура HTML-документа.
О модуле

00:02:24

Описание

Обзор модуля про основы HTML.

Язык HTML, теги и атрибуты

00:13:08

Описание

HTML. Парные и одиночные теги. Атрибуты тегов.

Базовые теги HTML

00:12:21

Описание

Заголовки. Параграфы. Ссылки. Списки.

Структура HTML-документа

00:13:55

Описание

Правильная структура страницы. 

doctype, html, head, body. 

Указание кодировки и заголовка страницы.

Правила оформления кода.

Домашнее задание

00:04:25

Описание

Задание по основам HTML на создание простой структуры.

Создание первой странички

00:16:01

Описание

Создание первого html-файла.

Просмотр результата работы в браузере.

Эксперименты с базовыми HTML-тегами.

Правило вложенности тегов.


3

Основы CSS

Основы создания CSS-стилей для оформления HTML-стрктуры.
О модуле

00:02:22

Описание

Обзор модуля про основы CSS.

Базовый синтаксис стилей

00:06:37

Описание

Язык CSS.

Базовый синтаксис стилей.

Способы подключения стилей

00:14:46

Описание

Inline-стили.

Тег style в разделе head.

Основные виды селекторов

00:15:54

Описание

Селекторы тегов.

Id-селекторы.

Селекторы классов.

Полные и сокращённые свойства

00:10:20

Описание

Подробные и составные способы задания CSS-свойств.

Изменение структуры для стилей

00:14:07

Описание

Можно ли менять структуру страницы ради задания нужных стилей.

Отладчик в браузере

00:05:48

Описание

Простейшая работа с отладчиков в Chrome.

CSS-свойства для экспериментов в ДЗ

00:15:58

Описание

Фон и фоновые картинки.

Цвета, rgb, rgba.

Отступы и тени.

Домашнее задание

00:03:44

Описание

Описание домашнего задания после текущего модуля.


4

Как работает Web

Дополнительный модуль, рассказывающий о схеме работы web-сайтов. Что такое клиент и сервер, ip и dns. Что нужно для размещения сайта в сети. Какие ещё языки web-разработки кроме HTML и CSS присутствуют в процессе разработки сайта.
О модуле

00:02:11

Описание

Обзор основных тем модуля

Клиент-серверное взаимодействие

00:16:59

Описание

Клиенты и сервера.

Ip-адреса, домены и DNS.

Клиент-серверное взаимодействие. Запросы и ответы.

Языки веб-разработки

00:18:06

Описание

Языки веб-разработки.

Процесс разработки web-сайта.


5

Подведение итогов

Обобщение материалов курса, размещение результата в сети, направления дальнейшего развития.
Размещение сайта в сети

00:06:58

Описание

Пробный период на хостинге.

Передача файлов по ftp.

Обобщение материалов курса

00:05:55

Описание

Текущий уровень знаний.

Где и что изучать дальше.



Начните обучение сегодня