| |
|
|
| | Главная страница моего сайта очень велика - порядка 200 Кбайт. Если же посмотреть её код, то там сплошные теги, в которых текст буквально тонет! Я пытался использовать разные редакторы, но каждый из них мне кажется очень неэффективным. Вот смотрите, как выглядит код, сформированный редактором FrontPage
<p style="text-indent: 30px; margin-top: 0; margin-bottom: 0" align="justify">
<font color="#FF00FF" face="Arial Narrow">текст</font></p>
<p style="text-indent: 30px; margin-top: 0; margin-bottom: 0" align="justify">
<font color="#FF00FF" face="Arial Narrow">из трех</font></p>
<p style="text-indent: 30px; margin-top: 0; margin-bottom: 0" align="justify">
<font color="#FF00FF" face="Arial Narrow">абзацев</font></p>
А вот редактор NVU:
<div style="margin-left: 40px;"><span
style="font-family: Arial Narrow;"><font
style="color: rgb(255, 0, 0);" size="-1">текст</font></span></div>
<div style="margin-left: 40px;"><span
style="font-family: Arial Narrow;"><font
style="color: rgb(255, 0, 0);" size="-1">из трех</font></span></div>
<div style="margin-left: 40px;"><span
style="font-family: Arial Narrow;"><font
style="color: rgb(255, 0, 0);" size="-1">абзацев</font></span></div>
<div style="margin-left: 40px;"><span
style="font-family: Arial Narrow;"><font
style="color: rgb(255, 0, 0);" size="-1"> </font></span></div>
Текстовой информации всего 22 знака, а общий объем 585 знаков!
А может быть можно написать тот же текст более экономно? Чтобы задать единый для некоего участка из нескольких абзацев шрифт, его размер, цвет, отступ первой строки в абзаце, интервал между строками и центрирование, но чтобы получившаяся масса знаков не выходила за пределы здравого смысла? Я готов переписать весь код вручную, составил таблицу тегов, но не представляю, как это сделать экономнее! Может быть покажете мне на этом примере? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(22.03.2007 в 23:17)
| | | Принцип будет примерно таким:
<style>
div
{
text-indent: 30px;
margin-top: 0;
margin-bottom: 0;
color: #F0F;
font-family: Arial Narrow;
}
</style>
<div>
текст
</div>
<div>
из трёх
</div>
<div>
абзацев
</div>
|
Но я уверен, что более знающие
люди вам подробней расскажут,
что нужно делать. | |
| |
|
|
| |
|
|
| |
для: RMW
(22.03.2007 в 23:48)
| | | Спасибо!
Действительно, код стал короче, хотя изображение абсолютно такое же, что и прежде! Правда, в разметке это похоже на табличку из трех строк...
Скажите, а если для другого участка текста потребуется другой стиль - например, шрифт другого цвета или ещё что, тогда как? Словом, как задать несколько стилей? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(23.03.2007 в 00:11)
| | | Принцип такой:
<style>
div
{
text-indent: 30px;
margin-top: 0;
margin-bottom: 0;
color: #F00;
font-family: Arial Narrow;
font-size: 14px;
}
div.myClass
{
color: #0F0;
}
</style>
<div>
<p>текст</p>
<p>из трёх</p>
<p>абзацев</p>
</div>
<div class="myClass">
<p>текст</p>
<p>из трёх</p>
<p>абзацев</p>
</div>
|
Ещё с помощью id селекторов
можно сделать исключения
для общего стиля какого-либо элемента. | |
| |
|
|
| |
|
|
| |
для: RMW
(23.03.2007 в 00:40)
| | | Поэтому изначально нужно пользоваться не редакторами, а блокнотом, так и HTML CSS заодно изучите. | |
| |
|
|
| |
|
|
| |
для: Владимир55
(22.03.2007 в 23:17)
| | | Используте css храните стили в отдельном файле и используте их на разных страницах так будет намного короче и просто... | |
| |
|
|
| |
|
|
| |
для: KPETuH
(23.03.2007 в 11:23)
| | | Я очень благодарен за полученные советы! Большое спасибо всем, кто откликнулся на мой пост!
Применение css сократило размер файла на 25 кбайт за счет исключения излишних тегов, и это очень заметно повлияло на скорость загрузки.
Однако скажу, что, на мой теперешний взгляд, для применения css нужны весьма веские причины, ибо это очень и очень трудоемкий метод, и если бы я решил переделать все 200 текстовых страниц своего сайта, то эта работа растянулась бы на много месяцев... | |
| |
|
|
| |
|
|
| |
для: Владимир55
(26.03.2007 в 13:48)
| | | С точки зрения целесообразности применения CSS вывод ваш неверен.
Наоборот, CSS позволяет упростить изготовление типовых страниц сайта в едином стиле и дизайне.
Что же до переделки имеющихся - то тут, может быть, вы и правы.
С вашим уровнем знаний HTML и CSS (вы только не обижайтесь - я не ругаю, а констатирую) переделывать имеющиеся страницы, наверное, будет затруднительно. | |
| |
|
|
| |
|
|
| |
для: CNT
(26.03.2007 в 14:17)
| | | * С вашим уровнем знаний HTML и CSS (вы только не обижайтесь - я не ругаю, а констатирую) *
Я не только не обижаюсь, а наоборот - я очень Вам благодарен и за советы, и за замечания! Ваши слова ещё ярче высвечивают проблему, которая и так стоит передо мною - ведь я не программист, а психолог. Правда, четверть века назад я профессионально владел тогдашними средствами средствами программирования - фортраном, фокалом и ассемблером. Но то были совершенно другие языки, да и время было совсем другое. А сегодня я предпочел бы вообще сконцентрироваться на контенте, отдавая программированию лишь самый минимум времени. Но так не получается, и Ваши слова заставляют меня задуматься ещё раз о том, справлюсь ли я на двух фронтах: программном и литературном, или лучше сконцентрироваться на чем то одном. Я задумал на общественных началах автоматизировать библиотеку, полагая, что справлюсь с этим "между делом", но получается иначе.
В общем, спасибо Вам ещё раз! | |
| |
|
|
