|
Делаем сайт Архангельска сами!
|
|
| ЮВ | Дата: Четверг, 2008-10-16, 17.33 | Сообщение # 196 |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| ОК Задачу мы выполнили. А именно, подумали, попробовали поразмыслили. Итак, возвращаемся к моим словам: Quote (ЮВ) Перво-наперво забубениваем туда блок, который будет выполнять практически одну функцию. Он задаст нам размер ширины страницы и выровнит все, что будет находиться в нем по центру. Действительно <div class="container"></div> - контейнер. А на хрена нам контейнер, если он будет пустым? Тем более, что задача его, помимо прочего "и выровнит все, что будет находиться в нем, по центру." Всё, что будет находиться в нем. И рисунок тоже. Рисунок у нас в блоке. Итак, помещаем блок с рисунком внутрь блока с классом "container"
<div class="container"><div class="logo"></div></div>
Так как браузеру до фонаря, как мы напишем блки так:
<div></div>
или так:
<div>
</div>
то для удобочитаемости, что бы не растягивать строку кода мы можем записАть так: <div class="container">
<div class="logo"></div>
</div> Повторюсь блок с классом "container" мы создали для того, что бы в этот блок пихать весь дальнейший наш код.
Такая верстка называется блочной. Или верстка с помощью дивов.
Мы могли бы создать таблицу в одну колонку и в две строки. Результат был бы то же, но код бы выглядел гораздо массивней и порождал бы следующие и следующие таблицы. Это была бы табличная верстка.
Так же существует еще смешанная верстка, т.е. верстка, где используются и блоки (дивы) и таблицы.
Вот именно такой смешанной версткой мы и будем пользоваться.
Если все ясно, то можно исправить код. Если есть вопросы, то жду :-)
Зачем же сразу морду бить? Давайте спорить!
Сообщение отредактировал ЮВ - Четверг, 2008-10-16, 17.41 |
| |
|
|
| Ирина_А | Дата: Четверг, 2008-10-16, 17.45 | Сообщение # 197 |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Всё ясненько. Картинка стала в рамочке.
http://www.archangelsk2008.ru/
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин© 
|
| |
|
|
| ЮВ | Дата: Четверг, 2008-10-16, 17.49 | Сообщение # 198 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Quote (Ирина) Всё ясненько. Картинка стала в рамочке. Главное, что картинка встала по центру экрана :-)
А для того, что бы продолжить и опять не тормознуться из-за мелочей. мне бы очень хотелось знать (пошагово), каким образом вы меняете код в файле и выставляете файл с обновленным кодом на сервер?
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
| Ирина_А | Дата: Четверг, 2008-10-16, 17.55 | Сообщение # 199 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Открываю ТС, в одном окне (где папка arh) открываю файл и меняю в нем, потом перетаскиваю его в соседнее окно (там предлагают "заменить" и я соглашаюсь). И всё.
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Четверг, 2008-10-16, 18.03 | Сообщение # 200 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Quote (Ирина) Открываю ТС, в одном окне (где папка arh) открываю файл и меняю в нем, Как открываете файл?
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
| Ирина_А | Дата: Четверг, 2008-10-16, 19.31 | Сообщение # 201 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Правой кнопкой "открыть с помощью" и выбираю блокнот.
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Четверг, 2008-10-16, 19.37 | Сообщение # 202 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Quote (Ирина) Правой кнопкой "открыть с помощью" и выбираю блокнот. Очень важно!
На клавиатуре и мышке - клавиши.
Кнопки - в меню различных программ и т.д.
--------------------
Что бы редактировать файл в блокноте достаточно установить на него курсор и нажать клавишу F4.
Зачем же сразу морду бить? Давайте спорить!
Сообщение отредактировал ЮВ - Четверг, 2008-10-16, 19.38 |
| |
|
|
| Ирина_А | Дата: Четверг, 2008-10-16, 19.41 | Сообщение # 203 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Как всё просто. Спасибо.
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Четверг, 2008-10-16, 19.52 | Сообщение # 204 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Создаем таблицу Итак, если мне не изменяет память, мы решили создать трехколоночный макет.
Для этого мы создадим таблицу из трех колонок (ячеек).
Итак, таблица состоит из самого контейнера таблицы:
<table>
</table> Из строк:
<table>
<tr>
</tr>
</table> и ячеек
<table>
<tr>
<td></td>
</tr>
</table> Нам нужно три столбца (ячейки)
Значит наша таблица будет выглядеть так: <table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table> Для того, что бы мы могли контролировать эту таблицу на экране (в браузере), для наглядности заполним ячейки, например, просто цифрами: <table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table> Теперь нам надо задать контейнеру таблицы (таблице) произвольный класс, а в файле style.css задать для этого класса параметры и значения. Ничего нового. Надо что бы таблица была шириной, естественно 980px и имела рамку черного цвета. Думаю это не составит для Вас труда :-)
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
| Ирина_А | Дата: Четверг, 2008-10-16, 20.46 | Сообщение # 205 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Я предполагаю, что вот так будет: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<TITLE>Архангельск</TITLE>
<LINK REL=STYLESHEET HREF="style.css" TYPE="text/css">
</HEAD>
<BODY>
<div class="container">
<div class="logo"></div>
</div>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</BODY>
</HTML> А как в файле style.css задать для этого класса параметры и значения-не знаю. Может так? .table
{
width:980px; margin:0 auto; /*
} 
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Четверг, 2008-10-16, 20.56 | Сообщение # 206 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Quote (Ирина) Я предполагаю, что вот так будет: Начнем опять говорить о
<div class="container"></div> ? Quote (Ирина) А как в файле style.css задать для этого класса параметры и значения-не знаю. Сдается мне, что знаете. Смотрим где и как мы задавали подобный класс и пишем тоже самое. Только имя класса меняем.
Зачем же сразу морду бить? Давайте спорить!
Сообщение отредактировал ЮВ - Четверг, 2008-10-16, 20.57 |
| |
|
|
| Ирина_А | Дата: Четверг, 2008-10-16, 21.27 | Сообщение # 207 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Что-то чем больше я думаю, тем меньше понимаю. Процесс торможения. 
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Четверг, 2008-10-16, 21.42 | Сообщение # 208 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Упрощаю формулировку.
<div class="container"></div> - это такая хрень, которая выравнивает ВСЁ содержимое нашей страницы по центру.
Отныне и во веки веков, мы все объекты (блоки, таблицы, рисунки и пр.) будем помещать в этот контейнер. По этой заповеди вопросы есть?
Если нет, то где мы должны поместить нашу таблицу?
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
| Ирина_А | Дата: Пятница, 2008-10-17, 18.17 | Сообщение # 209 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Ну слава Богу, а то у меня какие-то провалы в памяти. Понятно, помещаем таблицу в контейнер.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<TITLE>Архангельск</TITLE>
<LINK REL=STYLESHEET HREF="style.css" TYPE="text/css">
</HEAD>
<BODY>
<div class="container">
<div class="logo"></div>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</div>
</BODY>
</HTML>
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Пятница, 2008-10-17, 19.43 | Сообщение # 210 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Quote (Ирина) Ну слава Богу, а то у меня какие-то провалы в памяти. Понятно, помещаем таблицу в контейнер. Я горжусь тобой и собой :-)
Что делаем дальше?
Напоминаю ТЗ (техническое задание)
Ширина таблицы: 980px и рамка черного цвета.
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
