Урок 1 из 26
В прогрессе

1) Как создать сайт

Как это работает:
Для создания и полноценной работы сайта необходимо освоение и применение следующих языков, программ и компонентов:

1) Программы с помощью которых создаются файлы на HTML и CSS.
2) Языки гипертекстовой разметки HTML и CSS.
3) Хостинг, сервер или компьютер, место на котором находятся ваши сайты.
4) Доменное имя, или адрес вашего сайта в сети.

Эти четыре вышеуказанные компоненты мы будем изучать в течении данного курса.

5) Приведем пример создания простого сайта на своем компьютере с использованием стандартной программы «Блокнот»:

5.1) Создайте  файл «Блокнот» или «Тестовый документ».

5.2) Поменяйте название файла и расширение на «index.html» и сохраните его.

5.3) Откройте файл index.html и запишите в него общую структуры сайта, затем сохраните файл.

Общая структура HTML-файла:

 

 

5.4) Нажмите на значке файла index.html и вызовите контекстное меню (правая кнопка мыши) и выберите пункт «Открыть с помощью» . Выберите любой браузер (желательно Google Chrom).

Сайт создан.

HTML тег — структурная единица разметки HTML документа. Код HTML складывается из кирпичиков, которые именуются тегами. Каждый тег имеет свою функцию, а изучение языка разметки HTML, в конечном счете, заключается именно в изучении тегов и их свойств в документе.

HTML тег- это группа слов и символов, которые придают объекту, в отношении которого применяются, особые свойства.

Каждый тег имеет свое назначение и четко прописанный синтаксис( правила использования).

Все HTML теги имеют по краям скобки «<»  «>» , обозначающие начало и конец тега.

Тег <html> является корневым элементом HTML документа. Тег <html> сообщает браузеру, что текущий документ является HTML документом. Все содержимое документа должно находится внутри тега <html>.

Исключением является элемент <!DOCTYPE>, сообщающий версию языка HTML, на которой написан документ.

Тег <head> предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера <head> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Содержимое тега <head> не отображается напрямую на веб-странице, за исключением тега <title> устанавливающего заголовок окна веб-страницы.

Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Текст, картинки, формы, блоки, таблицы, списки и т.д. — все это указывают внутри тега <body>.

6) Расширение файла

Расширение файла (англ. file extension) — это определенная последовательность букв или цифр, позволяющая операционной системе определить формат файла и необходимое для его запуска приложение.

как включить раcширения у файлов в Windows 7

 

7) Настройка формата HTML файла «Блокнот»

Домашнее задание:
1) Не скопировать, а ПЕРЕПИСАТЬ весь урок в одной из текстовых программ.
2) Сделать свой первый сайт на своем компьютере:
2.1) Создать HTML файл в программе блокнот.
2.2) Настроить формат файла HTML