З чого почати верстку сайту, якщо до цього не верстали сайти

Категорія: Верстка 02.01.2018 2 169

Ця стаття призначеня для тих хто освоїв ази html, css і тепер хоче зверстати свій перший сайт.

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

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

Прикладаю посилання на цей ресурс html5boilerplate.com.

Якщо його скачати, то буде досить великий набір файлів.

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

Я б порадив зробити таку структуру для початку:

  • Папку css (зберігаємо всі файли .css)
  • Папку img (зберігаємо всі картинки, також в ній можна робити додаткові структуру для прикладу: створити папку для favicon)
  • Папку js (зберігаємо всі файли .js)
  • index.html (основний файл, який буде прочитано браузером)
  • robots.txt (Для пошукових систем)
  • .htaccess (Для сервера)
  • 404.html (Файл, який буде показано у разі помилки 404, що сторінку не знайдено)

Це не є обов'язковою структурою, це особисто моя рекомендація.

Так ваші файли будуть завжди в чистоті, а з часом важливість цього моменту буде зростати.

Попробуйте з такою стуктурою зробити простий landing page в три екрана.

Якщо вам сподобалася стаття, поставте лайк і буду радий прочитати вашу думку в коментарях про цей матеріал.

Поділися з друзями:

Будь частиною проекту

Напиши мені повідомлення

Можливо є якісь питання чи зауваження?
Що подобається, що ще б хотіли бачити на цьому проекті?

Написати свою думку