Как сверстать свой собственный сайт.
В сети очень много информации в формате HTML (hypertext markup language). HTML — это текст, содержащий разметку, то есть специальные команды, определяющие:
• абзацы, шрифты, списки, таблицы;
• вставку картинок и других материалов, фоны;
• ссылки на другие страницы, пометки в тексте и файлы.
Также в HTML должен быть заголовок, содержащий ключевую информацию о странице: название, автор, ключевые слова (по которым ее потом найдет поисковик), кодировку.
Простейшие приемы верстки сайта
Представим несколько простых приемов комбинирования этих возможностей.
Кнопка. Чтобы установить кнопку, достаточно внутри тега гиперссылки указать не текст, а картинку. В сайтах классического дизайна зачастую обходятся текстом на цветном фоне — выходит вполне приемлемая кнопка.
Meню. Чтобы расположить меню сайта не сверху или снизу по горизонтали, а сбоку по вертикали? Чаще всего для этого используется таблица, с двумя колонками (меню и основное содержание). Нужно указать явным образом ширину столбца меню. Кстати, точно так же часто делают позиционирование картинки.
Фон. Фон — это не единая цельная картинка под страницу. Естественно, можно сделать и так, но в данном случае она будет скорее отвлекать от содержимого, чем помогать. А вот узенькая цветная полоска во всю ширину экрана может очень помочь, отделив меню, сделав ненавязчивую переливчатую подложку и так далее.
Раскрывающаяся картинка. Простейший способ сделать это — маленькая картинка в качестве гиперссылки на большую, но при этом анимации не будет.
Этапы верстки сайта