Логотип

Как создать сайт

Всё что нужно для создания сайта!

Как редактировать сайт ucoz, пошаговая настройка сайта


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

Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую. Как это сделать, вот в этой инструкции.

Реклама:

В этих уроках я показываю в какой раздел нужно зайти, проанализировать его а уже после настроить. Вы так-же наверное заметили что я использую в редактирование моего сайта некоторые языки разметки, такие как HTML и CSS.

Да это те языки на которых написан данный сайт, конечно есть в системе ucoz ещё и другие не менее важные языки, но именно эти два языка вам и нужны для редактирования сайта.

Посоветую

Советую вам перед тем как продолжать создавать сайт вместе со мной, изучить эти два языка HTML и CSS, а после этого уже продолжить создавать сайт.

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

  1. Курс на HTML
  2. Курс на CSS

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

Из данной серии уроков как создать сайт на ucoz, вы как раз и узнаете как редактировать свои сайты в данной системе, да и не только в этой, вы сможете в любой системе настраивать свои сайты и они будут выглядеть красиво.

Вставляем название игры и плеер игры

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

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

Я в свою очередь захожу в тот раздел и открываю страницу материала и комментария к нему и нахожу строчку 26.

Всё что поместилось в тег <h1>Сюда</h1> в моём случае на картинке выше я это выделил мышкой, для того что бы удалить, и теперь в пустой тег (эйчь один) я вставляю системный код который выводит название игры - $ENTRY_TITLE$ не забываем сохранить изменения.

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

Тег заголовка первого уровня

Но всё таки я хочу немного затронуть тему тега <h1>Название игры</h1>, в который мы поместили название игры. Конечно можно было просто вставить системный код $ENTRY_TITLE$ который подгружает название игры на нашу страницу и он прекрасно бы срабатывал и выводил на сайт название игры.

Откуда берётся это название игры?

Если вы помните из урока где мы добавляли первую игру на сайт, в форме через которую мы добавляли игру я вписал название игры, вот как раз из этого поля и подгружается на сайт через системный код $ENTRY_TITLE$ название игры.

Этот системный код или другие коды такого-же типа ещё называют переменными кодами.

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

На сайтах заголовки помещаются в теги

  • <h1> Заголовок первого уровня </h1>
  • <h2> Заголовок второго уровня </h2>
  • <h3> Заголовок третьего уровня </h3>
  • <h4> Заголовок четвертого уровня </h4>
  • <h5> Заголовок пятого уровня </h5>
  • <h6> Заголовок шестого уровня </h6>

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

Всего тегов эйчь шесть штук. Ещё их называют аш одни, аш два и так далее.

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

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

Вставляем плеер игры

Я однажды уже создавал сайт с флеш играми, и для этого мне пришлось написать код который подгружал-бы автоматически игру на сайт ucoz, вот он.

<div align="center"><object>
<embed height="$PLAYZONE_H$" quality="high" src="$SWF_LINK_DIRECT$" type="application/x-shockwave-flash" width="$PLAYZONE_W$" wmode="direct">
</object></div>

Этот код нужно вставить на страницу, туда где будет отображаться плеер игры. Методом привет, я нашёл место где будет располагаться моя игра, и вставил туда код.

Что это за метод привет?

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

Конечно этот метод я использовал раньше когда только начинал создавать сайты, сей-же просто достаточно прочитать код и вставить его.

В моём случае я код помещу на строчку 29 предварительно от туда удалив старый код.

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

Вот и всё, осталось только зайти на сайт, обновить страницу с игрой и посмотреть что получилось.

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

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

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

  1. Благодарность бывает разная, поддержка проекта в денежном выражении.
  2. Поделится ссылкой, на пример на своём сайте или в соц сетях.
  3. Оставить комментарий на сайте.

Есть много разных вариантов как отблагодарить Автора.

Подсказка:

Для сбора ключевых слов, предпочитаю программу с интересным названием "словоЁБ".

Курс ещё не готов, но подписчики получат его первыми - как только работа будет закончена. На данный момент 16.12.2018 записано 19 теоретических уроков и 0 практических. Теоретический курс Готов! "Как создать, настроить, наполнить и раскрутить сайт на uCoz"