User Tools

Site Tools


ru:ten_minute_web_site

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
ru:ten_minute_web_site [2013/11/03 12:55]
Arkady [Компоненты Sidebar и Tagline]
ru:ten_minute_web_site [2013/11/03 13:30]
Arkady [Компоненты Sidebar и Tagline]
Line 1: Line 1:
 ======Сайт за 10 минут====== ======Сайт за 10 минут======
-[[http://​timbowgs.bplaced.net/​tutorial/​|{{ :wiki:pavcafehm.jpg?nolink |}}]] +{{ :ru:frontpage.png?nolink |}}
 Если вы справились [[ru:​quick_install|с установкой GetSimple]],​ настало самое время попробовать эту систему в действии. Данное пошаговое руководство поможет нам создать сайт-визитку с контактной формой. Изначальный вариант сайта для английской ВИКИ расположен [[http://​timbowgs.bplaced.net/​tutorial/​|здесь]].\\ Если вы справились [[ru:​quick_install|с установкой GetSimple]],​ настало самое время попробовать эту систему в действии. Данное пошаговое руководство поможет нам создать сайт-визитку с контактной формой. Изначальный вариант сайта для английской ВИКИ расположен [[http://​timbowgs.bplaced.net/​tutorial/​|здесь]].\\
 В этом уроке мы рассмотрим:​ В этом уроке мы рассмотрим:​
Line 34: Line 33:
 В левом верхнем углу административной панели появится текст //КАФЕ Pavement//. Кликните на тексте,​ и в новой вкладке браузера появится главная страница вашего сайта, и вы сможете просматривать результаты изменений,​ которые мы будем вносить в наш учебный сайт. Только не забывайте обновлять страницу по мере внесения изменений. В левом верхнем углу административной панели появится текст //КАФЕ Pavement//. Кликните на тексте,​ и в новой вкладке браузера появится главная страница вашего сайта, и вы сможете просматривать результаты изменений,​ которые мы будем вносить в наш учебный сайт. Только не забывайте обновлять страницу по мере внесения изменений.
 =====Смена темы===== =====Смена темы=====
-{{ :​wiki:​pavtheme.jpg?​nolink&​300|}}+
 Разархивируйте файл //​pavement.zip//​ на своем компьютере и загрузите папку //​pavement//​ c распакованными файлами и подпапку //images// в папку ///theme// на ваш сайт, к папкам тем //​cardinal//​ и //​innovation//​. Разархивируйте файл //​pavement.zip//​ на своем компьютере и загрузите папку //​pavement//​ c распакованными файлами и подпапку //images// в папку ///theme// на ваш сайт, к папкам тем //​cardinal//​ и //​innovation//​.
 В административной панели активируйте вкладку **Тема**,​ в выпадающем списке выберите //​pavement//​ и нажмите кнопку **Активировать тему**. Обновите главную страницу вашего сайта. В административной панели активируйте вкладку **Тема**,​ в выпадающем списке выберите //​pavement//​ и нажмите кнопку **Активировать тему**. Обновите главную страницу вашего сайта.
Line 45: Line 44:
 Активируйте вкладку **Файлы**,​ выберите пункт бокового меню **Загрузка файлов**,​ в открывшемся диалоговом окне выберите файл //​cafe.jpg//,​ который вы скачали с этой страницы и загрузите его напрямую в папку //​uploads//​. Для просмотра файла кликните на его наименовании. Вот так просто мы загрузили файл на сайт. Активируйте вкладку **Файлы**,​ выберите пункт бокового меню **Загрузка файлов**,​ в открывшемся диалоговом окне выберите файл //​cafe.jpg//,​ который вы скачали с этой страницы и загрузите его напрямую в папку //​uploads//​. Для просмотра файла кликните на его наименовании. Вот так просто мы загрузили файл на сайт.
  
-{{ :wiki:pavfile.jpg?nolink |}}+{{ :ru:picmanager.png?nolink |}}
  
 =====Домашняя страница===== =====Домашняя страница=====
  
-Активируйте вкладку **Страницы** в административной панели. {{ :wiki:imgprop.jpg?nolink&300|}}Пока что наш сайт состоит только из одной главной страницы по умолчанию,​ озаглавленной //Welcome to GetSimple//​. Кликните на наименовании страницы,​ откроется окно редактора страниц. Это и есть полу-WYSIWIG-редактор,​ применяемый в системе. По умолчанию нам доступно довольно ограниченное количество основных кнопок,​ но редактор можно сконфигурировать так, чтобы на экран выводились дополнительные кнопки и панели инструментов.+Активируйте вкладку **Страницы** в административной панели. {{ :ru:picdialog.png?​nolink|}}Пока что наш сайт состоит только из одной главной страницы по умолчанию,​ озаглавленной //Welcome to GetSimple//​. Кликните на наименовании страницы,​ откроется окно редактора страниц. Это и есть полу-WYSIWIG-редактор,​ применяемый в системе. По умолчанию нам доступно довольно ограниченное количество основных кнопок,​ но редактор можно сконфигурировать так, чтобы на экран выводились дополнительные кнопки и панели инструментов.
  
 Измените заголовок страницы на //Сайт Кафе Pavement// и удалите весь текст в поле для контента. Нажмите кнопку **Image/​Изображение** {{:​wiki:​button.jpg?​nolink|}} для открытия диалогового окна свойств рисунка,​ затем кнопку **Browse Server/​Выбор на сервере** и выберите файл //​cafe.jpg//​. В диалоговом окне заполните поле для аттрибута //alt (Альтернативный текст)//​ и нажмите ОК. Фотография уже дана в нужном размере,​ поэтому у нас нет необходимости изменять ее размеры или выравнивать. Измените заголовок страницы на //Сайт Кафе Pavement// и удалите весь текст в поле для контента. Нажмите кнопку **Image/​Изображение** {{:​wiki:​button.jpg?​nolink|}} для открытия диалогового окна свойств рисунка,​ затем кнопку **Browse Server/​Выбор на сервере** и выберите файл //​cafe.jpg//​. В диалоговом окне заполните поле для аттрибута //alt (Альтернативный текст)//​ и нажмите ОК. Фотография уже дана в нужном размере,​ поэтому у нас нет необходимости изменять ее размеры или выравнивать.
Line 67: Line 66:
 Этот компонент используется для хранения и редактирования контента сайдбара страницы,​ включая HTML-разметку. Этот компонент используется для хранения и редактирования контента сайдбара страницы,​ включая HTML-разметку.
  
-{{ :​wiki:​comp02.jpg?​nolink&​300|}} ​ 
  
 +{{ :​ru:​menu.png?​nolink&​300|}} ​
 Удалите содержимое компонента по умолчанию и внесите первую строку <​h2>​Блюда дня</​h2>​. Удалите содержимое компонента по умолчанию и внесите первую строку <​h2>​Блюда дня</​h2>​.
  
Line 93: Line 92:
  
 =====Контактная форма===== =====Контактная форма=====
-{{ :wiki:cont01.jpg?nolink&300|}}\\+ 
 +{{ :ru:contactable.png?​nolink|}}\\
  
 Разархивируйте файл getsimple-contactable.zip. У вас получится один файл и одна папка, ​ и загрузите их по FTP на сервер в папку ///​plugins//​ вашего сайта. Выберите вкладку **Плагины** и кликните **Включить** напротив плагина //GetSimple Contactable//​. Теперь посмотрите на страницу вашего сайта. Просто,​ правда?​ Разархивируйте файл getsimple-contactable.zip. У вас получится один файл и одна папка, ​ и загрузите их по FTP на сервер в папку ///​plugins//​ вашего сайта. Выберите вкладку **Плагины** и кликните **Включить** напротив плагина //GetSimple Contactable//​. Теперь посмотрите на страницу вашего сайта. Просто,​ правда?​
ru/ten_minute_web_site.txt · Last modified: 2013/11/03 13:30 by Arkady