Як зробити html сайт на комп`ютері. Урок 1.

Як зробити сайт на комп`ютері?

Як зробити сайт на комп`ютері?

Ви все ще шукаєте інформацію про те як зробити сайт на комп`ютері? Напевно ви просто чекаєте поштовху ... ні, не пендаля, а просто відчуття того, що ось, ви зараз почнете і все у вас вийде. У вас вийде, запевняю вас, я постараюся, щоб у вас вийшло.

Отже почнемо створювати сайт.
1. Створіть у себе на жорсткому диску (краще локальний диск D або E) папку і назвіть її "moisait", в цій папці створіть ще одну папку - "images" - назви вводимо без лапок. Ще я порадив би створити собі папку окремо для книг і статей, посилань, не завжди запам`ятаєш, то, що читав, іноді доводиться шукати знову. Сама папка moisait Потім не поміщена в інтернет, може бути розірване лише вміст вашої папки - власне ваш сайт і в мережі інтернет він буде виглядати так само як і на комп`ютері.
2. Виділю окремим пунктом - назви всіх папок, всіх файлів, всіх картинок повинні бути надруковані англійськими літерами, звикайте.
3. В папку moisait поміщаємо нашу першу сторінку, з ім`ям index і розширенням htm - для статичних сайтів це нормально. Отже якщо ви знаєте як, то помістіть в папку файл index.htm. Я звертаю вашу увагу, що разширения зазвичай не видно і навіть якщо ви дасте першій сторінці свого сайту ім`я index.htm розширення може бути зовсім іншим. Я раджу включити розширення. Для цього натискаємо на значку «Мій комп`ютер» і у вікні, папки тиснемо «Сервіс / Властивості папки»

Сервіс / Властивості папки

Відео: Створення сайту з нуля. Урок # 1: Скетч

Сервіс / Властивості папки

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

Приховувати розширення для зареєстрованих типів файлів

Приховувати розширення для зареєстрованих типів файлів


4. Тепер, переходимо в папку moisait натискаємо правою кнопкою миші і вибираємо у вікні «Створити / Текстовий документ». Потім з`явився текстовий документ «Текстовий документ.txt» перейменовуємо в index.htm питаю перейменувати чи ні? Натискайте «Так». Значок фала зміниться, наведіть на нього курсор миші і натисніть праву кнопку, у вікні виберіть "Відкрити за допомогою - Internet Explorer».
5. Натискаємо правою кнопкою миші на робочому полі (біле поле) і вибираємо пункт «Перегляд HTML - коду». (В опері Ctrl + F3)
Перегляд HTML - коду

Перегляд HTML - коду


6. Скопіюйте текст наведений нижче в ваш файл





charset = windows-1251 "gt;



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

7. У скопійованому тексті вам належить тепер зробити невеликі доповнення.
- Між тегами (тайтл) помістіть назва вашого сайту - наприклад: Фото природи від Васі, на інших сторінках заголовки будуть змінюватися - вони тдолжни відповідати змісту - наприклад зимові пейзажі, річка і т.д.




Можливі помилки: lt; titlegt; - зайвий пробіл перед titlegt; - прогалин взагалі не повинно бути між початковою дужкою і тегом, після так, тому що іноді туди прописуються параметри, але якщо нічого не прописуєте не ставте зайвих прогалин.
тег парний і тому текст повинен бути між відкриває і закриває тегом .
-

Це рядок з кодуванням в якій буде текст, зараз стоїть потрібна кодування, тому нічого не змінюємо, якщо тільки ви не хочете поставити інше кодування, наприклад cp1251 і тоді ваша рядок буде виглядати так

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

- - опис - можна помістити перший абзац з вашого тексту на сторінці.

Відео: Як створити свій сайт на Html [Урок 1]

Намагайтеся, щоб лапок зайвих не було, додавайте в ключові слова і опис текст без лапок

Вихідний код першої сторінки сайту

Вихідний код першої сторінки сайту

Відео: Урок 1 - створення простої web-сторінки

8. Між тегами

Пишемо «Привіт світ!» І оновлюємо сторінку. Можна натиснути на кнопку браузера або на клавіатурі - F5.

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

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


Поділися в соц. мережах:

По темі: