
Простейший сайт будет состоять из ряда .html, .png и .jpg файлов (а лучше .webp, хотя этот формат некоторые старые браузеры не поддерживают). Собственно веб страницы в .htm (или .html – разницы нет никакой), баннеры и графические элементы дизайна – в .png и .jpg (рекомендую использовать оба формата, стараясь добиться оптимального качества изображения при минимуме объема, помните о посетителях, да и поисковики тоже любят оптимизацию. Так .jpg лучше для сложных рисунков и фотографий, для изображений с небольшим количеством цветов и текстовых лучше .png).
Для удобства вебмастера и с целью уменьшения размера страниц настоятельно рекомендуется использовать CSS (Cascading Style Sheets) файлы. Обычно используется один подобный файл на весь сайт – в нём задается внешний вид всех используемых на сайте элементов: шрифты, ссылки, списки, оформление картинок и таблиц и т.д. Например, я использую различные шрифты для основного текста, текста таблиц и заголовков, рекламных ссылок и т.д. Все эти несколько видов шрифтов и ссылок у меня зафиксированы в файле style.css, вместо того, чтобы использовать тэг font и задавать цвет, размер, жирность и т.д., просто выбирается название одного из стилей и текст принимает заданный вид. Работать с CSS файлом я предпочитаю в NotePadе, просто вручную набирать текст. Сохраните на диск любую веб-страницу, и вы увидите, как прописывается .css файл в коде страницы, и как выглядит он сам. В современном адаптивном дизайне без CSS вообще никак, всё делается на его основе также с добавлением ява-скриптов (файлы .js).
Файл «robots.txt» тоже создается в простейшем текстовом редакторе и затем выкладывается в корневом каталоге сайта. Обычно этот файл состоит из нескольких строк, которые говорят поисковым ботам, как именно индексировать ваш сайт. Чаще всего в нем содержится информация о страницах, которые вы бы хотели запретить для индексирования (например, страницы скриптов, ссылки на казино, страницы с личной или служебной информацией). Любой официальный поисковый бот, зайдя на сайт, обычно первым делом смотрит этот файл (а если не находит, то у вас будет генерироваться ошибка). Поисковики обычно следуют рекомендациям этого файла, хотя, увы, твердых гарантий, что запрещенная вами страница никогда не появится в индексе, нет. Рекомендую создать такой файл, чтобы не обижать поисковых ботов, как минимум это облегчит индексацию сайта.
Сейчас также становится популярным создание карты сайта для поисковых ботов. Карта представляет собой .xml файл, обычно sitemap.xml, в котором указаны все страницы сайта для индексирования. Если сайт у вас не очень большой, то карту до 500 страниц можно сделать бесплатно через онлайн сервисы, например, sitemapdoc.com (есть ещё несколько аналогичных). Карта будет требовать периодического обновления, она выкладывается в корне и в файле robots.txt прописывается путь к ней. Если у вас сайт на WordPress или другой CMS, просто установите плагин генератор SiteMap, их также немало.
Если ваш хостер использует сервер под управлением Unix или аналогичной не-Windows системы, то в качестве веб-сервера скорее всего будет стоять Apache (это верно для >90% хостеров). Вы имеете возможность задать дополнительные настройки сервера, используя файл «.htaccess» (внутри кавычек - полное имя файла, начинается с точки). Он позволяет запаролить доступ к определенным файлам или каталогам (необходим будет еще файл .htpasswords c разрешенными логинами и паролями), установить редирект (посетитель будет автоматически переводиться на другую страницу или другой сайт, что вам придётся делать в рунете из-за блокировок), задать страницы ошибок (обычно делают страницу для ошибки 404 - страница не найдена), определить кодировку страниц, указать, какие файлы как обрабатывать (например, файлы .htm можно обрабатывать как PHP), выдавать разные страницы посетителям с разными IP и т.д. У многих хостеров создание .htaccess можно инициировать через панель, которая позволяет задать некоторые из функций файла (обычно это паролирование и страницы ошибок).
Последний файл, о котором хочется рассказать – графический. Вы можете создать иконку для своего сайта. Эта иконка отображается некоторыми браузерами в строке с адресом сайта, а также используется при внесении сайта в «Избранное». Это обычная иконка размером 16х16 или 32х32 или коллекция иконок разного разрешения, с названием «favicon.ico», должна лежать в корневом каталоге сайта. Найти себе симпатичную иконку можно в какой-нибудь библиотеке иконок или просто «позаимствовать» у какой-нибудь программы/сайта. При желании также можете добавить иконки для поклонников iPhone/iPad - файл apple-touch-icon.png с разрешением от 57х57 до 152х152.
Я рекомендую вам воспользоваться возможностями, которые предоставляют эти небольшие, но довольно полезные файлы. Они сделают сайт удобнее и для поисковиков, и для посетителей.

