Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Март 2024  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
НАШ ОПРОС
Помог ли вам наш сайт?
Всего ответов: 6
ДРУЗЬЯ

НАША КНОПКА

..::ШКОЛА HTML & CSS::.. || ..::SCHOOL HTML & CSS::..

ОБЛАКО ТЕГОВ
<meta метаданные Домен популярность сайта рейтинг тиц favicon иконка имидж сайта каскадные таблицы стилей что такое css высота подвал Class id атрибуты отличия трюки выпадающее меню css теги html замена картинки список написание спецсимволов символы <a гиперссылка ссылка тег
СТАТИСТИКА

Яндекс Цитирование
Средний Индекс Цитирования
Rambler's Top100



Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Статьи
Что же такое CSS (Каскадные Таблицы Стилей)?

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.

Обзор

CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах выво ... Читать дальше » /div>

Категория: Статьи | Просмотров: 2565 | Дата: 17.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Это картинка размером 16Х16 пикселей, которая характерна для большинства профессионально сделанных сайтов. В интернет - браузерах иконка сайта показывается в адресной строке и в папке Избранное (отсюда и название Favorite Icon), рядом с названием сайта. Согласитесь, что такая иконка может производить очень даже положительный эффект на ваших посетителей:

1. Посетители подумают, что над сайтом работал профессионал.
2. Им запомниться конкретный графический образ вашего сайта. Это значит, в следующий раз им будет легче его вспомнить, а значит и посетить повторно.
3. В конце концов, это просто красиво.

Чаще всего в качестве фавиконки используется логотип сайта. Иконка сайта - отличительная черта грамотных сайтов. Она придает сайту индивидуальность. Кроме того, при поиске необходимого сайта иконка позволяет ускорить процесс, поскольку выделает ваш сайт в выданном поисковиком списке. Нужно только настроить параметры поиска.

Использование иконки позволит задержать вни ... Читать дальше » /div>

Категория: Статьи | Просмотров: 927 | Дата: 17.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Каждый начинающий web-дизайнер сталкивался с проблемой домена, точнее нужен ли собственный домен, и как это отразиться на раскрутке сайта. В этой статье описано несколько плюсов и минусов доменов разного уровня.

Домен - (от англ. domain - область, территория).

По международному соглашению каждой стране выделено некоторое кодовое обозначение длиной 2-3 буквы, которое называется доменом первого уровня или доменом этой страны. Так, например, если адрес сайта заканчивается на .ru - значит, сайт находится в домене России, .fr - Франции, .jp - Японии. Кроме того, существуют несколько доменов первого уровня, связанных не с географией, а с направленностью сайта - например, .com для коммерческих, .org для некоммерческих, .edu для образовательных организаций. Домен первого уровня также называют "зоной".

Домены второго уровня выдаются предприятиям и частным лицам в аренду, как правило, с ежегодной оплатой. В каждой зоне домены второго уровня выдает специально уполномоченная организаци ... Читать дальше » /div>

Категория: Статьи | Просмотров: 914 | Дата: 16.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
HTML 5 - это грядущее обновление гипертекстового языка разметки, основного способа создания контента для размещения его во всемирной паутине. Разработка HTML остановилась в 1999 году, на версии HTML 4.01 и с тех пор web-содержимое изменилось так, что текущие спецификации HTML перестали соответствовать сегодняшним требованиям.

HTML 5 нацелен на то, чтобы увеличить функциональную совместимость HTML и соответствовать растущим требованиям разнообразного и смешанного web-контента. HTML 5 так же нацелен на устранение недостатков четвертой версии. В этой статье мы взглянем на 5 новых интересных вещей в HTML 5.

Немного истории

Отвлеченные размышления о HTML 5 начались в конце 2003 года. World Wide Web Consortium (W3C), организация, наблюдающая за стандартами протоколов и рекомендаций в web, высказала интерес к черновику HTML 5 разработанному Web Hypertext Application Technology Working Group (WHATWG), группой сформированной в 2004 году из представителей Apple, ... Читать дальше » /div>

