Как создать сайт самостоятельно
В нашем современном мире живет очень много людей, которые хотят вести свой сайт, обновлять его и зарабатывать на нем. Но далеко не каждый умеет его создавать. И сейчас мы подробно расскажем о его создании.
При создании сайта нужно учитывать каждый нюанс, который поможет тебе создать качественный и удобный для использования сайт. Для начала нужно установить, какие программы и языки программирования тебе нужны, это - Html5, Css3, JavaScript, Php.
Но сегодня мы рассмотрим первые три (они и являются основой создания всех сайтов). Самым первым шагом нужно разобраться, что для чего что нужно.
- Html5-отвечает за саму структуру сайта (текст, заголовки, картинки, таблицы, ссылки, кнопки, фреймы (отдельный окна на сайте) и т.п.)
- Css3- используется для оформления (цвет букв или текста, подчеркивание или выделение каких-то фрагментов текста, выделения абзацев)
- JavaScript- используется для оживления сайтов (выполнение действий с помощью кнопок, переход на другие вкладки, анимация)
Итак, после данной информации вы наверняка захотели попробовать создать свой собственный сайт, и мы поможем вам в создании его начальной структуры.
Все начинается с открытия блокнота на вашем компьютере и введении в него следующих символов.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Названиевкладки</title>
</head>
<body>
<h1>Заголовок </h1>
<p>Абзац(основной текст) <p>
</body>
</html>
Эти символы означают, создание сайта и введение в него нужную вам информацию. И сейчас мы расскажем вам, о значении данных тегов.
- Элемент <!DOCTYPE> используется для содержании в себе типа текущего документа. Это необходимо, для понимания браузером, как следует интерпретировать данную веб-страницу.
- Элементы <Html> и </Html>используются для понимания компьютера, что между- этим тегами будет следовать чистый html- код, без упоминания других языков программирования.
- Элементы <head>и </head> используются для хранения информации «головы» документа (например, кодировка документа metacharset= «utf-8», обращаю ваше внимание на текст в кавычках. Или название вкладки, которое пишется между тегами <title> и </title>)
- Элементы <body>и </body> предназначены для хранения основной информации на вашем сайте (например, заголовок, находящийся между тегами <h1> и </h1> или абзац шифрующийся тегами <p>и </p>, который включает в себя текст)
После данного прочтения, вам может быть непонятна данная информация и вы захотите проверить эту программу в действии. Что ж, давайте приступим.
(Вся информация будет верна в частности для windows) Для начала, вы должны сохранить ваш сделанный документ (Файл> Сохранить как…) под данным именем example1.html, при этом непременно поставьте в окне сохранения тип файла: «все файлы» и данную кодировку «UTF-8».Вы должны убедиться, что расширение у вашего файла должен быть именно html. Запустите браузер. В вашем браузере выберите (меню>файл> открыть) и укажите путь к вашему фалу или перенесите файл прямо в окно браузера. Если у вас всё получилось правильно, то в данном виде браузера вы сможете увидеть получившуюся страницу.
Итак, подведём итоги. Создание сайтов очень долгая и кропотливая работа, которая занимает много времени и сил. Если вы все же запланировали связать свою судьбу с созданиями сайтов, продолжайте изучать дальше данные программы и другие языки программирования. В данной статье, мы с вами рассмотрели только самую начальную структуру создания сайтов. Представьте, какие еще возможности откроются при внесении в данный код других тегов и элементов.
Но, какими бы трудностями не был устлан путь к становлению разработчика web-сайтов, наши компьютерные курсы по web-разработке помогут реализовать вам ваши мечты: