Писати сайти під силу кожному, а навчання цьому ремеслу починається зі створення простих веб-сторінок. Спеціального обладнання для роботи не потрібно - достатньо стандартного пакета програм.
Вам знадобиться
- - програма «Блокнот»;
- - Adobe Photoshop.
Інструкція
На локальному диску заведіть папку, в якій буде збережений ваш сайт. Тримати документи на робочому столі недоцільно, при перестановці системи файли знищаться. А якщо перенести створені web-сторінки потім, то необхідно буде міняти шляху до всіх посилань.
Відкрийте блокнот, виберіть команду меню "Зберегти як", пропишіть ім'я файлу з розширенням html, наприклад, Moi_sail.html. Назви краще прописати латинськими літерами, щоб вони відображалися коректно. Виберіть створену для сайту папку на комп'ютері, в яку хочете зберегти сторінку.
Закрийте блокнот - на його місці мав з'явитися значок браузера, в іншому випадку перевірте правильність розширення. Якщо воно невірне, видаліть файл і на його місці створіть новий.
Правою кнопкою миші по значку і виберіть команду «Відкрити як», у випадаючому списку знайдіть «Блокнот».
Пропишіть основні теги, що є основою для будь web-сторінки. У вас повинні бути присутніми наступні з них.голова сайтатіло сайта
Запам'ятайте основні теги, а краще на перший час приготуйте шпаргалку. Таку інформацію можна почерпнути на багатьох сайтах, наприклад, на https://htmlbook.ru/ або https://html.manual.ru/. Більшість тегів слід «закривати», тобто дублювати зі слешем:Ця ділянка тексту буде написаний напівжирним зображенням, а цей - ні.
Видима частина сторінки прописується між тегами , в голову включаються стилі, деякі оформлювальні елементи для браузерів та інші атрибути. Вам, швидше за все, знадобляться наступні теги: - - значок у вікні браузера-- - таблиця,
- рядок, background - фонове ізображеніе-- - вставка ізображеній-- - вставка посилань. Для картинок знадобиться окрема папка. Всі ілюстрації пропускайте через графічний редактор Adobe Photoshop і вибирайте команду «Зберегти для web» в папку Images, яка буде створена автоматично. |