Меню сайта
Чат
300
Реклама
Главная » 2012 » Август » 03
Урок 3: Цвет и фон
В этом уроке вы научитесь, как использовать цвета и фон на ваших web-сайтах. Мы рассмотрим также продвинутые методы позиционирования и управления фоновым изображением. Будут разъяснены следующие CSS-свойства:

color
background-color
background-image
background-repeat
background-attachment
background-position
background
Цвет переднего плана : свойство 'color'

Свойство color описывает цвет переднего плана элемента.

Например, представьте, что мы хотим сделать все заголовки документа тёмно-красными. Все заголовки обозначаются HTML-элементом <h1>. В нижеприведённом коде цвет элемента <h1> устанавливается красным.

h1 {
color: #ff0000;
}


Показать пример
Цвета можно указывать как шестнадцатеричные значения, как в примере (#ff0000), либо вы можете использовать названия цветов ("red") или rgb-значения (rgb(255,0,0)).

Свойство 'background ... Читать дальше »
Просмотров: 296 | Дата: 03.08.2012 | Комментарии (0)

Урок 2: Как работает CSS?
Вы этом уроке вы создадите свою первую таблицу стилей/style sheet. Вы узнаете об основах базовой модели CSS и о том, какие коды необходимо использовать для CSS в HTML-документе.

Многие свойства, используемые в Cascading Style Sheets (CSS), аналогичны свойствам HTML. Таким образом, если вы используете HTML для дизайна страниц, вы, наверняка узнáете многие коды. Посмотрим на конкретном примере.

Базовый синтаксис CSS

Скажем, нам нужен красный цвет фона web-страницы:

В HTML это можно сделать так:

<body bgcolor="#FF0000">


С помощью CSS того же самого результата можно добиться так:

body {background-color: #FF0000;}


Как видите, эти коды более или менее идентичны в HTML и CSS. Этот пример также демонстрирует фундаментальную модель CSS:

Но где размещать CSS-код? Именно этим вопросом мы и займёмся сейчас.

Применение CSS к HTML-документу

... Читать дальше »
Просмотров: 206 | Дата: 03.08.2012 | Комментарии (0)

Урок 1: Что такое CSS?
Возможно, вы уже слышали о CSS, но не знаете, что это такое? В этом уроке вы узнаете, что такое CSS и что он может сделать для вас.

CSS это акроним для Cascading Style Sheets/Каскадных таблиц стилей.

Что можно делать с помощью CSS?

CSS это язык стилей, определяющий отображение HTML-документов. Например, CSS работает с шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами. Потерпите, и увидите!

HTML может (неправильно) использоваться для оформления web-сайтов. Но CSS предоставляет бóльшие возможности и более точен и проработан. CSS, на сегодняшний день, поддерживается всеми браузерами (программами просмотра).

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

В чём разница между CSS и HTML?

HTML используется дл ... Читать дальше »
Просмотров: 243 | Дата: 03.08.2012 | Комментарии (0)

CSS #1 ВВЕДЕНИЕ
Каскадные таблицы стилей/Cascading Style Sheets (CSS) это поразительное изобретение для улучшения вида ваших web-сайтов. Оно поможет сэкономить уйму времени и предоставит вам совершенно новые возможности в дизайне web-сайтов. CSS совершенно необходим каждому, работающему с web-дизайном.

Этот учебник поможет вам начать работать с CSS всего через несколько часов. Он разъясняет всё очень доходчиво и научит вас сложной этой технологии.

Изучение CSS увлекает. Читая этот учебник, выделяйте достаточное количество времени для экспериментов с изученным в каждом уроке материалом.

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

Какое программное обеспечение необходимо иметь?

Не используйте при работе с этим учебником такие программы, как FrontPage, DreamWeaver или Word. Эти продвинутые программы не помогут вам в изучении CSS. Наоборот, они сильно огран ... Читать дальше »
Просмотров: 194 | Дата: 03.08.2012 | Комментарии (0)

HTLM КНИГА НА РУССКОМ ONLINE
Книги по Linux на русском языке
Книги в html-формате для чтения on-line
В.Костромин, Свободная система для свободных людей (обзор истории операционной системы Linux), март 2005 г.
В.Костромин, "Linux для пользователя", изд."БХВ-Петербург", 2002 г., серия "Самоучитель".
Kyle Rankin, Jonathan Oxer, Bill Childers, перевод: Н.Ромоданов, "Приемы работы в Ubuntu"
Книга "Ubuntu Hacks" (June 2006) включает в себя 100 простых советов и рекомендаций, полезных всем пользователям с любым техническим уровнем. Новички оценят инструкции по установке системы и советы о том, как добиться большего от бесплатных приложений, поставляемых в комплекте с дистрибутивом Ubuntu Linux, а читатели, обладающие средним и высоким уровнем знания, познакомятся со всеми деталями, связанными с управлением питанием, беспроводным роумингом, использованием 3D-ускорения для видео, серверными настройками и многим другим.
О.И.Цилюрик, "Инструменты Linux для Windows-программистов", ред ... Читать дальше »
Просмотров: 1647 | Дата: 03.08.2012 | Комментарии (0)

САЙТ ВИКЕПЕДИЯ
Сайт (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети») — совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённых под одним адресом (доменным именем или IP-адресом).
Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.
История

Первый[1] в мире сайт info.cern.ch появился в 1990 году.[2][3] Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии World Wide Web, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бе ... Читать дальше »
Просмотров: 411 | Дата: 03.08.2012 | Комментарии (0)

Каскадные таблицы стилей
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
Цель создания CSS
CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложнос ... Читать дальше »
Просмотров: 367 | Дата: 03.08.2012 | Комментарии (0)

Пример веб-страницы HTML5
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>(Это title) Пример страницы на HTML5</title>
</head>
<body>
<header>
<hgroup>
<h1>Заголовок "h1" из hgroup</h1>
<h2>Заголовок "h2" из hgroup</h2>
</hgroup>
</header>
<nav>
<a href=link1.html>Первая ссылка из блока "nav" </a>
<a href=link2.html>Вторая ссылка из блока "nav"</a>
</nav>
<section>
<article>
<h1>Заголовок статьи из блока "article"</h1>
<p>Текст абзаца статьи из блока "article"</p>
<details>
<summary>Блок "details", текст тега "summary"</summary>
<p>Абзац из блога "details"</p>
</details>
</article>
</section>
<footer>
<time>Содержимое тега "time" блока "footer"</time>
<p>Содержимое абзаца из блока "fo ... Читать дальше »
Просмотров: 550 | Дата: 03.08.2012 | Комментарии (0)

Разметка Новый API XHTML5 Обработка ошибок Отличия от HTML4.01 и XHTML1.x Логотип HTML5
Разметка
HTML5 вводит несколько новых элементов и атрибутов, которые отражают типичное использование разметки на современных веб-сайтах. Некоторые из них — семантические замены для использования универсальных блочных (<div>) и строчных (<span>) элементов, например, <nav> (блок навигации по сайту), <footer> (обычно относится к нижней части страницы или последней строке HTML кода) или <audio> и <video> вместо <object>.[25][26][27] Некоторые устаревшие элементы, которые можно было использовать в HTML 4.01, были исключены, включая чисто оформительские элементы, такие как <font> и <center>, чьи эффекты выполняются с помощью Каскадных таблиц стилей. Также в поведении веб снова заострено внимание на важности скриптов DOM (например, Javascript).
Синтаксис HTML5 больше не базируется на SGML, несмотря на подобие его разметки. Однако он был разработан обратно совместимым с обычным парсингом более старых версий HTML. В HTML5 применяется новая вводная строка ... Читать дальше »
Просмотров: 397 | Дата: 03.08.2012 | Комментарии (0)

W3C процесс стандартизации
WHATWG начала работу над спецификацией в июне 2004 года под названием Web Applications 1.0.[12] С января 2011 года спецификация в Draft Standard (Стандартизация проекта) утверждается в WHATWG, Working Draft (рабочий проект) утверждается в W3C. Ян Хиксон из компании Google является редактором HTML5.[13]
Спецификация HTML5 была принята в качестве точки начала работы над новым HTML рабочей группой W3C в 2007 году. Эта рабочая группа опубликовала спецификацию как первый публичный рабочий проект 22 января 2008 года.[14] Спецификация — это текущая работа, ожидают, что она останется на несколько лет, хотя части HTML5 собираются закончить и реализовать в браузерах до того момента, когда вся спецификация достигнет финального статуса «Рекомендовано».[15]
Согласно расписанию W3C, предполагалось, что HTML5 получит рекомендации W3C в конце 2010 года. Однако оценка первого публичного рабочего проекта была перенесена на 8 месяцев, ожидалось, что одобрения и Last Call и Candidate Recomme ... Читать дальше »
Просмотров: 309 | Дата: 03.08.2012 | Комментарии (0)

W3C процесс стандартизации
WHATWG начала работу над спецификацией в июне 2004 года под названием Web Applications 1.0.[12] С января 2011 года спецификация в Draft Standard (Стандартизация проекта) утверждается в WHATWG, Working Draft (рабочий проект) утверждается в W3C. Ян Хиксон из компании Google является редактором HTML5.[13]
Спецификация HTML5 была принята в качестве точки начала работы над новым HTML рабочей группой W3C в 2007 году. Эта рабочая группа опубликовала спецификацию как первый публичный рабочий проект 22 января 2008 года.[14] Спецификация — это текущая работа, ожидают, что она останется на несколько лет, хотя части HTML5 собираются закончить и реализовать в браузерах до того момента, когда вся спецификация достигнет финального статуса «Рекомендовано».[15]
Согласно расписанию W3C, предполагалось, что HTML5 получит рекомендации W3C в конце 2010 года. Однако оценка первого публичного рабочего проекта была перенесена на 8 месяцев, ожидалось, что одобрения и Last Call и Candidate Recomme ... Читать дальше »
Просмотров: 304 | Дата: 03.08.2012 | Комментарии (0)

HTML5 - ВИКИПЕДИЯ
HTML5 (англ. HyperText Markup Language, version 5) — язык для структурирования и представления содержимого для всемирной паутины, а также основная технология, используемая в Интернете. Это пятая версия HTML-стандарта (изначально созданного в 1990 году и последней версией которого являлся HTML4, стандартизированный в 1997 году[1]) и находится в стадии разработки по состоянию на июль 2012 года. Основной её целью является улучшить язык, поддерживающий работу с новейшими мультимедийными приложениями, при этом сохраняется лёгкость чтения кода для человека и ясность исполнения для компьютеров и приспособлений (веб-браузеры, синтаксические анализаторы и т. д.).
Следуя своим непосредственным предшественникам HTML 4.01 и XHTML 1.1, HTML5 отвечает всем требованиям, для которых HTML и XHTML в основном используются во всемирной паутине. HTML5 также считается микстурой будущего с введёнными различными спецификациями, вместе с тем введёнными продуктами программного обеспечения, такими как веб ... Читать дальше »
Просмотров: 296 | Дата: 03.08.2012 | Комментарии (0)

HTML5 элементов новой формы

HTML5 элементов новой формы

HTML5 имеет следующие новые элементы формы:

  • <datalist>
  • <keygen>
  • <output>

Примечание: Не все основные браузеры поддерживают все новые элементы формы. Тем не менее, вы уже можете начат ... Читать дальше »

Просмотров: 294 | Добавил: admin | Дата: 03.08.2012 | Комментарии (0)

HTML5 новых типов входных
HTML5 новых типов входных

HTML5 имеет несколько новых типов входных данных для формы. Эти новые функции позволяют лучше контролировать ввод и проверку.

В данной главе рассматриваются новые типы ввода:

цвет
дата
даты
даты-местный
электронная почта
месяц
номер
диапазон
поиск
телефон
время
URL-адрес
неделя
Примечание: Не все основные браузеры поддерживают все новые типы ввода. Тем не менее, вы уже можете начать использовать их, если они не поддерживаются, они будут вести себя как обычные текстовые поля.

Тип входа: цвет

Цвет тип используется для ввода поля, которые должны содержать цвета.

Пример

Выберите цвет из палитры цветов:

Select your favorite color: <input type="color" name="favcolor" />

Попробуйте сами »

Тип входа: дата

Дата типа позволяет пользовате ... Читать дальше »
Просмотров: 950 | Дата: 03.08.2012 | Комментарии (0)

HTML5 аудио

HTML5 аудио - Как это работает

Для воспроизведения аудио файлов в HTML5, это все что вам нужно:

... Читать дальше »
Просмотров: 191 | Добавил: admin | Дата: 03.08.2012 | Комментарии (0)

HTML5 видео - Как это работает

HTML5 видео - Как это работает

Для отображения видео в HTML5, это все что вам нужно:

... Читать дальше »
Просмотров: 288 | Добавил: admin | Дата: 03.08.2012 | Комментарии (0)

HTML5 видео-аудио

HTML5-видео стало проще

... Читать дальше »

Просмотров: 252 | Добавил: admin | Дата: 03.08.2012 | Комментарии (0)