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
Last revision Both sides next revision
ru:ten_minute_web_site [2013/11/03 12:55]
Arkady [Компоненты Sidebar и Tagline]
ru:ten_minute_web_site [2013/11/03 13:25]
Arkady [Контактная форма]
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 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