Уважаемый посетитель!
Здесь Вы можете
узнать как научиться
делать свои
сайты.

Сайт

Уроки сайтостроения
Сайт Строим сайт Скрипты Книги

Создаем свой сайт.

Как покрасить текст?



     Открываем созданный на прошлом занятии файл с именем sait1.htm в папочке "проба" в программе FrontPage и перед нами откроется такое окно с таблицей и текстом в ней:



     Переходим в режим «конструктора». Перед нами код таблицы:

 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 1</title>
</head>

<body bgcolor="#FFFF66">
<div align="center">
<table cellpadding="10" cellspacing="10" border="1" width="750" id="table1" bgcolor="#FFFFFF">
<tr>
<td colspan="3" bgcolor="#33CCFF">
<h1 align="center">Самый лучший сайт</h1>
</td>
</tr>
<tr>
<td width="25%" bgcolor="#99FFCC">
<p>&nbsp;&nbsp;&nbsp;&nbsp; <b>Меню сайта</b><br>
1. Главная страница <br>
2. Вторая страница <br>
3. Третья страница </p>
</td>
<td width="50%" bgcolor="#CCFF99">
<p>&nbsp;&nbsp;&nbsp;&nbsp; Зима. По календарю она длится три месяца: декабрь январь и февраль,
но чаще всего в центральной и более северной России зима тянется с ноября
по март месяц. Погода зимой бывает разная, изменчивая, как цены на нефть,
как курс рубля к главным валютам мира. Но, россияне не боятся ни зимы,
ни ни колебаний цен на нефть, ни изменчивость рублевого курса.
Курс у нас у всех один - поиск своего места в жизни и
обретение семейного уюта и счастья...</p>
</td>
<td bgcolor="#99FFCC">
<p><b>&nbsp;&nbsp;&nbsp;&nbsp; Сегодня в мире:</b><br>
Цена на нефть - 35 дол. за баррель <br>
1 доллар - 75 рублей <br>
1 евро - 82 рубля </p>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#33CC33">
<h3 align="center">Автор сайта - Петров Сидор Иванович</h3>
</td>
</tr>
</table>
</div>
</body>

</html>
 

       Все вроде бы уже не плохо, но хотелось бы, чтоб текст в таблице был разного цвета. Начнем с заголовка сайта. Находим тег   <h1 align="center">  после его окончания перед текстом заголовка введем тег <font>, для чего устанавливаем курсор перед текстом и в режиме латинского шрифта введем знак < - появится меню с перечнем атрибутов, выберем font, нажмем на пробел, появится перечень атрибутов, выберем color , поставим после него =", а далее выбираем из предоставленной палитры цветов желаемый, например, красный. После этого ставим вторую кавычку " и закрываем тег знаком >. Программа автоматически дописывает и закрывающий тег   </font>. Этот тег вырезаем из этого метра и вставляем сразу после текста заголовка. Теперь в целом код заголовка будет выглядеть так:  

<h1 align="center"><font color="#CC0000">Самый лучший сайт</font></h1> . Наш заголовок стал красным.

       Далее переходим к нашему основному тексту. Для того, чтоб он стал цветным также используем тег <font>. Устанавливаем курсор перед тегом абзаца <p>, в режиме латинского шрифта вызываем <, выбираем font, далее нажимаем пробел, выбираем color, далее =", после чего из палитры выбираем, например темно зеленый цвет, закрываем " и тег >. После чего написанный автоматически тег </font>, вырезаем и вставляем его в конце текста после тега </p>. Теперь код нашего основного текста будет таковым:

 

<font color="#003300">
<p>&nbsp;&nbsp;&nbsp;&nbsp; Зима. По календарю она длится три месяца: декабрь январь и февраль,
но чаще всего в центральной и более северной России зима тянется с ноября
по март месяц. Погода зимой бывает разная, изменчивая, как цены на нефть,
как курс рубля к главным валютам мира. Но, россияне не боятся ни зимы,
ни ни колебаний цен на нефть, ни изменчивость рублевого курса.
Курс у нас у всех один - поиск своего места в жизни и
обретение семейного уюта и счастья...</p>
</font>

 

       Цвет текстов в боковых ячейках изменять не будем, а вот цвет текста в нижней ячейки также с помощью тега <font>  поменяем на белый и весь код теста в нижней ячейки будет таковым:

<h3 align="center"><font color="#FFFFFF">Автор сайта - Петров Сидор Иванович</font></h3>.

       Теперь весь код нашей странички выглядит так:

 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 1</title>
</head>

