Главная » Записи с тегом "верстка"

Рубрики с меткой ‘верстка’

Добавление полей в форму

Задача: реализовать функционал «еще одно поле» для формы с ограничением числа полей и возможностью удаления.

Самое первое, что приходит в голову: заложить новые поля заранее в форме и поставить им style=»display:block». Далее с помощью простенького скрипта, меняющего значение display, показывать/скрывать эти поля. Однако, этот способ не очень удобен, т.к. в случае 20 и более полей будет передаваться большое количество HTML-кода, и для исправления придется копаться в скриптах на сервере. Читать далее »

Несвоевременные мысли о CSS

Краткое содержание

Задача: воспроизвести с помощью CSS основную страницу WebReference. Инструменты: CSS и много свободного времени.

Kwon Ekstrom предложил свою CSS версию главной страницы WebReference. Rogelio Lizaolo улучшил ее. Через несколько месяцев напряженной совместной работы финальный вариант на CSS полностью повторял прежний, табличный. В процессе мы обнаружили массу ошибок в NN и IE и нашли несколько элегантных уловок для их обхода. Ниже следует наша пошаговая инструкция, с помощью которой вы можете повторить наш подвиг. Читать далее »

Как правильно верстать на HTML

Любая работа, а тем более вёрстка, должна быть выполнена аккуратно, потому что переделывать вёрстку в дальнейшем будет ленивее. тем более, если создаётся она для посещаемого и корпаративного сайта. Что значит правильно верстать на html и css? И что необходимо делать, что бы стать профессиональным верстальщиком?

Читать далее »

Semantic web. Заметка о логичной и нелогичной верстке

В прошлых материалах мы рассматривали общие вопросы разработки веб-сайтов — планирование веб-сайта, анализ целей и задач, разработка информационной архитектуры веб-проекта, базовые навигационные элементы и т.д. А сейчас — тема для веб-разработчиков, дизайнеров, верстальщиков, всех, кто создает веб-страницы, веб-сайты — для себя, для пользователей, для заказчиков ли, для поисковых машин… Небольшая заметка о логичной и нелогичной верстке.

Факт: у человека есть два полушария головного мозга. Исследования ученых: левое полушарие отвечает за логику и аналоговые сигналы (знаки), правое – за образы. Читать далее »

XHTML+CSS. Преимущества очевидны

В последнее время на всех форумах только и слышно, стандарты, «валидность», CSS-верстка, XHTML. Более того, не затихают непрекращающиеся споры сторонников двух школ вебдизайна: классической табличной и новой CSS-верстки о том, что есть верстка и что кому кажется более логичным и удобным. Этой статьей я не хотел бы начать новый виток этой «священной войны», более того ее целью даже не является переубеждение «табличников» к переходу на стандарты. Я хочу лишь ознакомить читателя с теми неоспоримыми преимуществами, которыми обладает CSS-верстка. А уж выводы каждый должен сделать для себя сам.

Читать далее »

Табличная вёрстка

Табличная вёрстка.

Таблицы, которые первоначально проектировались как средство представления двумерных массивов данных, сейчас используются в основном как инструмент для точного позиционирования контента на веб-странице. Стандарт HTML не предусматривает возможности расположить картинки и текст относительно друг друга с приемлемой точностью, а табличная вёрстка, при которой различные части контента помещаются в разные ячейки таблиц, способна решить эту проблему. Кроме того, табличная вёрстка очень полезна при проектировании сайтов с большим количеством графических элементов: в больших рисунках почти всегда Читать далее »

Разработка сайта – комплексный процесс

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

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

Этапы создания сайтов

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

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

Macromedia Dreamweaver: секреты и советы

Визуальный html-редактор, разработанный компанией Macromedia, Dreamweaver по праву считается лучшим в своей области. Удобный, интуитивно-понятный интерфейс и широкий набор инструментов позволяет создавать веб-сайты на профессиональном уровне. Редактирование элементов сайта происходит путем изменения их параметров в меню свойств.

Как и любое программное обеспечение подобного уровня, редактор Macromedia Dreamweaver имеет кое-какие особенности и возможности, знание которых положительным образом сказывается на скорости верстки веб-страницы. Читать далее »

Использование различных шаблонов для разделов сайта

Дорогие друзья,

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