УРОК №2

Если Вы уже умеете заливать файлы на сервер, то делайте это привычным для Вас способом, а если нет, то предлагаю следующее:
Откройте программу ПУСК->Программы->Стандартные-> Блокнот и сделайте такую запись, вставив вместо слов наш-логин и наш-пароль свои, не забыв отделить логин от пароля двоеточием, а пароль от названия FTP сервера соб@чкой:
ftp://наш-логин:наш-пароль@ftp.narod.ru

На всякий случай напомню, что ftp – протокол передачи файлов а ftp.narod.ru – имя сервера, на котором скоро появится наш файл, который можно будет увидеть, набрав в адресной строке браузера
http://наш-логин.narod.ru
Запомните слова ХОСТИНГ и ХОСТЕР. В нашем случае хостером является владелец бесплатного ресурса www.narod.ru, а хостингом – участок на жестком диске его компьютера-сервера, который он любезно предоставляет в наше пользование.

Написали?
Тогда выделим эту запись мышкой и скопируем в буфер обмена. Желающие могут это сделать традиционно, вызвав контекстное меню правым щелчком мыши, но я рекомендую копировать в буфер размеченную область сочетанием клавиш Ctrl+C, а вставлять из него сочетанием Ctrl+V. Запомнить не сложно С-копировать, V- вставить.

Итак, давайте вставим эту запись в адресную строку нашего браузера,

Внимание!

«Наш браузер» – это стандартный для Windows Internet Explorer любой версии, если Вы пользуетесь другим, то на время занятий рекомендую назначить основным именно его, если не знаете как, или по другим причинам не можете этого сделать, пользуйтесь любым окном Windows как браузером, например, откройте окно Мой компьютер и в адресной строке, вместо слов «Мой компьютер» впишите «ftp://…» или «http://…»
В данном случае:
ftp://наш-логин:наш-пароль@ftp.narod.ru

жмем на Enter и наблюдаем, как открывается окошко очень похожее на то, которое мы открываем для доступа к файлам нашего ПК, только в адресной строке отобразилось не C:\WWW, а ftp://ftp.narod.ru
Добавим в избранное эту страницу.

Рекомендую в избранном создать папку под именем FTP и добавить нашу страницу именно в неё. Далее, снова нажав на избранное, выбрать эту, только что созданную ссылку-ярлык правой кнопкой мыши и в контекстном меню выбрать СВОЙСТВА.
В открывшееся окно вставить вместо ftp://ftp.narod.ru (чтоб каждый раз не вводить логин и пароль) внедрить в адресную форму содержимое нашего буфера обмена – ftp://наш-логин:наш-пароль@ftp.narod.ru

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

Далее этим ftp-окном можно пользоваться почти аналогично другим окнам у нас на ПК – копировать и вставлять, перетаскивать мышью и удалять файлы.
Это окно выходит на наш кусочек пространства жесткого диска сервера ftp.narod.ru
Теперь откроем нашу папку WWW и отрегулируем размеры окон так, чтобы на экране было видно содержимое обеих папок. т.е. WWW и ftp://ftp.narod.ru
Далее, легким движением руки, перетаскиваем из WWW файл index.html в ftp://ftp.narod.ru
Если там такой файл уже существует, подтвердите его замену.

Заходим на ваш сайт, набрав в браузере его адрес:

http://ваш-логин.narod.ru

Не получилось?

Да, бывает…

Попробуем иначе, набираем в адресной строке браузера ie от Microsoft - ftp.narod.ru
Если окно с формой ввода логина и пароля само не появилось, а выскочило нечто вроде «у вас нет доступа» – скажите этому окну «ОК», нажмите правую кнопку мыши и в выпавшем контекстном меню выберите «Войти как».

Далее в появившемся окне вводим логин и пароль.

Если и это не помогает, то идём на www.narod.ru, вводим в форму в левом верхнем углу свой логин и пароль, входим в «личный кабинет» и выбираем ссылку «Загрузка файлов на сайт» – соответственно, загружаем наш файл index.html.

Вот и всё, а вы боялись!

Переходим к самостоятельной работе:

Впишите в область тега
<title>Автор страницы (ваше ИМЯ)</title>

Для этого, в папку WWW вашего ПК откройте двойным щелчком файл index.html, в открывшемся браузере выберите в меню ВИД – Просмотр HTML-кода, внесите изменения в открывшемся документе и далее ФАЙЛ – сохранить, хотя я бы нажал на клавиши Ctrl+S
Согласитесь, так быстрее и удобнее. С- копировать V- вставить S – сохранить.
Проверим изменения – нажимаем на кнопочку в меню браузера ВИД ->ОБНОВИТЬ (я бы шлепнул пальцем по F5) и смотрим, что белым по синему написано в самом верху нашего окошка.

Это еще не всё.

Теперь, выполните задание.

Внесите в тело документа (тэг <body></body>) изменение, добавив туда свой текст. Пусть это будет текст о Вас: представьтесь посетителям страницы, расскажите о Ваших планах, желаниях, ну и о впечатлении от нашего первого занятия.

Далее по известной технологии сохраняем изменения в файле index.html и переносим его на сервер.

Проверяем, внесены ли изменения в нашу страничку непосредственно на нашем сайте: Вид – Обновить или нажимаем клавишу F5.

Первый урок окончен!

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

Итак, выполняйте задание.

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

До следующего урока!