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

Сайт

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

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

Как заполнить таблицу? №2



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

 


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

 

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

       Разумеется, что в нашей таблице нас не очень устраивает то, что текст везде прилипает к рамкам, а это мешает удобству его прочтения. Для того, чтоб этого не было, просто для этой таблицы устанавливаем необходимые отступы от границ ячеек. Это делается при помощи установки вместо cellpadding="0"  на  cellpadding="10" , что означает отступы в 10 пикселей. Теперь наша таблица будет выглядеть уже иначе:

 

 

       Весь текст в таблице отодвинулся от рамок (на 10 пикселей). Далее фразу "Меню сайта" , основной текст и фразу "сегодня в мире" выполним с отступом (с красной строкой). Это можно сделать разными способами, например, просто при помощи пробелов. Пробелы создаются так:  в режиме "конструктора"  устанавливаем курсор перед началом слова, которое надо подвинуть, и затем нажимаем на пробел столько раз, на сколько  знаков требуется отодвинуть начало абзаца. В нашем случае нажмем пробел по 5 раз в начале каждого абзаца. Открыв "код" странички обнаружим, что редактор FrontPage в начале каждого абзаца вставил по 4 знака "&nbsp" (пробел).

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

 

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

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

 

 

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

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

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

Птицы мира

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

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

Новый эконом

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

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

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

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

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

Газета А589

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

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

Работа, дело

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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