Як написати веб сторінку


 

Писати сайти під силу кожному, а навчання цьому ремеслу починається зі створення простих веб-сторінок. Спеціального обладнання для роботи не потрібно — достатньо стандартного пакета програм.



Вам знадобиться

— програма «Блокнот»;
- Adobe Photoshop.

Інструкція

  1. На локальному диску заведіть папку, в якій буде збережений ваш сайт. Тримати документи на робочому столі недоцільно, при перестановці системи файли знищаться. А якщо перенести створені web-сторінки потім, то необхідно буде міняти шляхи до всіх посилань.
  2. Відкрийте блокнот, виберіть команду меню «Зберегти як», пропишіть ім’я файлу з розширенням html, наприклад, Moi_sail.html. Назви краще прописати латинськими буквами, щоб вони відображалися коректно. Виберіть створену для сайту папку на комп’ютері, в яку хочете зберегти сторінку.
  3. Закрийте блокнот — на його місці повинен з’явитися значок браузера, в іншому випадку перевірте правильність розширення. Якщо воно невірне, видаліть файл і на його місці створіть новий.
  4. Правою кнопкою миші клацніть по значку і виберіть команду «Відкрити як», у випавшому списку знайдіть «Блокнот».
  5. Пропишіть основні теги, що є основою для будь web-сторінки. У вас повинні бути присутніми наступні з них.


    голова сайту
    тіло сайту

    Web Analytics

  6. Запам’ятайте основні теги, а краще на перший час приготуйте шпаргалку. Таку інформацію можна почерпнути на багатьох сайтах, наприклад, на http://htmlbook.ru/ ( http://htmlbook.ru/ ) або http://html. manual.ru / ( http://html.manual.ru/ ). Більшість тегів слід «закривати», тобто дублювати зі слешем:

    Ця ділянка тексту буде написаний напівжирним шрифтом , а цей — ні.


  7. Видима частина сторінки прописується між тегами , в голову включаються стилі, деякі оформлювальні елементи для браузерів та інші атрибути. Вам, швидше за все, знадобляться наступні теги:

    — значок у вікні браузера;
    -

    — таблиця,
    — колонка,
    — рядок, background — фонове зображення;
    - — вставка зображень;
    - — вставка посилань.


  8. Для картинок знадобиться окрема папка. Всі ілюстрації пропускайте через графічний редактор Adobe Photoshop і вибирайте команду «Зберегти для web» в папку Images, яка буде створена автоматично.