Категория: Статьи | Просмотров: 1187 | Дата: 15.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Интернет развивается бешеными темпами. И развивается он так только потому, что каждый день появляется всё больше людей, готовых создать свой сайт. Но проблема заключается в том, что они не умеют этого делать. И тут, как правило, начинающие сайтовладельцы идут на форумы и просят: "помогите создать сайт". Они рассказывают о том, каким образом видят свой сайт и просят советов бывалых. К чему сводится их представление о своём сайте и его внешнем виде? К банально простой вещи: создать персональный сайт. В это понятие они вкладывают общий смысл, который в буквах выражается примерно так: я хочу создать сайт о всём том, что мне интересно. Но они упускают одну ключевую деталь, потому что создание разработка сайта - это процесс предложения пользователям интернета чего-то уникального. И это уникальное не просто должно лежать на сайте, но для своей эффективной работы в сети быть правильно спозиционировано. Проще говоря, создание собственного сайта - это рассказ о том предмете, который нравится дел ... Читать дальше » /div>

Категория: Статьи | Просмотров: 751 | Дата: 15.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
В интернете каждый день появляются тысячи новых сайтов. И большинство из них напоминает клон того или другого успешного проекта. Причём клон не только внешний, но и внутренний. Так происходит по одной простой причине: начинающий сайтоваятель хочет быстро создать сайт. И знаете, как он мыслит? Примерно так: "Стоимость сайта должна быть равна нулю. Значит на дизайнеров и программеров тратиться излишне. Правильно, зачем создавать что-то уникальное, если всё уже до меня придумали. Вот популярный тематический сайт. Я сделаю также. Раз владелец этого сайта преуспел, значит и я тоже преуспею..." Поэтому дизайн сайтов, сделанных подобным образом, оставляет желать лушчего. Как изменить такое положение вещей? Просто нужно сделать нечто более уникальное. И первый шаг к уникальности в деле создания сайта - это создание шаблона сайта. Да-да. Вы не ослышались. Шаблон - это ключевой момент, когда Вам нужна разработка web сайтов, уникальных по своей природе. Именно шаблон и является тем фирменным стил ... Читать дальше » /div>

Категория: Статьи | Просмотров: 761 | Дата: 14.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Языки оформления внешнего вида сайта - два поколения языка CSS (CSS:http://www.w3.org/TR/REC-CSS-1; CSS2:http://www.w3.org/TR/REC-Css2) - позволяют задать формат страницы, управлять шрифтами, расположением элементов, цветом и так далее.

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

Code
<td bgcolor="#FFCC00" alogn="left" valign="top"><br><br> </td>

Такой "замусоренный" код можнозаменить простой ячейко ... Читать дальше » /div>

Категория: Статьи | Просмотров: 759 | Дата: 14.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
В самом начале обучения компьютерному программированию студенты узнают о принципе GIGO (Garbage In Garbage Out) "мусор на входе - мусор на выходе". Ведь языки вроде C и Java не просто поощряют правильную технику создания кода, они ее требуют.

Точно также начинающие графические дизайнеры узнают что качество конечного продукта зависит от качества исходных материалов. При грамотной работе готовая Web-графика (качественные фотографии с высоким разрешением) будет выглядеть отлично. Если попробовать создать дизайн с низкокачественным изображением, вряд ли результат получится сколько-либо привлекательным. Можно оптимизировать для Web изображение в формате EPS с высоким разрешением, но нельзя из низкокачественного файла GIF сделать что-либо приемлемое. Запомните: "мусор на входе - мусор на выходе".

Но традиционные браузеры работают по другому принципу. Они собирают воедино кривой код и неработающие ссылки и в большинстве случаев отображают сайты довольно приемлемо. Такое прослабление п ... Читать дальше » /div>

Категория: Статьи | Просмотров: 733 | Дата: 14.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
  1. Не загружайте страничку графикой. Посетитель не будет вам бесконечно благодарен, наблюдая более 5 минут за загрузкой "огромных" картинок.
  2. Не используйте на страничке большие картинки. Если уж и приспичило, лучше порежте картинку на более мелкие части и вставьте их в таблицу. Этим вы существенно облегчите загрузку графики.
  3. Не встраивайте в страничку слишком много Java-скриптов и апплетов, показывая свою крутость. Не думайте, что интернет болен статичностью.
  4. Если есть возможность сделайте альтернативу картинкам-ссылкам в виде текстовых ссылок. Пусть на сайте присутствует и то, и то, так как некоторые пользователи отключают в своих броузерах загрузку графики.
  5. Если какой-либо раздел еще не готов не надо мозолить глаза посетителям стандартной анимационной картинкой "Идет строительство" или "Under Construction". Достаточно написать приглашение зайти попозже.
  6. Не ленитесь указывать в IMG-теге размеры картинки WIDTH и HEIGHT. Иначе при загру ... Читать дальше » /div>

    Категория: Статьи | Просмотров: 1226 | Дата: 13.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
© 2008-2024 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на //school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"