Главное и самое мощное средство в
формировании Web-страницы это таблицы.
Т.е. все, что располагается на
странице – рисунки, текст, должно
располагаться в ячейках таблиц. В
соответствии с задуманным внешним
видом страницы стройте таблицы с
нужным количеством ячеек.
Таблицы, как правило, делаются с
невидимыми для пользователя
границами (размер границы = 0). Таблицы
с различным числом ячеек можно
вкладывать друг в друга, располагать
рядом друг с другом. Но не
увлекайтесь вложениями, лучше иметь
больше таблиц , чем
число вложений больше 3 (от силы 4).
a)
О таблицах.
Вам надо знать, что ваши страницы
будут смотреть люди у которых
компьютеры обеспечивают разное
разрешение экрана: 640х480, 800х600, 1024х768, а
может даже больше и везде ваши
страницы должны выглядеть нормально.
Поэтому:
- не указывайте ширину таблиц в пикселях, а указывайте в процентах.
Так таблица шириной 100% будет
занимать полный экран при любом
разрешении без появления
горизонтального скроллинга. Ячейки
делите в нужном соотношении,
например 3 горизонтальные ячейки
шириной 20,60,20% - в сумме 100%.
- вложенные таблицы можно делать
шириной 100%, этот параметр будет
учитываться относительно ячейки,
куда вложена таблица.
Рисунки, конечно, имеют определенный
размер в пикселях, поэтому размещая
их в ячейках таблиц учитывайте, что
фактические размеры таблиц будут
меняться при различных разрешениях.
Т.е. если вы поместили три рисунка в
горизонтально смежных ячейках и
общая их ширина составляет 750
пикселей, то при разрешении 640х480
появится нижний скроллинг.
Рисунки
и текст чаще всего в ячейках
привязываются (т.е. ориентируются) –
верх, право, лево и т.п.
b) О тексте.
При написании текстов шрифт на
странице не надо задавать конкретно,
т.к. не у каждого пользователя может
быть установлен тот шрифт, которым вы
написали текст. Тип шрифта и его
размер лучше оставлять по-умолчанию
– “нормальный”. Если вам нужно
выделить какую либо фразу или слово
воспользуйтесь указанием признака “Заголовок
1 – Заголовок 6” (Heading 1-6).
Если вы знакомы с тэгами HTML, то
наверняка сможете изменить размер
шрифта с помощью тэга FONT SIZE= "+(-)N",
где N – число изменяющее размер
шрифта в ту или иную сторону от
нормального.
Например, <FONT
SIZE="-1">Проверка</FONT>,
слово Проверка будет
написано уменьшенным шрифтом.
Во Front Page опции шрифта “нормальный”
уже установлены по-умолчанию, но если
вы будете импортировать текст,
допустим из World, то не забудьте
поставить эти опции вручную, т.к. тип
шрифта и его размер перенесутся в Front
Page.
Со шрифтами, таблицами и вставкой
рисунков лучше поэкспериментировать
и вы быстро поймете суть дела.
Еще об одной вещи. Вы можете
создавать какие либо списки,
например:
- Автомобили
- Самолеты
- Корабли
- Локомотивы
Этим спискам можно задавать какие
либо стили (маркированный,
нумерованный, меню и т.п.), так вот
некоторые броузеры эти стили не
поддерживают. Поэтому, если у вас нет
возможности проверять страницы в
различных броузерах, то лучше с этим
не связывайтесь.
Продолжение
статьи - "Некоторые
практические советы - часть2".
|
