Урок 3: Цвет и фонВ этом уроке вы научитесь, как использовать цвета и фон на ваших web-сайтах. Мы рассмотрим также продвинутые методы позиционирования и управления фоновым изображением. Будут разъяснены следующие CSS-свойства:
Как работает CSS?Вы этом уроке вы создадите свою первую таблицу стилей/style sheet. Вы узнаете об основах базовой модели CSS и о том, какие коды необходимо использовать для CSS в HTML-документе. Многие свойства, используемые в Cascading Style Sheets (CSS), аналогичны свойствам HTML. Таким образом, если вы используете HTML для дизайна страниц, вы, наверняка узнáете многие коды. Посмотрим на конкретном примере. Базовый синтаксис CSSСкажем, нам нужен красный цвет фона web-страницы: В HTML это можно сделать так: Просмотры: 503
Что такое CSS?Возможно, вы уже слышали о CSS, но не знаете, что это такое? В этом уроке вы узнаете, что такое CSS и что он может сделать для вас. CSS это акроним для Cascading Style Sheets/Каскадных таблиц стилей. Что можно делать с помощью CSS?CSS это язык стилей, определяющий отображение HTML-документов. Например, CSS работает с шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами. Потерпите, и увидите! HTML может (неправильно) использоваться для оформления web-сайтов. Но CSS предоставляет бóльшие возможности и более точен и проработан. CSS, на сегод ... Читать дальше » Просмотры: 441
Введение
Каскадные таблицы стилей/Cascading Style Sheets (CSS) это поразительное изобретение для улучшения вида ваших web-сайтов. Оно поможет сэкономить уйму времени и предоставит вам совершенно новые возможности в дизайне web-сайтов. CSS совершенно необходим каждому, работающему с web-дизайном. Этот учебник поможет вам начать работать с CSS всего через несколько часов. Он разъясняет всё очень доходчиво и научит вас сложной этой технологии. Изучение CSS увлекает. Читая этот учебник, выделяйте достаточное количество времени для экспериментов с изученным в каждом уроке материалом. Использование CSS требует знания основ HTML. Если вы не знаете HTML, то начните с нашего Учебника HTML, прежде чем перейти к CSS. Какое программное обеспечение необходимо иметь? Не используйте при работе с этим учебником такие программы, как FrontPage, DreamWeaver или Word. Эти продвинутые программы не помогут вам в изучении CSS. Наоборот, ... Читать дальше » Просмотры: 408
Последние замечанияПоздравляем, вы добрались до последнего урока. Теперь я знаю всё?Вы много узнали и способны теперь создавать собственные web-сайты! Однако то, чему вы научились, это только основы, а есть ещё много и много чего. Но вы заложили хороший фундамент, на котором можно начинать строительство. В это уроке мы дадим несколько заключительных наставлений:
Web-стандарты и проверкаВ этом уроке мы дадим несколько больше теории HTML. Что ещё нужно знать о HTML?HTML можно кодировать несколькими способами. Браузеры также могут читать HTML по-разному. Можно сказать, что в HTML есть много диалектов. Поэтому сайты выглядят по-разному в различных браузерах. Почти с момента зарождения Internet начались попытки выработать общий HTML-стандарт на World Wide Web Consortium (W3C),который основал Tim Berners-Lee (ага! тот крутой парень, который изобрёл HTML). Но это длинный и долгий путь. ... Читать дальше »Просмотры: 481
Публикация страницДо сих пор только вы имели возможность наслаждаться просмотром ваших страниц. Теперь пришло время и всем остальным оценить ваши произведения. Готов ли мир к этому?Мир готов - скоро и вы тоже будете готовы. Для показа вашего web-сайта в Internet вы должны иметь пространство на сервере и бесплатную FTP-программу. Если у вас есть доступ в Internet, у вас, возможно, уже есть немного места для вашего web-сайта. Ваше пространство на сервере может называться примерно так - http://home.provider.com/~usernumber. Но сначала вы должны активировать его. Прочтите об этом в документации вашего Internet-провайдера или на его справочных страницах. ... Читать дальше » Просмотры: 432
Внешний вид (CSS)Хорошо было бы придать страницам достойный их содержания вид? Разумеется, но как?Для этого используйте Cascading Style Sheets (CSS)/каскадные таблицы стилей. В этом уроке мы дадим краткое описание CSS. Позднее вы можете прочитать наш учебник CSS. Так что примите этот урок, так сказать, для растравки. CSS это лучшая половина HTML. Но, в плане кодирования, их статус различается: HTML заботится об общем выводе информации (её структуре), в то время как CSS производит тонкую настройку внешнего вида (layout). Просмотры: 645
Ещё о таблицахНазвание "Ещё о таблицах" может звучать немного вызывающе. Если вы уже можете создавать таблицы, то уже абсолютно ничто в HTML не может смутить вас. Что же ещё?При создании таблиц используются два атрибута:
Пример 1: Просмотры: 458
ТаблицыТаблицы используются, когда вам необходимо показать "табличные данные", например, информацию, логически упорядоченную в столбцы и ряды. Это трудно?Построение таблиц в HTML может показаться сложным на первый взгляд, но, если вы не будете дёргаться, это окажется строго логичным - как и всё в HTML. Пример 1: будет выглядеть в бр ... Читать дальше » Просмотры: 456
ИзображенияЗдóрово было бы поместить портрет актёра и музыкальной легенды David'а Hasselhoff'а прямо в центре ваше страницы?! Это звучит немного дерзко...Может быть, но это довольно просто сделать. Всё, что вам необходимо, как всегда, - тэг: Пример 1: будет выглядеть в браузере: ... Читать дальше » Просмотры: 483
СсылкиВ этом уроке вы научитесь создавать ссылки - переходы с одной страницы на другую. Что необходимо для создания ссылки?Для создания ссылки вы используете то же, что и всегда при кодировании HTML: тэг. Простой тэг с одним элементом и одним атрибутом - и вы можете перейти куда угодно. Вот пример того, как может выглядеть ссылка на HTML.net: Пример 1:будет выглядеть в браузере: Э ... Читать дальше » Просмотры: 433
АтрибутыВы можете назначать атрибуты во многих тэгах. Что такое атрибут?Как вы, возможно, помните, тэги это метки, указывающие браузеру, как нужно представлять ваш web-сайт. (Например, Пример 1: Атрибуты всегда записываются внутри тэга, после них следует знак равенства и детали атрибута, заключённые в двойные кавычки. Точка с запятой после атрибута служит для раздел ... Читать дальше » Просмотры: 418
Ещё немного HTML-тэговВы уже сделали несколько страниц ? Если нет, вот пример: Теперь что?Теперь выучим семь новы ... Читать дальше » Просмотры: 446
Что мы уже знаем?Всегда начинайте работу с базового шаблона, который мы создали на предыдущем уроке: В разделе head всегда пишите:
Этот title очень важен, поскольку используется поисковыми машинами (такими, как Goo ... Читать дальше » Просмотры: 420
Что мы уже знаем?Всегда начинайте работу с базового шаблона, который мы создали на предыдущем уроке: В разделе head всегда пишите:
Этот title очень важен, поскольку используется поисковыми машинами (такими, как Goo ... Читать дальше » Просмотры: 407
Создайте свой первый сайтПосле полученных в предыдущем уроке знаний вы уже через несколько минут создадите свой первый web-сайт. Как?В Уроке 1 мы узнали, что необходимо для создания web-сайта: браузер и Notepad (или аналогичная программа - текстовый редактор). Поскольку вы читаете этот текст, то ваш браузер уже открыт. Вам нужно открыть лишь дополнительное окно браузера (открыть браузер ещё раз), и вы сможете читать этот учебник и одновременно видеть ваш новый web-сайт. Также откройте Notepad (в Accessories в Programs - Start menu):
Теперь мы готовы! < ... Читать дальше »Просмотры: 410
Создайте свой первый сайтПосле полученных в предыдущем уроке знаний вы уже через несколько минут создадите свой первый web-сайт. Как?В Уроке 1 мы узнали, что необходимо для создания web-сайта: браузер и Notepad (или аналогичная программа - текстовый редактор). Поскольку вы читаете этот текст, то ваш браузер уже открыт. Вам нужно открыть лишь дополнительное окно браузера (открыть браузер ещё раз), и вы сможете читать этот учебник и одновременно видеть ваш новый web-сайт. Также откройте Notepad (в Accessories в Programs - Start menu):
Теперь мы готовы! < ... Читать дальше »Просмотры: 468
Что такое HTML-тэги?Теперь вы готовы начать изучение HTML-тэгов. "Тэги"?Тэги это метки, которые вы используете для указания браузеру, как он должен показывать ваш web-сайт. Все тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком sign ">". Обычно имеются два тэга - открывающий: <html> и закрывающий: </html>. Различие в том, что в закрывающем имеется слэш "/". Всё содержимое, помещённое между открывающим и закрывающим тэгами, является содержимым тэга. Н, как говорится, из каждого правила есть исключения, и в HTML также имеются тэги, которые являются и открывающими, и закрывающими. Эти тэги не содержат т ... Читать дальше » Просмотры: 467
Что такое HTML?
Для неискушённого HTML-код выглядит сложным, но этот учебн ... Читать дальше » Просмотры: 508
 Начало Просмотры: 495
|
