.

.

Урок № 2. Joomla - разбираем структуру сайта.

 

Урок № 2. Joomla – разбираем структуру сайта.


Здравствуйте, дорогие читатели блога zuit.ru!

Что такое CMS joomla мы с вами узнали в прошлом уроке и выучили несколько новых слов. Как создать сайт самому? Просто занимайтесь вместе с нами, и у  вас все получится!


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

 

Теперь давайте разберем структуру сайта и посмотрим, как выглядит стандартный сайт ( вы можете открыть любой известный вам ресурс или посмотреть на эту страницу). Что мы видим?


Самая верхняя часть – это шапка сайта. У каждого сайта свой дизайн в зависимости от тематики.


Под шапкой располагается меню. При нажатии на каждый пункт открываются определенные страницы. Это меню находится прямо под шапкой, поэтому оно называется «верхнее меню». Иногда оно может находиться над шапкой в зависимости от шаблона.




 

 

Если определенные разделы расположены слева – получится левое меню. Или правое, если пункты находятся справа. По центру располагается самая важная информация.

Внизу обычно можно увидеть дополнительную информацию.


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


 

Эту структуру можно сравнить с книгой.

Давайте вспомним, как  в книге располагается содержание и отдельные главы. Вы можете открыть любую книгу, которую найдете у себя дома и посмотреть на конкретном примере.


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


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

В каждом разделе есть свои категории, их тоже может быть несколько.

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


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




 

 

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

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


Но категория тоже должна где-то находиться. Где? Для этого существуют разделы. Раздел – это как в книге 1 часть или 2 часть.

Раздел, естественно, самый большой. Разделов может быть несколько.


Раздел – категория -  материал (статья)

 



 

 

Иногда статья не входит ни в один раздел или категорию, она может располагаться, например, на главной странице или в специальном пункте меню.


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

Здесь самое главное – это  понять логику, чтобы не запутаться, где раздел, где категория и какие категории куда относятся.


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

Когда мы заходим на любой сайт, то попадаем на главную страницу. Сразу же под шапкой расположено верхнее меню.

Почему называется верхнее меню, я думаю, понятно.


Левая колонка – там мы видим тоже меню, в котором несколько пунктов. Оно так и называется – левое меню.

Соответственно, правая колонка будет называться – правое меню.

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


Тогда получится главная страница и левое меню. Или главная страница и правое меню. Шапка и верхнее меню остается без изменений.

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


Внизу, как я уже рассказывала, есть нижняя часть сайта или подвал. Там тоже можно разместить важную информацию. Например, счетчики посещаемости, какие-то ссылки на другие сайты, рекламу.

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

 


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


Другими словами, на главной странице может быть один материал, два, три или больше.



 

 

В каждом материале или статье можно вставлять картинки, фотографии или какую-то таблицу. Примерно так, как размещают иллюстрации в книге.

Как это сделать, я покажу в одном из следующих уроков.


А сейчас давайте рассмотрим, какой сайт мы сделаем для начала.

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

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


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

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



 

Итак, шапка сайта – Наша планета Земля.

Верхнее меню, которое расположено под шапкой, будет состоять из нескольких пунктов - Главная,  Южная Америка, Австралия, Контакты.

Левое меню – Африка, Антарктида.

Правое меню – Там мы сделаем несколько пунктов.

Вы их пока посмотрите, а что это такое, я объясню потом. Эти пункты будут называться - авторизация, поиск, статистка.


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

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


На первом месте будет статья о дельфинах. На втором – об акулах, на третьем и четвертом - о насекомых и хамелеоне.

В каждый материал на главной странице мы вставим яркие фотографии.


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

Теперь давайте посмотрим на левое меню.

Если оставить его так, как есть, - Африка и Антарктида, то получится немного просто. Чтобы усложнить, можно добавить несколько пунктов меню.


И сразу разберем структуру. В этом вопросе многие начинают путаться.

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

Какие животные обитают на этом континенте?


Первое, кого мы вспоминаем, – это слоны. Если Африка на сайте – это раздел, то слоны -  это категория.

Кроме того, там водятся бегемоты.  Значит, на нашем сайте в раздел «Африка» можно добавить еще одну категорию, которую мы так и назовем.

Вспомним о крокодилах и в раздел добавим новую категорию.

Таким образом, в разделе Африка у нас получилось три категории: слоны, бегемоты, крокодилы.


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


И в левом меню эти названия попадут в категорию птицы, и будут называться – вложенные категории. То есть они будут как бы вложены в категорию – птицы. И все равно попадут в раздел –«Африка».


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

Аналогично создадим в левом меню раздел «Антарктида», а в нем две категории.


Какое же первое задание вы получите?

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


Для своего сайта вам надо будет определить тему, подобрать название и, самое главное, продумать структуру.

У вас должно быть несколько разделов, в каждом разделе – категории. Подумайте, какие материалы вы сделаете на главной странице.


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

Это название обычно написано в шапке и выделено ярким цветом.

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


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

С домашним заданием, я надеюсь, вам все понятно.


Как мы будем работать дальше?

В следующем уроке мы установим специальную программу на компьютер, при помощи которой и начнем создавать сайт. Программа называется так: Denwer.

Потом я подробно расскажу вам о разделах и категориях, мы сделаем все пункты меню, посмотрим, как просто вставляются фотографии в статьи. Мы поработаем с модулями и плагинами. (Что это такое я рассказывала в уроке №1).


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


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

Мы встретимся с вами в следующем уроке.


P.S. Понравилась статья? Не забудьте подписаться на обновления и получать

свежие новости на e-mail, чтобы не пропустить ценную информацию.

 


Советуем вам прочитать другие интересные статьи:


Галерея для сайта Joomla

Как создать блог самому и совершенно бесплатно?

Программа CorelDraw

Как сделать на сайте автоматически обновляемую ленту новостей

 


Комментарии  

 
0 #2 Инга 18.08.2015 07:54
Павел, в меню "все статьи" смотрите. :-)
Цитировать
 
 
0 #1 Павел 17.08.2015 15:55
А где содержание вашего курса по сайтостроению?
Цитировать
 

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


Защитный код
Обновить

подписаться на новости блога 

Введите Ваш e-mail адрес:

Delivered by FeedBurner

Компьютерная графика 

Начинающему вебмастеру 

Рассылка