Веб-сайты. Дизайн-бюро ПЕЛЛА

сайты

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

Спрос рождает предложение. Множество компаний-разработчиков ПО для веб-программирования, инструментов визуального создания сайтов, сегодня продвигают на рынке широкий спектр решений. Нам же остается только выбрать то, что лучше всего подходит для поставленной задачи, и, освоив, применять на деле.

Конструкторы веб-ресурсов, будь то домашняя страничка пользователя, или какой-нибудь крупный коммерческий Интернет-магазин, существуют двух типов: Веб-конструкторы – примерами могут служить ucoz.ru, (по совместительству представляет собой CMS – систему управления сайтом), fo.ru, setup.ru.

Отличием данных инструментов является необходимость подключения к сети Интернет, так как все операции по редактированию и опубликованию результатов происходят на стороне сервера.

Сайт "VianiPorte"

Главная

Одна из страниц

Собственно, перед вами html каркас двух-колоночного макета(боковая панель и содержимое). Для макета с фиксированной шириной это, на мой взгляд, оптимальный вариант. Поскольку для сайта всё-таки на первом месте стоит информационная ценность, а внешний вид отходит на второй план. Трёхколоночный макет при фиксированной ширине оставит слишком малое поле для контента.

Разберём приведённый выше пример:
Мы с вами видим, что блок размечается следующим образом - <div id=”block”></div>.
Сам по себе блок никак не отображается на веб-странице. Он представляет собой «контейнер», которому можно придать различные свойства посредством css. В том числе размеры, цвет, форму и прочее. Фишка ещё и в том, что их можно вкладывать друг в друга, как матрёшки. Тут можно указать на блок - <div id=”template”></div>

В приведенном примере, он выступает в качестве основного, внутрь которого сложены все остальные. Делается это для удобства работы с вложенными обьектами, составляющими структуру сайта, которые помещаются перед закрывающим тэгом </div>.

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

http://pella.ru/sites/vianiporte/welcome.htm

« вернуться

Между прочим,

Второй тип – специализированное программное обеспечение, которое не требует постоянного доступа к сети – Web Site X5 Evolution, WYSIWYG Web Builder 8, Adobe Dreamweaver CS6. Данные системы позволяют довольно легко и наглядно реализовывать проекты, без потери времени на отладку кода (генерация необходимых программных ресурсов (CSS, HTML, PHP-код) происходит автоматически и без вмешательства пользователя), все, что требуется – только сосредоточиться на перемещении необходимых элементов, для создания внешнего вида сайта и изменении определенных параметров.

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

Большинство ПО для подобных задач имеют качественную русскую поддержку, и необходимые примеры, поставляемые в комплекте, для быстрого старта Вашего проекта.