Как разместить файлы своего сайта на бесплатном хостинге. Домашнее задание Урока № 3. ЕШКО.

   На начальных стадиях обучения Web-дизайну нам необходимо научиться размещать файлы своего сайта на бесплатном хостинге при помощи FTP клиента. Оговорюсь, что для корректной работы сайта, всегда используйте в именах файлов только латинские символы без пробелов в нижнем регистре. 
  Я очень долго искала подходящий для меня хостинг. Были хостинги, где файлы надо было загружать простым перетаскиванием файлов, то предлагали свои шаблоны- всё это не то, что я искала. И в конце концов я нашла тот хостинг, который подходил мне:            http://free.beget.ru/
  Для начала там необходимо зарегистрироваться, оставить номер своего мобильного телефона, на который придёт сообщение с кодом, который необходимо вставить в поле. После регистрации на мобильный телефон приходят логин(имя пользователя) и пароль для входа в панель управления Нашим сайтом.
  В панели управления можем научится, каким образом мы сможем загрузить файлы на хостинг.
  Там есть данное изображение:



Мы его открываем и вникаем как пользоваться FTP клиентом.
 
 Теперь мы открываем наш FTP клиент, я пользовалась программой Total Commfnder.
 В Total Commfnder необходимо установить бинарный( двоичный) режим.
 Для установки бинарного( двоичного) режима мы открываем:
 Конфигурация -> Настройка -> FTP -> Режим по умолчанию-> там и выбираем необходимый режим бинарный(двоичный), или текстовый. Нам для передачи текста и изображений необходим двоичный.

Далее мы выбираем: Сеть-> " Соединиться с FTP-сервером"

Откроется окно Соединения с FTP сервером. Здесь мы нажимаем" Добавить".



У нас открылось окно: Настройка FTP соединения. Здесь мы пишем:" Имя нашего соединения"( произвольное); Указываем "Сервер(Порт)"->имя сервера мы видим на главной странице Панели управления нашим хостингом; Далее нам необходимо указать "Учётную запись"(логин, имя пользователя) и пароль- данная информация нам приходит на телефон посредством СМС-сообщения.

В Total Commfnder необходимо установить пассивный режим. Эту установку мы мы включаем при настройке соединения( ставим галочку).

Далее нажимаем кнопку «OK» для сохранения параметров доступа к FTP-серверу



После того, как мы сохранили параметры для доступа к FTP-серверу, в списке FTP-серверов появится FTP-сервер для Нашего сайта, здесь мы нажимаем«Соединиться»



  Ждём нашего соединения. В случае, если соединение не установлено, мы увидим ошибку. В этом случае мы сможем заново ввести: адрес FTP-сервера, имя пользователя или пароль. Для решения проблемы нажимаем кнопку «Изменить» напротив названия FTP-сервера в списке серверов, убеждаемся, что все параметры указаны верно, можно отредактировать при необходимости.
  После успешного соединения с хостингом нам необходимо найти папку, которую нам надо загрузить на сайт, мы можем на панели инструментов воспользоваться кнопкой" Поиск файлов".
  Когда мы нашли наши файлы, мы их выделяем, нажимаем Shift и кликаем по первому и последнему файлу - все файлы между ними выделяться автоматически. Выделив файлы мы нажимаем"F5 Копирование"(находится в нижней части окна Total Commfnder ).
  Файлы должны быть скопированы в папку "public_html ". Для того чтобы открыть эту папку мы 2 раза кликаем по ней. После того, как передача файлов завершиться, мы увидим, что файлы сайта были скопированы на сервер.
  После того, как мы закончили работу с FTP, нажимаем кнопку «Отключение» для корректного завершения работы.
Теперь в панели управления нашим хостингом на главной странице мы нажимаем на изображение" Сайты". Здесь и находится ссылка на загруженный нами сайт.
                                                           
                                                          Удачной работы!!!


                                                           Так же можно почитать:
                      Как разархивировать файл. Урок № 1. ЕШКО.
                      Создание диаграммы сайта. Домашнее задание Урока № 2. ЕШКО.
                      Как установить Кириллицу (Windows). Домашнее задание Урока № 5. ЕШКО.
                      Как сохранять файлы xml в программе Notepad( блокнот). Домашнее задание Урока № 7. ЕШКО.

