CSS: верстка в колонки (задачка для профи) @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
На страницу <  1 2  Страница 2 из 2 [ Сообщений: 59 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
Skeeve
соучастник
0
Сообщения: 349
Зарегистрирован: 26.07.03
Откуда: Bazaar
Сообщение Добавлено: 13 Август 2003, 08:16:09 

Орлис писал(а):
>Skeeve
существует такая "модная" фишка как технология разделения содержимого от представления

Если всё делать по уму, то можно радикально менять оформление сайта, изменяя одинственный файл CSS
Если ты представление страницы забил в "сетку" таблицы, то переписывать придется каждую страницу.



Моё представление о делании «по уму» — это использование систем контент-менеджмента.
На мой взгляд CSS и HTML — это все таки близнецы-братья.

И на мой взгляд гораздо удобнее использовать систему шаблонов с точками подключения изменяемого контента, чем лезть в CSS.

CSS (естественно, ИМХО) должен знать своё место, т.е. заниматься своим делом — реализацией оформления, а не разделения содержимого от представления.

КМ-система (ИМХО) гораздо удобнее, т.к. в этом случае вы работаете не с набором файлов, а с объектами (документ, шаблон и т.п.). КМ-система позволяет вам «повертеть в руках» всё, что вы хотите и положить готовый набор файлов (сгенерированных системой) на сервер. Это, ИМХО, предпочтительнее, чем иметь дело с файлами. Плюс еще много мелких пряников, вроде публикации в определенное время, разделения прав и функций пользователей (редактор, админ, автор, разработчик, дизайнер и пр.), автоматической генерация карты сайта, функция поиска по сайту, управление уровнем доступа к страницам, легкость поддержки «зеркал», возможность интеграции с функциональными модулями (прием и оформление заказов, опросы-голосовалки, техническая поддержка, документооборот, управление потоками работ) и т.п. Хотя, безусловно, использование такой системы дороже (надо или лицензировать, или писать вручную, что тоже деньги).

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

Более того, я и не противопоставляю таблиц и тегов div (равно как и всяких других), т.к. и то и другое инструменты HTML и ими нужно уметь пользоваться, а не возводить в абсолют.

Так что если уж говорить о моде, то неплохо бы, Орлис, от нее не отставать. :wink:
Sector Муж.
соучастник
22
Сообщения: 735
Зарегистрирован: 21.08.01
Откуда: Москва
Сообщение Добавлено: 13 Август 2003, 09:37:52 
http://www.orlis.ru далеко не самый удачный пример. вы сюда посмотрите: http://www.elfor.ru
Орлис
новый человек
0
Сообщения: 61
Зарегистрирован: 28.07.03
Сообщение Добавлено: 13 Август 2003, 17:26:43 

Цитата:
Так что если уж говорить о моде, то неплохо бы, Орлис, от нее не отставать.



Вообще-то http://www.orlis.ru основан на технологии XSLT. Размер php кода всего сайта 3888 байт. Каталог товаров синхронизируется с 1C через XML напрямую.
Skeeve
соучастник
0
Сообщения: 349
Зарегистрирован: 26.07.03
Откуда: Bazaar
Сообщение Добавлено: 13 Август 2003, 17:37:59 
Орлис, и что?
404 Муж.
новый человек
0
Сообщения: 114
Зарегистрирован: 26.11.02
Откуда: Санкт-Петербург
Сообщение Добавлено: 14 Август 2003, 14:22:38 

Цитата:
Типичный пример: текст из нескольких слов в теге <nobr>


Этого тэга нет в специaикации html 4.01


Цитата:
И на мой взгляд гораздо удобнее использовать систему шаблонов с точками подключения изменяемого контента, чем лезть в CSS.



С помощью CSS можно сделать кучу шаблонов, при этом HTML файл не трогая. Причем можно менять шаблоны на стороне клиента, не обращаясь к серверу. Просто, JavaScript'ом переключая файлы стилей. Пример - http://zeldman.com

Еще есть такой сайт - http://www.csszengarden.com/
Предлагается всем желающим скачать HTML и CSS файлы, и сделать свой шаблон, изменяя только CSS.
Рекомендую посмотреть, очень интересно.
Skeeve
соучастник
0
Сообщения: 349
Зарегистрирован: 26.07.03
Откуда: Bazaar
Сообщение Добавлено: 14 Август 2003, 14:42:47 

404 писал(а):

Цитата:
Типичный пример: текст из нескольких слов в теге <nobr>


Этого тэга нет в специaикации html 4.01


Что ещё раз доказывает, что нет ничего универсального.
Этот тег весьма полезен.

404 писал(а):
С помощью CSS можно сделать кучу шаблонов, при этом HTML файл не трогая.


Также можно занести телевизор на 20-й этаж по лестнице, не пользуясь лифтом. :laugh:
А трогать HTML-файл таки придётся. Ведь нужно же указать стили-то элементам, иначе пиши CSS, не пиши, ничего не изменится.

404 писал(а):
Причем можно менять шаблоны на стороне клиента, не обращаясь к серверу. Просто, JavaScript'ом переключая файлы стилей.


А как вы доставите этот CSS-файл на комп клиента? Святым духом?
oLL
постоянный участник
12
Сообщения: 2790
Зарегистрирован: 08.09.01
Откуда: ...куда...
Сообщение Добавлено: 14 Август 2003, 15:17:49 

Цитата:
А трогать HTML-файл таки придётся. Ведь нужно же указать стили-то элементам, иначе пиши CSS, не пиши, ничего не изменится


Чтобы задать стили элементам, нужно писать таблицу стилей.
"Трогать" HTML при этом можно , но необязательно. Но если очень хочется, можно и "трогать"…. то есть вы не должны, вы просто могли бы...


Цитата:
А как вы доставите этот CSS-файл на комп клиента? Святым духом?


Это как? Что за технология? :cool:
Skeeve
соучастник
0
Сообщения: 349
Зарегистрирован: 26.07.03
Откуда: Bazaar
Сообщение Добавлено: 14 Август 2003, 15:37:40 

oLL писал(а):
Чтобы задать стили элементам, нужно писать таблицу стилей.
"Трогать" HTML при этом можно , но необязательно. Но если очень хочется, можно и "трогать"…. то есть вы не должны, вы просто могли бы...


Ну да, можно прописать стили напрямую к тегам, но мне как-то этот способ не нравится, я им, соответственно, не пользуюсь, вот на автомате и написал про то, как я использую это :cool:
404 Муж.
новый человек
0
Сообщения: 114
Зарегистрирован: 26.11.02
Откуда: Санкт-Петербург
Сообщение Добавлено: 14 Август 2003, 16:33:27 

Цитата:
А трогать HTML-файл таки придётся. Ведь нужно же указать стили-то элементам, иначе пиши CSS, не пиши, ничего не изменится.


Я пишу HTML файл один раз, естественно, указывая class и id элементам, потом пишу CSS. Захочется поменять дизайн, я перепишу файл CSS и все.
Например, у меня навигация в левой колонке, я захотел ее сделать в правой. Я переписываю CSS-файл и все.
HTML не трогаю.

Цитата:
А как вы доставите этот CSS-файл на комп клиента? Святым духом?


Я загружаю сразу несколько файлов стилей.

Еще раз процитирую

Цитата:
И на мой взгляд гораздо удобнее использовать систему шаблонов с точками подключения изменяемого контента, чем лезть в CSS.


По-моему, это совершенно разные вещи, и не стоит их сравнивать
amphibian Муж.
соучастник
0
Сообщения: 702
Зарегистрирован: 10.07.02
Откуда: St.Petersburg
Сообщение Добавлено: 14 Август 2003, 17:19:35 

Цитата:
Я загружаю сразу несколько файлов стилей.


Очень рациональный метод :) А document.createStyleSheet не пробовал?

