Здравствуйте! Я занимаюсь исключительно весткой сайта, дизайном занимается другой человек. Меня интересует вопрос: "Как правильно свестать сайт? ". Может есть какие-то правила, или есть какая литература на это счет. Пока такую не нашел.
Меня интересует не техническая сторона вопроса, а то как правильно свестать блоки сайта, чтобы они наиболее гармонично смотрелись и навигация по сайту была наиболее удобной.
Другие языки программирования и технологии
Как правильно свестать сайт?
Правильной или не правильной верстки нету, есть валидность сайта и верстки. Каждый шаблон отличается своей уникальностью. Главное придерживаться если это сайт бизнес плана, стандартов web 2.0 по возможности, и кособраузерности в различных браузерах. А именно Fire Fox, Opera, Chrome, IE, Safari, Web Kit. Чтобы сайт одинаково смотрелся в данных браузерах и не слазил блоками. Тогда верстка является верной и валидной. Расположение же блоков, это уже по дизайну и личному усмотрению заказчика.
Посмотри модели, которые предлагает ucoz. Также в интернете есть масса материалов по верстке для самого разного уровня пользователей, никаких книг не надо.
Уж очень обширный вопрос! ответ на него получить очень трудно!
и ответить практически невозможно!
все дизайны отличаются! и подход в одном дизайне может совсем не подойти в других...
и ответить практически невозможно!
все дизайны отличаются! и подход в одном дизайне может совсем не подойти в других...
Типовые решения: Двухколонная верстка, Трехколонная верстка. Плюс шапка, плюс футер. Меню навигации: или колонка или строка под шапкой.
Средняя колонка - основной контент. Третья колонка - доп. информация или из рубрики "это интересно". Футер - счетчики посещения сайта, рекламные баннеры. Первая колонка - или меню или прибамбасы: календарь, определитель ай-пи клиента, форма регистрации (если предусмотрена).
Средняя колонка - основной контент. Третья колонка - доп. информация или из рубрики "это интересно". Футер - счетчики посещения сайта, рекламные баннеры. Первая колонка - или меню или прибамбасы: календарь, определитель ай-пи клиента, форма регистрации (если предусмотрена).
Александр Студнев
Меня интересует еще как правильно подобрать размеры всех этих элементов. В моем случае размеры в процентах, так как делаю "резиновый сайт".
Sergei Korolyff
бал-и-и-н. Знал бы для какого сайта затея - ничего бы не подсказал. Как у чела пережившего 90-е, у меня открывается аллергия на фразы "благотворительность" и "подарите 100 руб"
Артём, расположение блоков, тип вёрстки, ширина сайта
и другие параметры во многом будут во многом зависеть
именно от дизайна. Если там будет 3 колонки, то вам
придётся верстать в 3 колонки; текст сделать 12 шрифтом и т. д.
Вот несколько простых советов, чтобы ваша вёрстка
получилась наиболее качественной:
1. Старайтесь не делать лишнюю вложенность тегов.
Это приведёт к "утяжелению" структуры DOM-дерева.
2. Не прописывайте свойства CSS, которые и так заданы
по умолчанию в большинстве браузеров.
3. Если есть возможность не употреблять свойства
абсолютного и фиксированной позиционирования блоков,
лучше её воспользоваться. Чем больше блоков с position
absolute - тем тяжелее рендеринг при прокрутке страницы.
4. Для расположения блоков лучше использовать float,
чем позиционирование через relative.
5. Старайтесь использовать наиболее стабильные свойства
или сводить код и структуру блоков к их использованию. Это
поможет избежать решения проблем кроссбраузерности.
6. Переносите на код максимум визуализации, если это
возможно. Излишнее количество изображений = дополнительные
обращения к серверу = увеличение времени загрузки страницы.
7. Главное - соблюдайте требования заказчика. Как говорится,
клиент всегда прав :)
В общем, советов можно дать множество. Главное - качество.
Если будут вопросы, обращайтесь на почту :)
и другие параметры во многом будут во многом зависеть
именно от дизайна. Если там будет 3 колонки, то вам
придётся верстать в 3 колонки; текст сделать 12 шрифтом и т. д.
Вот несколько простых советов, чтобы ваша вёрстка
получилась наиболее качественной:
1. Старайтесь не делать лишнюю вложенность тегов.
Это приведёт к "утяжелению" структуры DOM-дерева.
2. Не прописывайте свойства CSS, которые и так заданы
по умолчанию в большинстве браузеров.
3. Если есть возможность не употреблять свойства
абсолютного и фиксированной позиционирования блоков,
лучше её воспользоваться. Чем больше блоков с position
absolute - тем тяжелее рендеринг при прокрутке страницы.
4. Для расположения блоков лучше использовать float,
чем позиционирование через relative.
5. Старайтесь использовать наиболее стабильные свойства
или сводить код и структуру блоков к их использованию. Это
поможет избежать решения проблем кроссбраузерности.
6. Переносите на код максимум визуализации, если это
возможно. Излишнее количество изображений = дополнительные
обращения к серверу = увеличение времени загрузки страницы.
7. Главное - соблюдайте требования заказчика. Как говорится,
клиент всегда прав :)
В общем, советов можно дать множество. Главное - качество.
Если будут вопросы, обращайтесь на почту :)
Sergei Korolyff
п. 2. Где гарантия, что параметры по умолчанию в разных браузерах одинаковы один в один? Попадаются рекомендации, что для кроссбраузерности именно их и нужно застилить как стартовые.
Артём, смотря какой сайт - их разновидностей немерено, для визитки - одна колонка, в хидере навигацию (ну 5 страниц для визитки максимум) , корпоративку - 2 колонки, слева навигация по подразделам, сверху - основная ...ну типа того. А вообще ты решать должен сам и от твоего решения должен работать дизайнер. Удачи!
Александр Студнев
В моем случае это сайт благотворительной организации и очень хочется сделать сайт максимально гармоничным, чтобы приятно было посмотреть. И поэтому я считаю что нужно правильно подобрать пропорции всех элементов, но не знаю как правильно это сделать.
Максим Сафронов
не пишите глупостей!
визитку (и другие типы сайтов) как нарисует дизайнер столько и будет в ней колонок! может и 4-ре быть!
есть сайты в которых нет навигации в шапке!
и должен решать именно дизайнер как рисовать! по заказу заказчика! а не вертальщик должен диктовать условия!
визитку (и другие типы сайтов) как нарисует дизайнер столько и будет в ней колонок! может и 4-ре быть!
есть сайты в которых нет навигации в шапке!
и должен решать именно дизайнер как рисовать! по заказу заказчика! а не вертальщик должен диктовать условия!
размеры, пропорции и гармонию должен создавать дизигнер а техник (аки например и я) должен тупо натянуть макет созданный дизайнеером на HTML CSS и движок
по верстке:
юзай DOCTYPE HTML 5 блочную кросбраузерную верстку и наименее костылястый движок под конкретные цели например MODx Revo
по верстке:
юзай DOCTYPE HTML 5 блочную кросбраузерную верстку и наименее костылястый движок под конкретные цели например MODx Revo
Похожие вопросы
- Как правильно делать сайт? (внутри)
- Как правильно наполнить сайт контентом?
- Как правильно загрузить сайт на сервер,всю папку с саитом или её содержимое и содержимое других папок в папке с сайтом
- как правильно раскрутить сайт бесплатно?
- как правильно выбрать оформление сайта?
- Здравствуйте, уважаемые. Мне бы хотелось понять, как правильно написать свой сайт?
- Как правильно создавать свой сайт и викладывать там свои проги и т. д
- Как правильно выбрать тему для своего сайта? На что обращать внимание? Можно ли заменить картинки темы на свои?
- подскажие как правильно создать свой сайт? хочу создать свой сайт а что для этого надо не знаю за ранее спасибо!
- Несколько вопросов о сайтах, рекламодателях и где деньги лежат . Помогите разобраться