Сравнительно недавно, а именно 15 января 2009 года, произошло обновление блогового движка от Вадима Ласто. (Сказал сравнительно недавно, а сам подумал: Ё-маё - совсем и не недавно.) Теперь он стал называться: SerpSitting. Что в переводе с помощью Прагмы приблизительно означает Сидящий в Серпе. В новой версии почти весь html вынесен в отдельные файлы, где его можно править, придавая блогу вид по своему усмотрению. Файл стилей стал более структурированным. Стилевые правила сгруппированы и в коментах указано за что отвечают те или иные группы. Теперь без труда можно найти какие стили отвечают за трехколоночную верстку, а какие за вывод меню, что можно изменять, а что не рекомендуется. Кроме того появились плагинчики: html-редактор для правки постов, рейтинг популярности постов - табличная и флешевая версия и флешевый уголочек-замануха для рекламы. Напомню что этот движок позиционируется как блог, любимый поисковиками.

Бродя по Интернету в поисках чего-то (не помню чего) связанного с CSS я наткнулся на вот такую страницу: http://blog.html.it/layoutgala/. Как видите здесь мы имеем дело с 40 CSS-шаблонами различной раскладки. Т.е. html везде одинаков, а вот благодаря CSS достигается такое многообразие. Меня лично интересует шаблон под нумером 13 (хорошее число). Это и есть, так вожделенный многими (в том числе и мной) резиновый трехколоночный CSS-дизайн. Т.е. в нем присутствует три вертикальные колонки. Одна, центральная, имеет динамический размер и две по бокам - фиксированный. Присутствует здесь также и хедер с футером. Итак дано: HTML-код. Для краткости опускаем основные элементы - html, body, head. «div id="container"» «div id="header"»«h1»Header«/h1»«/div» «div id="wrapper"» «div id="content"» «p» «strong»1) Content here.«/strong» column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.

Этой небольшой статейкой я начинаю серию заметок (я так надеюсь) о трехколоночной верстке html-страниц с помощью CSS. Впервые я столкнулся с трехколоночной CSS-версткой в книге Молли Э. Хольцшлаг "Использование HTML и XHTML". Вообще с этой книги началось мое серьезное знакомство с HTML и CSS. Итак сейчас я перескажу пример трехколоночной верстки, который приведен в этой книге. Имеем HTML-код. В этом примере я упустил основные элементы: body, html, head. «div id="left"» «p»Навигация:«/p» «p»«a href="#"»Главная«/a»«br» «a href="#"»Новости«/a»«br» «a href="#"»О нас«/a»«br» «a href="#"»Контакты«/a»«/p» «/div» «div id="center"» «h1»Lorem ipsum dolor sit amet«/h1» «p» Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi arcu sapien, pretium et, malesuada eu, porttitor a, risus. Cras pellentesque sollicitudin nulla. Donec dapibus. Aliquam sed sapien. Nulla quis nulla. Donec eu nisl vitae turpis lobortis sodales. Sed molestie, massa sed interdum sagittis, neque nulla pharetra felis, quis semper lorem lacus in diam.

Как известно web-движки, будь то различные CMS, гостевухи, форумы и вообще любые скрипты можно тестировать на локальном сервере, то бишь на собственном компьютере. Только нужно установить серверное программное обеспечение. Существует прекрасное решение для этого вопроса - это Denwer. Однако многие скрипты для web-строительства являются не бесплатными и имеют защиту, а именно для своей работы требуют такого компонента как Zend Optimizer. Что это за компонент и нафига он нужен мы этого вопроса не касаемся. Если он есть и им пользуются, значит нужен. Насколько мне помнится Denwer поставляется без Zend-а. Однако некоторые скрипты, например движок блога от Вадима Ласто, требует для своей работы под Denwer-ом именно Zend-а. Как нам поиметь на Денвере хитрый Зенд? Для этого сначала устанавливаем Денвер, предварительно скачав его отсюда. При установке никаких трудностей возникнуть не должно. Все настройки можно оставить по умолчанию.