А вообще, не стоит путать божий дар с яичницей. Технология разделения содержимого от представления это именно КМ системы. Пользуя CSS тоже можно произвести достаточно сильные изменения внешнего вида, но наполнение и тэги все равно останутся вместе. Поэтому давайте разделять понятия и беседа станет продуктивнее.

CSS даден для улучшения внешнего вида страницы. Не надо пытаться им делать непонятно что!

_________________
Любовь открывает кредит, который неизбежно ведет к разорению...
Skeeve
соучастник
0
Сообщения: 349
Зарегистрирован: 26.07.03
Откуда: Bazaar
Сообщение Добавлено: 14 Август 2003, 17:33:25 

404 писал(а):
Еще раз процитирую

Цитата:
И на мой взгляд гораздо удобнее использовать систему шаблонов с точками подключения изменяемого контента, чем лезть в CSS.


По-моему, это совершенно разные вещи, и не стоит их сравнивать


Дык, я с самого начала об этом и говорю.
Каждый инструмент для своих задач.
Орлис
новый человек
0
Сообщения: 61
Зарегистрирован: 28.07.03
Сообщение Добавлено: 14 Август 2003, 19:38:02 
например на http://www.orlis.ru :)
при выводе на печать:
- панель навигация не печатается вообще,
- панель контактов печатается под основным содержимым в строчку
- все цвета убираются, заголовки центрируются, шрифт меняется на Таймс...

