Если вы хотите создать сайт для своей школы,института, или вы например интересуетесь наукой ,знаете много про нее и хотите поделиться этими знаниями с миром.Вы любите животных,цветы, и тд. и хотите сделать сайт на такую тему.
Давайте сразу перейдем к делу и создадим самый простой сайт чтобы понять с чего начинать. Разрабатывается сайт при помощи тегов(кодов) формата HTML.
Вам необходимо их знать.
Создайте папку, назовите ее htdocs.В эту папку вы должны помещать все документы связанные с созданием сайта.Если вы еще не скачали текстовый редактор, то откройте у себя на компьютере стандартный Блокнот который входит в состав Windows.
Напечатайте в текстовом редакторе или скопируйте нижеследующие теги и сохраните файл в папку htdocs, в строке "тип файла" выберите - Все файлы,а в строке "имя файла" - index и формат-html.Выглядит это так - "index.html".Страница с именем index всегда загружается первой,поэтому главную страницу сайта всегда так и называйте.
| <html> <head> <title> </title> </head> <body> </body> </html> | После того как вы сохранили файл в редакторе , в указанной вами папке появится значок браузера с именем index.html.Откройте этот файл и ... ВЫ НИЧЕГО НЕ УВИДИТЕ!!! Вместо сайта у вас будет чистый лист. А все потому что вы объявили только создание VEB страницы,но ничем её не заполнили , то есть у вас отсутствует контент. |
Разберем что означают эти теги.
<html> - сообщает браузеру что этот документ написан на языке HTML.
<head> - Начало заголовка.(не виден на странице).
<title> - Здесь пишется название сайта - </title>(для поисковых систем).
Здесь пишутся мета - теги. </head> - Конец заголовка.(не виден на странице).
<body> - Начало тела документа(для содержимого страницы).
</body> - Конец тела документа.
</html> - Конец HTML.
Контент сайта пишется в теле документа между тегами <body> и </body>
Напишем любой текст к примеру "Создание собственного сайта" и вставим фото
<img src="com (8).gif" width=213 height=170 border=0> .
Вместо com (8).gif выберите фото на своем компьютере , поместите в ту же папку где находится сайт и замените имя файла com (8).gif на свое.
Код сайта
<html> <head> <title> Создание сайта </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> Создание собственного сайта. <img src="com (8).gif" width=213 height=170 border=0> </body> </html> |
 |
Это был пример простейшего сайта с минимумом тегов которые необходимы для его создания. Вы узнаете намного больше если ознакомитесь с поэтапным созданием
пятистраничного сайта.
Визуальное восприятие сайта во многом зависит от графики.Вам надо знать как
вставить рисунок,фото на страницу
, в дальнейшем вам пригодится страница как сделать эффекты фото
, а вот как сделать анимацию GIF
вы должны изучить в процессе разработки сайта, GIF есть практически в каждом сайте.Как сделать разбивку страницы на ячейки посмотрите здесь
. Внешний вид сайта во многом зависит от цветовой схемы
и от вида шрифта А Б В г .
Что бы сделать хороший сайт вам обязательно надо знать стиль CSS.
Обычно сайт состоит из нескольких страниц,есть сайты состоящие из сотен страниц.Связываются эти страницы в единое целое при помощи ссылок.
После того как вы создали сайт и проверили как он выглядит в разных браузерах надо его разместить в интернете.
Для этого вы должны выбрать Хостинг и Домен.
Далее разместите на сайте счетчик посещений и займитесь продвижением сайта по поисковым запросам
Итак переходим к сайту посложнее с пятью страницами
Комментариев нет:
Отправить комментарий