Секреты создания сайта (CMS WordPress).

Секреты создания сайта (CMS WordPress).

1.Установка CMS WordPress на локальный хостинг.

2.Установка CMS WordPress на отдаленный хостинг.

3.Видеоурок – Установка CMS WordPress на хостинг.

4.Начало HTML – Гиперссылки

1.Установка WordPress на Denwer

Продолжим нашу работу по установке WordPress на виртуальный хостинг. Denwer должен быть у вас установлен и вы набрав с адресной строке браузера http://localhost получили экран приветствия «Ура заработало!»

СОЗДАЕМ БАЗУ MYSQL.

Прокрутив страницу вниз находим заголовок «утилиты» и кликаем «Создание новых баз данных…»

В открывшемся окне вводим имя базы, имя пользователя (вводится автоматически) и пароль – придумайте свое название. Жмем «Создать» и база создана.

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

Открываем папку «home» на жестком диске (обычно это C://Webserver/home) и создаем в этой директории папку с названием сайта – например «mysite». Откроем папку «mysite» и создадим в ней папку «www» после чего откроем ее (она чистая).

Во втором окне Total Commander (или во втором Проводнике Windows) находим скачанную последнюю версию WordPress и копируем все файлы (не папку) CMS в папку «www».

Запускаем Denwer – кнопка «StartDenwer» (Если Denwer запущен жмем «RestartDenwer»), набираем в адресной строке браузера «http://mysite» и «Enter», должно загрузится окно – WordPress > Ошибка. Жмем «Создать файл настроек» далее в другом окне – «Вперед» и в новом окне вы должны ввести имя базы MySQL – имя пользователя и пароль, которые вы создали в самом начале статьи.

Далее вы должны дать название своему сайту(блогу) и ваш Email адрес – система выдаст сгенерированный пароль и логин «admin»(по умолчанию). Запомните и сохраните. Следующий шаг – вводите выданный пароль и логин и попадаете в административную панель вашего сайта.

Ознакомьтесь с ней, а в следующем выпуске мы рассмотрим как работать с этой панелью.

2.УСТАНОВКА WORDPRESS НА ОТДАЛЕННЫЙ ХОСТИНГ ПРОТОКОЛ FTP. FTP-КЛИЕНТ.

Каждый владелец собственного сайта наверняка хоть раз сталкивался с таким понятием как FTP-клиент. Сначала звучит угрожающе! Да и буквы английские, не свои. На самом же деле все очень просто. FTP расшифровывается как File Transfer Protocol, что в переводе на русский означает «протокол передачи файла».

Зачем же нужен этот протокол? Тут тоже не сложнее, чем в предыдущем абзаце. ФТП (перейдем на русский язык) протокол служит для передачи файлов на сервер и обратно. Как пример можно рассмотреть простейший сайт в Интернете. Чтобы сайт (даже если он состоит из 1 страницы) работал, он должен быть загружен на сервер по протоколу ФТП.

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

ФТП-клиент – программа, служащая для закачки и скачивания файлов на сервере. Многие современные клиенты позволяют также производить множество действий с файлами прямиком на сервере (удаление, переименование, chmod, копирование и тому подобные). Это существенно облегчает задачу простого пользователя. Вебмастера при создании своих сайтов используют ФТП-клиенты: Встроенный в Total Commander, Filezilla, SmartFTP Данные программы имеют простой, дружественный интерфейс и множество функций, которые помогут даже самому начинающему пользователю найти контакт с сервером.

Протокол FTP имеет один недостаток – незащищенное соединение с сервером. Поэтому в последнее время используется новый протокол SSH (Secure Shell – Защищенная оболочка), который обеспечивает защищено-шифрованную передачу данных между компьютером и сервером.

Для соединения по SSH используется программа WinSCP (для Windows) Подробные инструкции по скачиванию и установке программы находятся на сайте WinSCP.

Хостинг, который я использую - BestHoster, успешно использует этот протокол (некоторые хостинги его не используют).

Настройка соединения по SFTP аналогична настройке соединения по FTP.

3.ВИДЕОУРОК – УСТАНОВКА CMS СКРИПТА НА ХОСТИНГ

В данном видеоуроке пошагово рассказано об переносе файлов CMS с компьютера на платный хостинг по FTP протоколу.

4.ОСНОВА HTML. ГИПЕРССЫЛКИ – ГЛАВНАЯ СОСТАВЛЯЮЩАЯ HTML

Вся информация на компьютере и на сервере хостинга сайтов хранится в файлах, имеющих свое имя и расширение(показывает вид файла – текстовый, видео, аудио, языка программирования и т. д.). Файлы вложены в папки, которые также имеют свое имя. Каждый файл и каждая папка имеют определенное место на жестком диске и путь к нему. Путь к каждому файлу и каждой папке – это и есть гиперссылка. В языке HTML оформляется с помощью контейнерного тега view source print?

1 <a href="ссылка">текст ссылки</a> где «ссылка» указывает на адрес сайта в Интернете или любой файл этого сайта, FTP-сервер, адрес электронной почты и т. д.

При написании ссылки текст изменяет свой цвет(по умолчанию-синий) и изменяется вид мышки при наведении на ссылку.

Рассмотрим на примерах:

1. URL – сайт в Интернет view source print?

1 <a href="http://www. yandex. ru">сайт Яндекса</a>

Сайт Яндекса – откроется главная страница Yandex.

View source print?

1 <a href="http://youname. ru/sekret-sozdaniya-sajta-zachem-on-vam-nuzhen/">Статья сайта</a>

Cтатья сайта – откроется конкретный файл-статья сайта

2. FTP – ftp-сервер view source print?

1 <a href="ftp://youname. ru">мой архив</a>

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

3.Адрес электронной почты view source print?

1 <a href="mailto:youname@yandex. ru">Почта</a>

Почта - при клике по ссылке откроется почтовая программа настроенная на компьютере с формой нового письма, где будет указан данный адрес. Параметр target гиперссылки

По умолчанию ссылка открывается в том же окне браузера. Но иногда нужно открыть ссылку в новом окне. Для этого существует параметр target=»_blank» view source print?

1 <a href="youname. ru" target="_blank">Мой сайт</a>

Изображение в виде гиперссылки. Чтобы картинку сделать ссылкой, вместо текста ссылки – вводится знакомое нам view source print?

1 <a href="ссылка"><img scr="путь к картинке" border="0"></a>

!! Чтобы вокруг ссылки-картинки не появлялась синяя рамка (правило хорошего тона) вводите параметр -[border="0"]

Пример: view source print?

1 <a href="http://www. youtube. com/watch? v=eMg6Bx_BwRA"><img src="http://youname. ru/wp-content/uploads/2010/03/clipart1.jpg" alt="cat" title="clipart1" border="0" width="209" height="179" class="alignnone size-full wp-image-689" /></a>

Гиперссылка-Закладка(Якорь).

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

Применяется при длинных статьях для перемещения вверх страницы или переходе на другой абзац.

Элемент к которому производится переход называется якорем или закладкой. Якорь устанавливается в нужном вам месте страницы с помощью тега view source print?

1 <a name="begin">Нужное место</a>.

Текст «Нужное место» – просто начальный элемент текста – первая буква, цифра или просто точка в конце названия. Чтобы отразить переход к закладке(якорю) используют обычную ссылку view source print?

1 <a href="#begin">НАЧАЛО</a>, где символ «#» обязателен перед названием закладки.

Текст «НАЧАЛО» – название места, куда вы перемещаете пользователя.


Карта сайта


Информационный сайт Webavtocat.ru