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

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

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

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

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

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

<!DOCTYPE html>
<html>
	<head>
		<!-- Заголовок документа -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- Здесь подключаются стилевые файлы и скрипты -->
		<link rel="stylesheet" type="text/css" href="style.css">
		<title>Заголовок страницы</title>
	</head>
	<body>
		<!-- Здесь располагается тело документа -->
		<p>Пример HTML-страницы</p>
	</body>
</html>
Copyright © 2014-2018 Design by Skyer