сделайте такое без CSS!
amphibian Муж.
соучастник
0
Сообщения: 702
Зарегистрирован: 10.07.02
Откуда: St.Petersburg
Сообщение Добавлено: 15 Август 2003, 12:47:24 
Орлис, не CSS'ом единым =) Можно и ссылку на "версию для печати" сделать. В любых проектах с КМ так и делается. И это дает больше возможностей, чем описание CSS'ом что не надо печатать на оригинальной странице. Как уже ни раз говорилось, все должно быть к месту, но всегда есть куча способов как сделать по другому. Так что вместо бравирования лучше думайте. :)

_________________
Любовь открывает кредит, который неизбежно ведет к разорению...
CutCopyPaste Муж.
соучастник
0
Сообщения: 516
Зарегистрирован: 21.06.03
Откуда: Москва
Сообщение Добавлено: 15 Август 2003, 13:01:24 
Орлис,


Цитата:
при выводе на печать:
- панель навигация не печатается вообще,
- панель контактов печатается под основным содержимым в строчку
- все цвета убираются, заголовки центрируются, шрифт меняется на Таймс...
сделайте такое без CSS!



с точки зрения удобства восприятия для пользователя это плохо,
т.к. откуда он знает что будет печататься или нет.
он просто возьмет тект скопирует в ворд, а потом распечаиает.
а если есть кнопка "версия для печати" , то копирование сразу отпаает...
вот...

_________________
Пьяный русский хакер практически непобедим!
КАЦ
новый человек
0
Сообщения: 32
Зарегистрирован: 11.03.03
Сообщение Добавлено: 26 Ноябрь 2003, 14:35:58 
Есть вопрос ко всем защищающим Div и Layer. Много было приведено примеров сайтов с их использованием.

У меня возник ряд вопросов:

1. Почему все эти сайты так бедны графикой? Уж не потому ли, что без таблиц все равно не сверстать чего-либо сложного?

2. Размещение элементов на таких сайтах тоже довольно таки странное. Не от того ли, что и здесь есть какие-то ограничения?

3. Вы и правда думаете, что таблицы это так плохо? Мне кажется единственный серьёзный недостаток на который все указывают это долгая загрузка. Этот вопрос решается разбиением страницы на несколько таблиц, а не включением всего содержимого в одну таблицу. Да и этот недостаток проявляется только если на сайте много графики. А те сайты, которые были продемонстрированы на Div и Layer графики практически не содержат почему-то.…

Кстати наглядный пример табличной верстки с разбиением на несколько таблиц www.lenta.ru.

Что то мне ничего не мешает разглядывать этот сайт до полной загрузки содержимого.
des
соучастник
0
Сообщения: 407
Зарегистрирован: 14.04.03
Откуда: 40км от Москвы
Сообщение Добавлено: 26 Ноябрь 2003, 15:41:33 
Спорят спорят всё.

Главное преимущество CSS DIV перед TABLE

это ЛОГИЧЕСКОЕ разбиение ДОКУМЕНТА
И всё.

Кому нада использует, кому нет, то нет. :))

