Содержание

Создание динамического веб-сайта

Создание макета страницы

В любом блокноте набираем (или копируем) нижеприведенный код.

index.html
<!DOCTYPE html>  
<html>
    <head>       
        <meta charset="utf-8">
        <title>Документ HTML5</title>
        <link rel="stylesheet" type="text/css" href="style.css"> 
        <script src="script.js"></script> 
    </head>
    <body>
        <div>Простейшая страница</div>
    </body>
</html>


Я использую Notepad++

Ниже приведено назначение элементов кода

Структура HTML -документа
Элемент Описание
<!DOCTYPE html> Объявление формата документа (это документ html с использованием HTML5)
<html> Является корневым элементом документа (между и находиться все содержимое документа, выводимое в окне браузера)
<head> Техническая информация о документе (заголовок, описание, кодировку и т.д.). Введенная информация не отображается в браузере, но содержит данные, указывающие браузеру, как обрабатывать страницу.
<title> Наименование документа, которое отображается в строке заголовка веб-браузера
<meta> Определяет метаинформацию страницы. В данном случае с помощью атрибута charset=«utf-8» указываем кодировку utf-8.
<style> Задает стили, которые используются на странице. Для задания стилей в HTML-документе используется язык CSS.
<link> Определяет взаимосвязь между текущей страницей и другими документами.
<script> Позволяет присоединять к документу различные сценарии. Текст сценария может располагаться либо внутри этого элемента, либо во внешнем файле. Если текст сценария расположен во внешнем файле, то он подключается с помощью атрибутов элемента.
<body> Предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>
<div> Блок, предназначенный для группировки контента.


Сохранить → Сохранить как → index.html

правой кнопкой мыши открываем наш сохраненный файл с помощью браузера

Это и есть наш шаблон

Создание каталога папок

в папке куда сохранили файл создаем три папки