Практикум по Web

Здесь представлены учебные материалы, необходимые для написания небольшого проекта по теме Web-программирование в углубленном курсе школьной информатики.

Структура проекта

Под структурой проекта понимается способ организации файлов проекта в его директории. Лучше всего отдельные категории файлов помещать в свои папки: изображения в папку images или img, CSS-файлы (меню, стили оформления) в папку css, JS-скрипты в папку js. В корне папки должен находиться только файл index.html и страницы сайта, либо только index.html, а страницы в отдельной папке pages. Соблюдение этих правил позволит в дальнейшем не запутаться в проекте.

Для удобства работы чаще всего применяются следующие имена файлов: главная страница – это index.html, стили проекта styles.css, скрипты scripts.js. Вёрстка страницы делается поэтапно: сначала пишется HTML-код страницы, затем добавляются стили (CSS), а после, если необходимо, пишутся скрипты (JS), добавляются необходимые плагины и библиотеки.

Шаблон HTML-страницы

<!DOCTYPE html>
<html>
	<head>
		<!-- Заголовок документа -->
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width">
		<title>Заголовок страницы</title>
		<!-- Здесь подключаются стилевые файлы и скрипты -->
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
		<!-- Тело документа -->
		<p>Пример HTML-страницы</p>
	</body>
</html>

Разберем подробно каждую строку:

Copyright © 2014-2021 Design by Skyer