_________________
всё таково, каково оно есть, и больше никаково
<sergio.ga>
новый человек
0
Сообщения: 102
Зарегистрирован: 13.06.03
Откуда: Харьков, Украина
Сообщение Добавлено: 27 Ноябрь 2003, 10:38:10 

КАЦ писал(а):
1. Почему все эти сайты так бедны графикой? Уж не потому ли, что без таблиц все равно не сверстать чего-либо сложного?
2. Размещение элементов на таких сайтах тоже довольно таки странное. Не от того ли, что и здесь есть какие-то ограничения?


Правда? Вам кажется?
Ну-ка воспроизведите это в таблицах. Нам можете не показывать, просто оцените трудоёмкость.

des, да главное, но не всё. ;)

Есть вопрос ко всем атакующим CSS вёрстку. Чего вам неймётся? :)
Предпочитаете таблицы - делайте таблицами. Кто вам мешает?
А предпочитающим CSS позвольте сделать так, как они считают нужным. Без ваших, извините, за%:?чек.
КАЦ
новый человек
0
Сообщения: 32
Зарегистрирован: 11.03.03
Сообщение Добавлено: 27 Ноябрь 2003, 10:55:54 

Цитата:
воспроизведите это в таблицах



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

Ничего трудоемкого. Лучше бы что-нибудь резиновое в пример привели, а это не пример сложной верстки - две-три колонки и background для боди справа. Единственно мужик сверху слоем наложен, но это детали.

Под Opera 6.0 с таблицами без багов сверстал бы.
<sergio.ga>
новый человек
0
Сообщения: 102
Зарегистрирован: 13.06.03
Откуда: Харьков, Украина
Сообщение Добавлено: 27 Ноябрь 2003, 11:03:21 
Ну раз не понял, тогда сделай и покажи.
Потом найди сложную на твой взгляд вёрстку и я попробую сделать её в CSS.
ИМХО нормальный способ разрешить спор.
КАЦ
новый человек
0
Сообщения: 32
Зарегистрирован: 11.03.03
Сообщение Добавлено: 27 Ноябрь 2003, 12:06:15 
<sergio.ga>, извини - времени бодаться нет.

Сайт хороший и красивый, но верстка несложная повторяю это снова и утверждаю это.
404 Муж.
новый человек
0
Сообщения: 114
Зарегистрирован: 26.11.02
Откуда: Санкт-Петербург
Сообщение Добавлено: 27 Ноябрь 2003, 12:13:28 
А где сложная верстка? В том то и прелесть верстки с использованием CSS, что она получается не сложная и логичная.
arlekino Муж.
соучастник
5
Сообщения: 481
Зарегистрирован: 05.07.01
Откуда: Москва
Сообщение Добавлено: 27 Ноябрь 2003, 14:27:37 
Я как-то приводил в пример сайт inc.com. Все полностью без таблиц. Но по-моему компромисс найти можно, необязательно все делать на дивах, можно, к примеру, шапку или меню заверстать в таблицу, контент же сделать в дивах и оформить его CSS. Не будьте, господа теоретики, максималистами.
<sergio.ga>
новый человек
0
Сообщения: 102
Зарегистрирован: 13.06.03
Откуда: Харьков, Украина
Сообщение Добавлено: 27 Ноябрь 2003, 15:37:03 

arlekino писал(а):
шапку или меню заверстать в таблицу, контент же сделать в дивах и оформить его CSS


Да, этот вариант отлично подходит в большинстве случаев. В проектах же, где использование CSS и XML не прихоть а жестокая необходимость, такие полурешения могут не пройти.

COLT, не уверен, что понял суть твоей проблемы. Хочется подробностей.
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 1 Декабрь 2003, 12:42:32 

COLT писал(а):
<sergio.ga>, действительно... если брать во внимание XML, то правда ли то, что там понятие "таблица как элемент верстки страниц" полностью отсутствует...



В XML вообще отсутствуют понятия о каких-либо элементах верстки страниц. :glasses: Так что с точки зрения XML смысла в <table> ровно столько же -- 0 -- сколько и в <div>. :)
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
На страницу <  1 2  Страница 2 из 2 [ Сообщений: 59 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100