Створення структури сайту
Рано чи пізно, але багатьом спадає на думку сконструювати свій шаблон сайту. Цілком нормальна думка. І чим раніше цим зайнятися, тим толку буде більше. Давайте розберемо по кроках виробництво не складного шаблону, але досить пристойного, який в деяких випадках ще й стане в нагоді. Освоївши ці уроки, Ви зможете робити цілком пристойні шаблони. Головне зрозуміти основи роботи над створенням шаблону.
У першому уроці ми зробимо структуру сайту, т. Е. Зробимо розмітку шаблону сайту, визначимося з розмірами шапки сайту, меню і тіла для контенту. Створимо сайт на тему про способи заробітку в інтернеті. Починаємо з запуску програми Фотошоп. Заходимо в меню файл → створити створюємо новий документ і виставляємо розміри майбутнього шаблону сайт.
Ширину сайту задаємо в залежності від Ваших потреб. Для прикладу я встановив ширину в 1000пікселей, висоту теж 1000 пікселів. Висота ніякої ролі не грає. Якщо контент перевищить ці 1000 пікселів, то сторінка буде автоматично подовжуватися. Натиснувши ОК, з'явиться робоча область, в якій необхідно включити ЛІНІЙКИ (CTRL + R). Зверху і зліва повинні з'явитися лінійки. З верхньої лінійки тягнемо направляючу на робочу область, щоб утворилася шапка сайту. Потім другу напрямну, щоб утворився футер (підвал). Тепер з лівого лінійки тягнемо направляючу, щоб отримати область меню. Меню можна робити як справа, так і зліва. У моєму прикладі буде зліва. Після всіх маніпуляцій робоча область буде виглядати так:
Я для прикладу задав висоту шапки - 250 пікселів, ширину області для меню сайту - теж 250 пікселів і висота підвалу - 50 пікселів. Ви за своїми бажаннями або вимогам можете все розміри встановлювати на свій розсуд.
Це був перший урок. У наступному уроці ми розглянемо вибір кольору для шаблону і втілимо це в реальність.