Как создать сайт самому при помощи html5: основы

HTML5-

Как создать страницу на базе html5.

Создание сайтов является актуальным занятием в настоящее время. Целей для освоения этой деятельности может быть много. Кому-то нужно создать представительский сайт для того, чтобы предоставлять контактную информацию и данные по услугам, кому-то хочет просто показать и выразить себя, а кто-то хочет сделать продаваемые сайты для того, чтобы зарабатывать себе на жизнь.

Самым актуальным языком для этой деятельности по-прежнему остается html5, который был разработан в 2012 году, сейчас его поддерживают все браузеры. Он проще, чем предыдущие версии и его функционал во многом был расширен.
Создаем базу под страничку – технические характеристики.

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

Воспользоваться вы можете в принципе любой программой, но как новичку вам будет полезнее использовать программы со специальной разметкой под элементы html5, одной из таких программ является notepad++. Само приложение занимает не большой объем памяти и устанавливается в три шага, поэтому останавливаться на этом не стоит.

Технические характеристики выглядят следующим образом:

<!DOCTYPE html> – здесь сообщается программе о том, с какой страничкой она будет работать, в данном случае, у вас соответственно html5.

<html> – самое главное хранилище, в которое подобно матрешке укладываются другие коробки с содержимым страницы.

<head> – хранилище, которое отвечает за технические данные документа, в нем также подобно матрешке содержаться другие важные элементы. Например, метатеги или скрипты.

По умолчанию в <head> вы должны прописать следующие исходные данные:

<metacharset=»Unicode»> – данный элемент показывает кодировку текста, на котором написаны данные страницы. Можно прописывать любой код, который вы прописываете. Например, если вы пишите в UTF-8, то соответственно указываете следующее – <metacharset=»utf-8″> и продолжайте работать в таком темпе.

<title> – это очень важный момент вашего документа, так как покажет положительную или отрицательную результативность после завершения процесса, когда вы перейдете на стадию сео-оптимизации вашего ресурса. Если говорить простыми словами, то это тот текст, который вы постоянно видите во вкладе при переходе на тот или иной портал.

Например, когда вы переходите на сайт vk.com, вверху вы видите «Новости» – это и есть ваш <title>

Ведите примерно следующее (значение по желанию вы можете менять, оно указано лишь только для понимания сути):

<title>Как бороться с грустью – эффективные методы</title>

Если вам необходимо внести скрипты, то сейчас для этого как раз самое время.

Запомните, что скрипты могут вводиться тремя способами:

1. Написание личного скрипта прямо во вкладке документа.

<script>

body{background:black;) – делает фон черным, вместо одного значения можно подставить другое, так что особо не концентрируйтесь на этом.

</script>

2. При помощи стороннего ресурса, на котором уже есть готовый файл.

<link rel=»stylesheet» ahref=»st.css»>

3. При помощи прописи кода, также в документе.

<script>

() hide();

()open:

end;

Добавление основного контента.

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

Все содержимое такого характера добавляется в <body>

Первое о чем вам следует подумать это соответственно заглавие вашего информационного блока, то есть заголовок статьи.

Например, вы пишите статью, которая называется «как избавиться от последствий шейного остеохондроза», следовательно:
<h1>как избавиться от последствий шейного остеохондроза</h1>
За <h1> следует самое интересное, а именно основной раздел <body> под названием <p> (сокращено от слова параграф) в нем вы можете размещать текстовое содержимое, так и любое другое интерактивное, которое существует на сегодняшний день.

На этом и заканчивается основа вашей страницы. Естественно, вам хочется научиться создавать шикарные интернет-ресурсы сразу, но запомните, что мастерство приходит лишь только к целеустремленным людям, таким которые не боятся потратить время на изучение базы.

Итог: полностью прописанная страничка.

<!DOCTYPE html>

<html>

<head>

<metacharset=»Unicode»>

<title>Целеустремленность, как главный залог успеха</title>

<script>

</script>

<body>

<h1>Как стать целеустремленной личностью</h1>

<p> Хотелось бы каждому пожелать творить и не останавливаться ни <br>

на чем. Помните, вы сами отвечаете за себя, в один момент вы можете <br>

сделать свою жизнь хуже или лучше. Вперед!<br>

</p>

</body>

<html>

Теперь откройте текстовый документ в вашем любимом браузере. Это мы сделали вместе.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *