Как это работает:
Для создания и полноценной работы сайта необходимо освоение и применение следующих языков, программ и компонентов:
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