Создание диаграммы сайта. Домашнее задание Урока № 2. ЕШКО.

  Диаграмму сайта, я считаю, удобнее всего создавать при помощи графического редактора для обработки изображений "Adobe Photoshop". Здесь можно создать любые визуальные эффекты, написать тексты, сделать анимацию. При создании диаграммы мы будем работать со слоями и писать тексты.  И так приступим.
 Открываем программу, нажимаем:

 Файл-> Создать-> ширина 1280рx; высота 1000рx; разрешение 72; фон- прозрачный-> ОК

 Редактирование-> Выполнить заливку-> Цвет: е4f9f8  (цвет можно устанавливать                  любой )-> OK;  Режим нормальный;  Непрозрачность 100%->ОК

 Фильтр-> Шум -> Добавить шум-> Распределение по Гаусу; Режим Монохромный;  Эффект 11, 86%-> ОК

  Берём инструмент «Прямоугольная область» -> Выделяем внутри документа Область , немного отступая от краёв.

  Редактирование-> Выполнить заливку-> Цвет: a7f7f4 -> OK Режим  Нормальный Непрозрачность 100%->ОК

  Фильтр-> Шум -> Добавить шум-> Распределение по Гаусу; Режим Монохромный Эффект 16, 57%-> ОK

  Создаём новый слой(значок в правом нижнем углу окна фотошопа) просто щёлкаем по нему.

  Берём инструмент «Прямоугольная область» -> Выделяем в верхней части документа Область  ->
  Берём инструмент « Градиент» -> тянем от левого верхнего угла к правому нижнему, выделенной области. Затем понижаем непрозрачность до 74%

  Можно « Добавить стиль слоя» (значок в правом нижнем углу окна фотошопа) -> Тень: Режим наложения- Умножение; Непрозрачность- 75%; Угол 69 градусов; Смещение 5 ; Размах-0; Размер 9 -> ОК

  Можно ещё « Добавить стиль слоя» Внешнее свечение: Режим наложения- Жёсткий свет; Цвет- Жёлтый; Непрозрачность 100 %; Размах 0; Размер 8. -> ОК.

Создаём новый слой. -> Берём инструмент «Прямоугольная область», ->Выделяем вертикаль ную линию->Редактирование-> Выполнить заливку: Цвет 011f9d

Берём инструмент « Горизонтальный текст» Щёлкаем там, где нам необходимо написать, и пишем. Размер крупного шрифта 30 и более мелкого 24.

Создаём новый слой-> Инструмент « Прямоугольная Область» ->Выделяем необходимую нам область-> Редактирование->Выполнить заливку->Цвет f491fa-> Непрозрачность 48%.

Берём инструмент « Горизонтальный текст» и пишем необходимый нам текст.

Создаём новый слой -> Берём инструмент « Прямоугольная область» и Выделяем область. ->Редактирование -> Выполнить заливку -> Цвет faf991 -> Непрозрачность 56%.

Можно « Добавить стиль слоя» -> Тень: Режим наложения- Умножение; Непрозрачность- 86%; Угол 90 градусов; Смещение 5 ; Размах-0; Размер 5 -> ОК.

Создаём новый слой -> Инструмент « Прямоугольная Область» ->Выделяем необходимую нам область-> Инструмент « Градиент» Тянем от правого верхнего угла к левому нижнему -> Непрозрачность 61 %

Можно « Добавить стиль слоя» -> Тень: Режим наложения- Умножение; Непрозрачность- 86%; Угол 90 градусов; Смещение 5 ; Размах-0; Размер 5 -> ОК.

Берём инструмент « Горизонтальный текст» и пишем необходимый нам текст.

Подобным образом можно создать и схему нашего сайта:

Удачи!!!

Так же можно почитать:

                   Как разархивировать файл. Урок № 1. ЕШКО.
                   Как разместить файлы своего сайта на бесплатном хостинге. Домашнее задание Урока № 3.ЕШКО.
                   Как установить Кириллицу (Windows). Домашнее задание Урока № 5. ЕШКО.
                   Как сохранять файлы xml в программе Notepad( блокнот). Домашнее задание Урока № 7. ЕШКО.