<body bgcolor="#FFFF66">
<div align="center">
<table cellpadding="10" cellspacing="10" border="1" width="750" id="table1" bgcolor="#FFFFFF">
<tr>
<td colspan="3" bgcolor="#33CCFF">
<h1 align="center">
<font color="#CC0000">Самый лучший сайт</font></h1>
</td>
</tr>
<tr>
<td width="25%" bgcolor="#99FFCC">
<p>&nbsp;&nbsp;&nbsp;&nbsp; <b>Меню сайта</b><br>
1. Главная страница <br>
2. Вторая страница <br>
3. Третья страница </p>
</td>
<td width="50%" bgcolor="#CCFF99">
<font color="#003300">
<p>&nbsp;&nbsp;&nbsp;&nbsp; Зима. По календарю она длится три месяца: декабрь январь и февраль,
но чаще всего в центральной и более северной России зима тянется с ноября
по март месяц. Погода зимой бывает разная, изменчивая, как цены на нефть,
как курс рубля к главным валютам мира. Но, россияне не боятся ни зимы,
ни ни колебаний цен на нефть, ни изменчивость рублевого курса.
Курс у нас у всех один - поиск своего места в жизни и
обретение семейного уюта и счастья...</p>
</font>
</td>
<td bgcolor="#99FFCC">
<p><b>&nbsp;&nbsp;&nbsp;&nbsp; Сегодня в мире:</b><br>
Цена на нефть - 35 дол. за баррель <br>
1 доллар - 75 рублей <br>
1 евро - 82 рубля </p>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#33CC33">
<h3 align="center"><font color="#FFFFFF">Автор сайта - Петров Сидор Иванович</font></h3>
</td>
</tr>
</table>
</div>
</body>

</html>
 

       А сама страничка примет такой вид:

 

 

       Разумеется, что Вы можете раскрасит свой текст так как  Вам захочется, а используя материалы предыдущего урока подобрать и иную цветовую гамму для свей странички и ее частей. 

 

       На этом данный урок закончен. На следующем уроке продолжим совершенствовать наш сайт.

      Удачи Вам в обучении!

Динамичный сайт

Птицы мира

Звери мира Антилопа, волк, заяц, еж, лиса, медведь, тигр и другие...

Рыбы мира Белуга, Вьюн, Вобла, Горбуша, Голавль, Кета, Карась, Окунь, Пескарь и другие...

Новый эконом

Космос, вселенная Земля, Солнце, Луна, звезды, планеты, спутники и другое...

Растения мира, флора Акация, Астра, Аир, Анчар, Береза, Белена, Багульник и другие...

Легкая атлетика

Наша природа Объекты природы, явления природы, понятия природы и другое...

Здоровая пища
Анонсы, Абрикосы, Бананы, Виноград, Капуста, Картофель, Лук, Морковь и другие ...

Газета А589

Физкультура
Ходьба, бег, гинатика и другое для поддержания здоровья...

Здорово!
Состояние здоровья, поддержание и улучшение здоровья, лечение...

Работа, дело

Свой сайт
Изучение языков HTML, CSS, JavaScript, создание и размещение своего сайта...

Кафе "Одесса" Ярославль Завтраки, обеды, свадьбы, юбилеи, встречи друзей, поминки и другое...

Ярославские свадьбы Свадьбы в Ярославле, традиции, места проведения и другое...


Отряды птиц
Воробьиные, Веслоногие, Буревестники, Куриные...

Макроэкономика
Экономика государства, бюджет, налоги, пенсии, инфляция...

Школа спринта
Учись быстро бегать, тренировки...

Птицы на А и Б
Аист, Альбатрос, Авдотка, Бекас, Баклан, Буревестник...

Мегаэкономика
Международная экономика, разделение труда, сырья, капиталов...

Школа метателя
Техника, физиология, этапы и периоды подготовки, структура и примеры тренировок...

Основы экономики
Понятия, Законы, Аксиомы, Производство, Разделение труда, Обмен, Прибыль...

Школа прыгуна
Прыжок в длину, тройной, прыжок в высоту...

Работа
Выбор профессии, обучение, поиск, собеседование, карьерный рост...

Птицы на В и Г
Варакушка, Воробей, Ворона, Грач, Гриф, Гусь...

Школа многоборца
Виды легкой атлетики, этапы и периоды подготовки, структура и примеры тренировок...

Своё дело
Теория, практика, учет, финансы...


Эмблема сайта Сайт Строим сайт Скрипты Книги
счетчик посещений Рейтинг@Mail.ru Почта: nashocag@yandex.ru sait.a589.ru © 2017 "Сайт"