HTML та CSS для початківців

HTML та CSS для початківців (частина 48): Веб-сайт йде онлайн

Усі відео з уроку HTML та CSS для початківців.

Зазвичай веб-сайт розробляють локально. Для цього необхідно створити відповідну структуру каталогів, як це вже було достатньо показано.

HTML & CSS для початківців (частина 48): Веб-сайт йде в мережу.


Зазвичай ця структура і стає тією, яку ви запускаєте в Інтернеті (я говорю про статичний HTML-сайт. Проте навіть якщо ви розробляєте динамічні веб-сайти, наприклад на основі PHP та MySQL, ви спочатку можете все зробити локально. Тут ключовим словом може бути, наприклад, XAMPP). Тому обов'язково переконайтеся, що у ваші каталогах та іменах файлів немає пробілів або спеціальних символів. Також рекомендується використовувати в цих назвах лише малі літери.

Перевірте свій веб-сайт локально на все, що можна. Він повинен працювати достатньо бездоганно.


Підходящий провайдер

Для того щоб ви могли взагалі запустити свій веб-сайт в Інтернеті, вам потрібно мати відповідний веб-простір. (Я припускаю, що ви не хочете обслуговувати свій власний сервер, але хочете орендувати веб-простір у провайдера).

Спочатку вам треба отримати місце для зберігання даних у провайдера. Те ж саме стосується й домена, як саме адреси, під якою пізніше буде доступний сайт. На сьогоднішній день є багато провайдерів, в яких можна орендувати доступний за ціною веб-простір. Обирайте провайдера та пакет веб-простору з урахуванням наступних критеріїв:

• Принаймні 1,5 гігабайта вільного місця

• 1 домен De включено

• Нормально, має підтримуватися щонайменше PHP.

• Має бути наявна база даних MySQL.

• Обов'язково зверніть увагу на необмежений трафік.

Особливо важливий останній пункт, оскільки трафік часто приховує справжні пастки витрат.

Зрозуміло, що названі критерії є лише мінімальними вимогами для невеликих веб-сайтів. Той, хто керує частими відвідуваннями сторінок, зрозуміло, має удосконалити їх. Однак пізніше перехід від малого до більшого пакету веб-простору, зазвичай, завжди можливий без проблем. Якщо ви маєте сумніви, зверніться до свого провайдера.

На сторінці http://www.webhostlist.de/webhosting/vergleich/ ви можете приділити увагу пошуку провайдера, який підходить саме для вас.

HTML та CSS для початківців (частина 48): Веб-сайт йде онлайн.



Підбір провайдера може бути здійснений на основі різних критеріїв.

Після того як ви вибрали провайдера, обрали пакет та зареєстрували бажаний домен, можна починати. Від провайдера ви отримаєте всю необхідну інформацію, таку як дані для доступу по FTP і т.д., електронною поштою.

Передача даних

Як тільки у вас є необхідні дані, ви можете завантажити свої локальні файли на веб-сайт. Проте перед цим перевірте ваші файли та синтаксис, що в них міститься. Особливо важливо перевірити такі речі:

• Перевірте, чи всі гіперпосилання та шляхи до зображень правильні. (Особливо, якщо ви створювали HTML-сторінки редактором WYSIWYG, можливо, вони використали місцеві шляхи, які не співпадають онлайн).

• Перевірте назви файлів і каталогів на наявність пробілів та спеціальних символів.

Все в порядку? Тоді ви можете публікувати сторінки в Інтернеті. Для цього встановте зв'язок по FTP з веб-простором. Це робиться за допомогою будь-якого засобу FTP. Одним з кращих і при цьому безкоштовних є FileZilla, яке можна завантажити з сайту http://www.filezilla.de/.

HTML та CSS для початківців (Частина 48): Веб-сайт іде в мережу

Після встановлення та запуску FileZilla відкрийте File>Servermanager. У відкрившомуся вікні діалогове вікно клацніть на New Server.

HTML та CSS для початківців (частина 48): Веб-сайт йде ​​онлайн.

У правій області вікна необхідно ввести дані FTP, які ви отримали від свого провайдера. Це може виглядати приблизно наступним чином:

Сервер = www.dein-benutzernamede

Тип сервера = FTP-протокол передачі файлів

Спосіб підключення = Звичайний

Користувач = ftp_sdfsdfsfd@dein-benutzernamede

Пароль = Ваш пароль

Тут треба вказати дані FTP. При потребі зверніться ще раз до свого провайдера.

За допомогою Connect встановлюється з'єднання з FTP-сервером.

У цьому місці з метою спрощення я припустив, що ви копіюєте свій веб-сайт безпосередньо в корневий каталог веб-сайту. Кореневий каталог можна визначити за наявністю початкового слеша.

HTML та CSS для початківців (Частина 48): Веб-сайт виходить в інтернет

Перевага цього простого способу полягає в тому, що сайт в такому разі буде доступний під http://www.deine-domainde/. Вам не потрібно буде налаштовувати будь-яке перенаправлення та інше.

У багатьох провайдерів у кореневому каталозі за замовчуванням вже є два каталоги cgi-data та cgi-bin. І саме в цей рівень копіюються всі каталоги та файли з локального середовища. Для цього у верхньому лівому вікні FileZilla шукайте локальні файли.

Клацніть файли та каталоги, в яких знаходяться локальні дані.

Зараз лише залишається позначити файли та каталоги, які є видимими в нижній області вікна. Потім клацніть правою кнопкою миші позначені каталоги/файли і виберіть Завантажити.

HTML & CSS для початківців (частина 48): Веб-сайт стає доступним в мережі.

Дані тепер завантажуються на сервер. Зверніть увагу на те, що всі файли дійсно були передані. Якщо виникнуть проблеми з завантаженням окремих файлів, ви можете побачити це в нижній області вікна FileZilla.

Як тільки всі вміст на сервері, ви можете почати тестувати веб-сайт. Перевірте особливо, чи всі зображення присутні і чи вірні посилання.

Кінець і висновок

Отже, ми дійшли до кінця цього ряду з HTML і CSS. Основними кроками, які ви повинні були вивчити, є створення веб-сторінок на основі HTML і CSS та їх публічна презентація. Вам повинно було зрозуміло, що створення веб-сторінки - це тривалий процес. Цей процес розпочинається з макетування, продовжується розробкою веб-сторінки і закінчується завантаженням та контролем веб-сторінки. І тепер бажаю вам успіху з вашою новою веб-сторінкою!