50 профессиональных html-шаблонов для создания сайтов. Полное соответствие XHTML стандарту. Кроссбраузерность, разделение структуры и представления, CSS-верстка (на основе div-ов). Год издания: 2009 Тип файла: RAR Размер архива: 8,67 МБ Лицензия: FREE Скачать: DepositFiles.Com

Название: HTML и XHTML - практический курс Автор: А. Толокнов Год: 2007 Формат: EXE (eBook) в RAR +3% на восстановление Размер: 2,69 МБ Качество: отличное Язык: русский В книге присутствуют десять практических занятий, выполнив которые вы сможете создать простой HTML сайт. Расмотрены все основные тэги HTML и синтаксис XHTML, а также применение каскадных таблиц стилей CSS. Скачать: DepositFiles.Com Содержание: Практическое занятие 1. Создание и редактирование HTML-страниц. Введение. Дескрипторы. Создание и редактирование HTML-страниц. Структура HTML-документа. Определение типа документа. Практическое задание Практическое занятие 2. Вставка и позиционирование текста. Вставка текста в HTML-страницу. Атрибуты дескрипторов и их значения. Позиционирование текста. Практическое задание Практическое занятие 3. Форматирование текста. Выделение текста. Определение цвета, размера и гарнитуры текста. Практическое задание Практическое занятие 4. Списки. Организация информации в виде списков. Маркированные списки. Нумерованные списки. Вложение списков. Списки определений.

Если вы работали с первой версией каскадных листов стилей (CSS1), то материал этого приложения покажется вам знакомым. Тем не менее, в CSS2 появилось много новых свойств. В этом приложении подробно описаны все добавления к CSS1. В настоящее время стандарт CSS1 реализован только в браузерах Netscape Navigator 4+, Opera 3.0+ и Microsoft Internet Explorer 4+. Стандарт CSS2 в некоторой степени реализован в Internet Explorer 5.0, Opera 4.0+ и Netscape 6.0. Спецификации CSS2 и рекомендации концерна W3C можно найти по адресу: www.w3.org/TR/REC-CCS2/. В этом приложении свойства CSS2 сгруппированы в разделы соответственно с их назначением. Многие свойства взаимосвязаны. Ни в Internet Explorer, ни в Netscape средства CSS1 и CSS2 не реализованы полностью. В узле Эрика Майера (Eric Meyer) вы можете найти регулярно обновляемый обзор информации о поддержке свойств листов стилей различными браузерами. Адрес узла: www.style.webreview.com/.

Материал этого приложения основан главным образом на документе XHTML 1.0 Specification W3C Recommendation (Спецификация XHTML 1.0 – Рекомендации концерна W3C), выпущенном 26 января 2000 года. Последнюю версию этого документа можно найти по адресу: www.w3.org/tr/xhtml1/. В этом приложении в алфавитном порядке перечислены все элементы, определенные Рекомендацией XHTML 1.0. Формат: exe (eBook) в zip Размер файла: 584 КБ Имя файла: tags-xhtml_arnoldovich.com.zip Представлена следующая информация. Элемент. Имя и нотация элемента. Из этих пунктов видно, какие элементы являются пустыми, а какие – непустыми. Использование. Общее описание элемента. Синтаксис. Приведен синтаксис элемента. Показано, где располагаются атрибуты и содержание. Атрибуты. Список атрибутов элемента с допустимыми значениями или типом данных, а также короткое описание их действия. Для некоторых атрибутов приводится список допустимых значений, для других – указывается допустимый тип данных. Объяснение допустимых типов данных приведено в конце этого приложения в разделе "Типы данных".

Формат: exe (eBook) в zip Размер файла: 499 КБ Имя файла: kod-symb-html_arnoldovich.com.zip Скачать: DepositFiles.Com

Формат: exe (eBook) в zip Размер файла: 506 КБ Имя файла: tab-color_arnoldovich.com.zip Скачать: DepositFiles.Com 16 безопасных цветов Скачать: DepositFiles.Com Таблица ниже представляет список цветов, поддерживаемых популярными браузерами. Две цветные ячейки с левой стороны иллюстрируют установку цвета фона ячейки двумя путями. В первом столбце используются мнемоническое значение цвета, и во втором столбце используется соответствующее числовое значение. Скачать: DepositFiles.Com