Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web... Просто Web...


Информационный Канал Subscribe.Ru

Рассылка Web... Просто Web...

Web... Просто Web...

Все о веб-строительстве, а также
обзоры самых интересных и необычных сайтов сети.

Со всеми вопросами по веб-дизайну и созданию сайта прошу на форум!
Форум о компьютерах, интернете, развлечениях...

E-mail ведущего рассылки.

Новости

 

Сегодня в выпуске:

1. Статья "Несвоевременные мысли о CSS".
2. Сайто-обзоры.
3. Официальный сайт рассылки.
4. Форум сайта www.list.ee.

5. На прощание.

Веб-строительные разговоры на Форуме обо Всем:

Как сделать в браузере scroll другого цвета
нужна помощь

Как организовать поиск по сайту?
Нужна помощь

Системы для построения порталов.
Какую выбрать???

бегущая строка
Не могу разделить две фразы

Новости сайта "Web... Просто Web..."

Открылся рейтинг сайтов на LIST.ee
Приглашаю принять в нем участие.

 

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

 

Автор: yurazzz
www.list.ee
Форум обо Всем!

Да простит меня Максим Горький за плагиат названия статьи (первой его части, конечно же :).

Цель данной публикации - на практике показать полезность каскадных таблиц стилей.
Не пугайтесь. Не смотря на такое страшное название, все не так уж и сложно. Данная статья ни в коем случае не претендует на звание инструкции по CSS. Всего лишь пара хитростей / уловок / "фишек" при работе с этой технологией.

Что это за зверь такой?

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

Выглядит стандартная CSS-команда примерно так:

Идентификатор { его свойство: значение свойства; свойство 2: его значение } и т.д.

Набор таких команд помещается между <head></head> в html файле.

<STYLE type=text/css>
<!--
тут css-команды
-->
</STYLE>

Или же команды пишутся в отдельный файл с расширением CSS и вызываются из html файла примерно такой командой:

<link rel=StyleSheet href="style.css" TYPE="text/css" MEDIA=all>

"style.css" - это произвольное название файла с CSS-командами. В данном случае css файл находится в корне сайта. Можно задать положение файла и с помощью относительного url - /cssfolder/style.css например.

А теперь несколько полезных примеров применения CSS.

"Цветастый" скролл.

Насчет полезности данной функции что-либо сказать сложно. Но выглядит красиво, жалко, что отображается только в IE 5.5 и выше.
Задается примерно так:

BODY {
scrollbar-face-color:#FFCC00;
scrollbar-highlight-color:#FFCC00;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFCC00;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#E0E0E0;
}

Свойства "SCROLLBAR - что-то там" отвечают за цвет каждого из элементов полосы прокрутки, их значение (собственно сам цвет) задается цветовым кодом #…… Узнать код необходимого вам цвета можно с помощью пипетки в любом графическом редакторе. Также цвет можно задать и обычными red, blue…

Собственно разобраться какой параметр отвечает за цвет какой части скролла не очень сложно. Посмотрите на их названия и поэкспериментируйте.

Стили абзацев и заголовков.

Предыстория: у меня, по неизвестным причинам, сложилось стойкое отвращение к шрифту Times и использовать его при оформлении сайтов очень не хотелось. Зато нравился шрифт Verdana.

Раньше, без CSS это выглядело примерно так:

<p><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">Это первый абзац. Эх, тяжело, наверное, приходилось древним без CSS :)</font></p>
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">Это второй абзац и опять тот же самый html код. Жуть как не эстетично! Да, кстати, в любом случае НЕ советую задавать только один шрифт (написав в коде только Verdana, например), это может привести к "крякозябрам" вместо текста, если данного шрифта не будет на компьютере посетителя. Всегда лучше прописать несколько похожих между собой шрифтов.</font></p>

А если таких абзацев много и на целом сайте нет ни одной строчки Times'ом? Все это выливается в неоправданное увеличение размера страницы.

Проблема решается элементарно! Как вы уже догадались - с помощью CSS.

P { font: 10pt Verdana, Arial, Helvetica, sans-serif }

Теперь каждый абзац, помещенный стандартным для него тегов <p> будет отображаться так, как вам надо.

Также можно задавать и стили заголовков. Вот как я сделал на http://www.list.ee

H1 { font: 14pt Verdana, Arial, Helvetica, sans-serif; COLOR: #FFCC00; font-weight: bold }

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

Использование CSS очень удобно, а иногда и просто необходимо.
Но об этом в следующем выпуске… :)

 

Сайто-обзоры

 

http://globalstats.hotlog.ru
Глобальная статистика Рунета от самого великого и ужасного Hotlog. Узнайте о стандартах, на которые стоит ориентироваться при веб-строительстве: разрешение экрана, браузеры, ОС, версия javascript, глубина отображения цветов, использование coockies и javascript.
Hotlog ежедневно обрабатавывает около 20 миллионов запросов, поэтому этой статистике можно доверять в полной мере.

