HTML
ТЕХНОЛОГИИ
Стр. 1
Раздел
ведет Д. Бирюков
Страница
1
2
3
4
Советы
по созданию
собственной страницы.
Для тех - кто это
никогда не делал, или
делал, но у него ничего
не получилось.
1.
Возьмите
Microsoft
FrontPage Express,* (см .
примечание) если он у
Вас есть, если нет -
установите, или Microsoft
Word и - делайте свою
страницу!( В Word - надо
будет -"сохранить
как" и выбрать
формат Html.) Страница
делается довольно
просто, есть только
несколько тонкостей.
2.
Как расположить рядом
несколько рисунков и
текст под ними, так что
бы они не разьзжались
при разном разрешении
экрана? - Очень просто -
используйте таблицу!
Для наглядности я
показал таблицу, но ее
можно сделать и
нивидимой.
Таблицы
можно вставлять одну в
другую, и вообще они
позволяют делать
практически все. В
свойствах таблицы
можно задать рамку,
выравнивание,
заполнение, фон,
ширину (ее лучше
задавать в %, тогда
результат во всех
браузерах будет
примерно одинаковый)
Для подгонки текста и
рисунков используйте
файлы в формате .gif -
взяв одноцветный файл
и, при сохранении,
задать цвет
прозрачности - цвет
файла. Тогда он будет
невидим. В последствии
его можно
масштабировать
непосредственно в
редакторе. Для того,
что бы таблицу было не
видно - задайте
толщину линий =0.3.
4.
Как создать на одном
рисунке различные
ссылки - так, как это
сделано на многих
страницах. Для этого
готовый рисунок с
надписями необходимо
аккуратно порезать на
квадратики. Делать
это, как показал опыт,
лучше в Adobe Photoshop,
используя линейки и
направляющие. Не
забудьте изначально
прикинуть и записать
значения положения
направляющих на
исходном рисунке, в
файле они не
сохраняются. Линии
обрезки автоматически
притягиваются к
направляющим. После
этого готовый рисунок
вставляется в таблицу.
Естественно, все
значения - размер
рамки, заполнение
ячеек, расстояние
между столбцами -
должны быть равны
нулю. Минимальную
ширину не задавайте.
Кроме того, это
уменьшает скорость
загрузки рисунка из
интернета, что тоже
немаловажно.
Пример
(намеренно задана
ширина ячеек для
наглядности)
На картинки не жмите
:-)... А в прочем жмите :-)
*
ПРИМЕЧАНИЕ!
Не смотря на
многочисленные упреки
в адрес FrontPage Express - я
еще раз заверяю - да,
программа имеет кучу
недостатков, создает
множество лишних
записей в тегах Html,
увеличивает размер
файла HTML аж на10 % !, но! -
она всегда имеется в
наличии, (ее даже устанавливать
не надо) - и по
наглядности и
простоте - несравнима
с другими
профессиональными
редакторами.
Интерфейс программы
во многом схож с МС Word.
В
конце концов,
страницы, сделанные во
FrontPage Express - работают, а
что еще собственно
надо? Для начала
поработайте в нем, а
потом уже пользуйтесь
другими редакторами,
или, если Вам угодно -
пишите страницу в
блокноте. Главное
результат!
|