Основные элементы сайтостроения

Вы решили создать свой сайт? Уже даже определились с темой вашего будущего проекта? Теперь перед вами встает проблема, связанная с освоением языка программирования. В интернете можно найти бесчисленное множество специализированной литературы, на освоение которой может быть затрачено много времени. Целью данной статьи является построить алгоритм изучения элементов сайтостроения, с помощью которого вы сможете наиболее продуктивно осваивать новый для вас материал.

Доскональное изучение основ построения каскадных таблиц стилей (CSS) намного упростит процесс сайтостроения. Естественно, что для любого сайта подбирается определенный стиль, включающий в себя определенный размер шрифта, цвет заголовков и, непосредственно, самого текста, размеры картинок и т.д. При использовании только языка HTML вам на каждой странице сайта придется задавать все эти параметры, что потребует большого количества как времени, так и терпения. Знание CSS позволит избежать вам этой рутинной работы, так как тогда вам будет достаточно всего лишь один раз указать в таблице стилей данные параметры.

В учебнике по HTML и CSS сначала изучите разделы, посвященные текстам и таблицам, а также информацию, которая связано с заданием ссылок. Даже таких минимальных знаний хватит для создания простого сайта. Кроме этого, не бойтесь пользоваться редакторами по HTML, представляющими из себя различные программы с удобным интерфейсом, богатым функционалом. Для обучения HTML наиболее предпочтительна программа Adobe Dreamweaver. Для обучения CSS – Top Style Pro.

Наиболее продуктивным вариантом для многих начинающих web-мастеров является изучение основ языка программирования методом экспериментов. Просто стоит взять бесплатный шаблон сайта, скопировать исходный код и стараться его изменять, работать с таблицами стилей. Такие эксперименты помогут намного быстрее освоить материал, чем скучное пролистывание электронных учебников.

К вопросу цветового оформления вашего сайта трудно подойти однозначно. Не существует установленного количества цветов, которые оптимально подходят для оформления сайта. Однако, основываясь на опыте предшественников, можно с уверенностью заключить, что переизбыток цветов хуже скажется на посещаемости, чем его недостача.

Оптимальным считается цветовое оформление сайта, состоящее из трех цветов. Главным цветом считается тот, который занимает основную площадь страницы и придает ей основной фон. Вторичным цветом считается дополнение к основному, который должен быть близок к нему по тональности. С целью выделения наиболее значимых областей на страничке вашего сайта применяются цвета подсвечивания, которые являются более контрастными по отношению к главному и вторичному.

В процессе подбора наиболее оптимального цветового решения также возможно использовать специальные программы. Наиболее удобной в этом плане является Enter hex code, которая при вводе кодировки главного цвета укажет вам наиболее оптимальные добавочные цвета.

Итак, после того, как вы уже имеете представления об основах сайтостроения, самое время переходить к конструированию каркаса – основы сайта, которая впоследствии будет заполняться таблицами и графикой. На сегодняшний день все большее число программистов отдают предпочтение блочному методу верстки сайта, а в качестве каждого блока используется элемент DIV, основные параметры которого задаются через таблицу стилей.

Однако, новичку для создания каркаса сайта лучше всего использовать табличный метод верстки, так как он корректно отображается при любом расширении монитора. Каркасы, созданные по такому методу, представляют собой обычные таблицы, имеющие заданное количество ячеек. Рекомендуется шапку таблицы создавать методом комбинации HTML-текста и графического отображения на заднем плане.

Меню для вашего сайта можно составить самому, а можно воспользоваться специальной программой, например, CSS Menu Generator, в которой предусмотрено указание ширины ячеек меню, цветовой передачи и многое другое. Есть русифицированная версия программы, так что работа с ней не может быть затруднительной.

Подводя итоги, в данной статье указаны основные принципы конструирования вашего первого сайта. Дальше – дело практики и экспериментов. Web-программистом никто не рождается. Программирование – это наука, для освоения которой требуется база из теоретических знаний, практический опыт и много-много терпения.




coded by nessus


количество просмотров заметки: 3 997

Комментарии: Нет"

Комментариев нет.

Оставить комментарий
Имя : 
E-mail : 
URL : 
Комментарий :