www.dklab.ru
Очень полезный сайт. Уверен, многие о нем уже давно знают, но есть, наверное, и те, кто нет. Не порядок! :)
Дмитрий Котеров - автор данного проекта, в очень доступной и понятной форме рассказывает о программировании на php и perl. Если вы решили посвятить себя интернет-программированию, не проходите мимо!
Также на сайте есть уже ставшие "классикой" Рунета статьи по установке apache, perl, php, mysql на домашнем компьютере под windows.

"Великий и Могучий" в сети.
Недавняя моя переписка о русском языке и о том, как же все-таки писать "Internet" по-русски сподвигнула меня опубликовать присланные мне подписчиком адреса сайтов по грамматике русского языка.

Александр, спасибо за ссылки! Вы - первый, кто прислал реально интересные сайты для обзоров, а не "Зайди и зацени мой DJvasek.narod.ru" :)

http://www.gramma.ru/
http://www.gramota.ru/
http://klyaksa.country.ru/
http://www.rusword.com.ua/
http://www.slovari.ru/

Как это пишется в Интернете

 

Официальный сайт рассылки

 

www.list.ee - официальный ресурс рассылки "Web... Просто Web...".

На сайте вы всегда найдете самые интересные и свежие статьи по веб-строительству.

Веб-мастеру>>>
html | html-редакторы | графика и дизайн | flash | perl | php | раскрутка сайта | разное

Сайто-обзоры>>>
избранное | cайты недели | архив обзоров

Заработок веб-мастера>>>
партнерство | за раскрутку | за рекламу

 

Форум сайта www.list.ee

 

При сайте работает форум (или даже так: при форуме работает сайт).
Тем, кто знает, что это такое, можно сразу на http://www.list.ee/forum/

Остальным, пожалуй, стоит разъяснить. Форум - это что-то типа системы интерактивного общения. Зайдя на форум и зарегистрировавшись (не бойтесь, регистрация займет не более пары минут), вы увидите список доступным тем обсуждения, в каждом списке находятся темы, созданные посетителями форума. Внутри темы посетители форума высказываются по ее поводу.

Если вы хотите начать свое обсуждение, то выберете подходящий по тематике раздел (пожалуйста, не "постите" где попало!) и откройте там новую тему, просто нажав "new topic". Если для вашей темы обсуждений не подходит ни один раздел форума, то смело создавайте тему во "Флейме".

Вот... как смог, так и объяснил... На самом деле все намного проще, чем кажется.

А зачем оно вообще надо?
1. Иногда просто хочется поболтать :)
2. У вас возникли проблемы и вопросы с компьютером, при создании сайта и т.д.? Тогда спросите совета на форуме. Вам обязательно посоветуют что-нибудь дельное!

Подведем итоги. Форум - это своеобразная "болталка", "развлекалка" и служба тех.поддержки одновременно:)

Последние сообщения на форуме. О чем сейчас говорят на Форуме обо Всем!:

Новые функции форума
Советую посмотреть...

98\Me\2000\2000server
Чё новенького, чё глючит...

Боевые искуства планеты (Pages 1 2 )
Каратэ, айки-до, джиу-джитсу...

Хакерство
Ну чё тут ещё можно добавить...

Конкуренция ????? Государству !!!!????? (Pages 1 2 )
Может ли один, или группи..., группа...

где пьем пиво?
хотя....что за вопрос.....

3D Studio MAX
кто нибудь занимается моделированием?

МаСянЯ!!!
все тот же бест форева!!!

Пивко
все за и проти... (НИКАКИХ "ПРОТИВ") !!!

Ваши аватары (Pages 1 2 )
тем кто еще не знает :)

Как сделать в браузере scroll другого цвета
нужна помощь

Как организовать поиск по сайту?
Нужна помощь

Системы для построения порталов.
Какую выбрать???

бегущая строка
Не могу разделить две фразы

Расширение фаила

В общем, обязательно загляните на форум. Не пожалеете! Со всеми вопросами по веб-дизайну и созданию сайта прошу на форум!

 

На прощание

 

Вот и все на сегодня. Очень бы хотелось услышать ваше мнение по воду сайта, рассылки и форума. Так что со всеми предложениями, пожеланиями, советами или критикой прошу на мыло :)

Хотите опубликовать собственную статью о web на сайте и в рассылке? Пишите. Ссылки на авторов и большое человеческое спасибо гарантируются :) Публикация статьи со ссылкой на ваш сайт увеличит количество посетителей вашего проекта. А что может быть важнее!

ТАварисЧи, поделитесь с остальными читателями рассылки интересными сайтами сети. Чиркните url'чик. Просьба к читателям НЕ присылать собственные сайты для обзоров. Я не хотел бы превращать этот раздел в чью-то рекламу. Сайты присланные их авторами рассматриваться не будут! Только независимые проекты.

Заходите на официальный сайт рассылки. Огромное количество материалов по веб-строительству и новые выпуски сайто-обзоров.

Есть вопросы по созданию сайта? Нужна помощь или совет? Хотите, чтобы ваш сайт "заценили"? Или вы просто хотите поболтать?

Загляните на форум. Не пожалеете! Со всеми вопросами по
веб-дизайну и созданию сайта прошу на форум!

Вам понравился материал рассылки?
Тогда посетите форум или сайт проекта.
Там всегда только самая интересная информация.



http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное