Как создать сайт с нуля за 7 дней? (Урок 5)

29 июля 2010 dgerihov Как создать сайт? (7 уроков)

Здравствуйте! На связи сново Джерихов Денис. Сегодня мы поговорим немного про улучшение дизайна сайта, о значений стиля, о вставки изоброжения на сайт. Начнём с CSS стилей.
Чтобы установить фоновый цвет элемента используют такой код:

.fon {background-color: yellow}

или

.fon {background-color: #98560F}
или

.fon { background-color: RGB(249, 231, 16) }
Если вы не знаете цвета формата #424242, можете скачать бесплатно программу на моём сайте: HTMLColors 2000.

Чтобы поставить фоновую картинку каког нибудь элемента прописуете стили:

.style { background-image: url(images/bg.gif)}

Причём в url прописуете адрес картинки.
Кстате Вы знаете как на свой сайт вставить картинку? В нужном месте вашего сайта прописуёте следующий код:

< img src=»img/box3.jpg» width=»255» height=»300» align=»left» >

В src прописываем путь Вашей картинки. В тегах width и height прописываем размер Вашей картинки, а — align, местонахождение картинки на сайте (left — слева, right — справа, top — сверху, botton — снизу).

Жирный шрифт (bold)

Для управления плотностью шрифта применяются теги:
< b >текст< /b >
< strong >текст< /strong >
Отличие тэга < b > от тэга < strong > в том, что тэг < b > указывает браузеру выводить текст жирным шрифтом, а тэг < strong > указывает, что текст надо выделить. Как браузер будет выделять текст, жирным шрифтом, курсивом или жирным курсивом — зависит от конкретного браузера.

Курсив (italic)

Курсивный шрифт выводится с помощью тэгов:
< i >текст< /i >
< em >текст< /em >

Пример: Курсив

Подчеркнутый шрифт (underline)
Выводится с помощью тэга:
< u >текст< /u >

Выводятся с помощью тэгов:

< h1 >Самый большой заголовок< /h1 >

…
< h6 >Самый маленький заголовок< /h6 >

Управление цветом шрифта с помощью тэга < FONT >

Цвет шрифта меняется с помощью атрибута COLOR тэга < FONT >
< FONT COLOR=»#FF0000» >FONT COLOR=»#FF0000»< /FONT >
< FONT COLOR=»red» >FONT COLOR=»red»< /FONT >

Переход на следующую строку
Принудительный перенос строки выполняется с помощью тэга < br >
Пример: HTML код:

Переход на следующую строку

Принудительный перенос строки выполняется с помощью тэга < br >
Пример: HTML код:
Выполняем< br >переход на< BR >следующую строку
Результат выполнения:
Выполняем
переход на
следующую строку

Управление выравниванием текста

Выравнивание блока текста осуществляется с помощью атрибута ALIGN тэга < DIV >текст< /DIV >
Атрибут ALIGN могут иметь значения:

ALIGN=»LE< /FONT >FT» — выравнивание по левому краю
ALIGN=»RIGHT»< /FONT > — выравнивание по правому краю
ALIGN=»CENTER»< /FONT > — выравнивание поцентру< /FONT >
ALIGN=»JUSTIFY» — выравнивание по обоим краям.

На сегодня хватит! Завтра поговорим о том, как выделить место для нашего сайта в интернете (хостинг). Сайты бесплатного хостинга, как загрузить на сервер Ваш сайт? Досвидание!