ДРУЗЬЯ, ОБРАЩАЕМ ВАШЕ ВНИМАНИЕ!
В период с 28.03 по 05.04 Учебный Центр работает в дистанционном режиме. Проводятся онлайн-курсы.
Телефон горячей линии нашего учебного центра - 8-925-743-35-34.
Задать интересующие вас вопросы вы можете в онлайн-чате, в контакте или по почте info@101course.ru
06.04 Учебный центр работает в обычном режиме с 09.00 до 19.00.
Если не будет дополнительных указов Правительства РФ

Предыдущая Как создать рамку для фотографии в Adobe Photoshop
11 марта 2020

Как создать сайт самостоятельно

Как сделать сайт самостоятельно

В нашем современном мире живет очень много людей, которые хотят вести свой сайт, обновлять его и зарабатывать на нем. Но далеко не каждый умеет его создавать. И сейчас мы подробно расскажем о его создании.

При создании сайта нужно учитывать каждый нюанс, который поможет тебе создать качественный и удобный для использования сайт. Для начала нужно установить, какие программы и языки программирования тебе нужны, это - 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>

Курсы по веб дизайну в Москве

Эти символы означают, создание сайта и введение в него нужную вам информацию. И сейчас мы расскажем вам, о значении данных тегов.

  1. Элемент <!DOCTYPE> используется для содержании в себе типа текущего документа. Это необходимо, для понимания браузером, как следует интерпретировать данную веб-страницу.
  2. Элементы <Html> и </Html>используются для понимания компьютера, что между- этим тегами будет следовать чистый html- код, без упоминания других языков программирования.
  3. Элементы <head>и </head> используются для хранения информации «головы» документа (например, кодировка документа metacharset= «utf-8», обращаю ваше внимание на текст в кавычках. Или название вкладки, которое пишется между тегами <title> и </title>)
  4. Элементы <body>и </body> предназначены для хранения основной информации на вашем сайте (например, заголовок, находящийся между тегами <h1> и </h1> или абзац шифрующийся тегами <p>и </p>, который включает в себя текст)

После данного прочтения, вам может быть непонятна данная информация и вы захотите проверить эту программу в действии. Что ж, давайте приступим.

(Вся информация будет верна в частности для windows) Для начала, вы должны сохранить ваш сделанный документ (Файл> Сохранить как…) под данным именем example1.html, при этом непременно поставьте в окне сохранения тип файла: «все файлы» и данную кодировку «UTF-8».Вы должны убедиться, что расширение у вашего файла должен быть именно html. Запустите браузер. В вашем браузере выберите (меню>файл> открыть) и укажите путь к вашему фалу или перенесите файл прямо в окно браузера. Если у вас всё получилось правильно, то в данном виде браузера вы сможете увидеть получившуюся страницу.

Итак, подведём итоги. Создание сайтов очень долгая и кропотливая работа, которая занимает много времени и сил. Если вы все же запланировали связать свою судьбу с созданиями сайтов, продолжайте изучать дальше данные программы и другие языки программирования. В данной статье, мы с вами рассмотрели только самую начальную структуру создания сайтов. Представьте, какие еще возможности откроются при внесении в данный код других тегов и элементов.

Но, какими бы трудностями не был устлан путь к становлению разработчика web-сайтов, наши компьютерные курсы по web-разработке помогут реализовать вам ваши мечты:

Следующая Технологии создания сайтов