Сравнительная характеристика инструментов для web-дизайна
| Категория реферата: Рефераты по информатике, программированию
| Теги реферата: шпаргалки по праву, диплом государственного образца
| Добавил(а) на сайт: Созон.
Предыдущая страница реферата | 2 3 4 5 6 7 8 9 10 11 12 | Следующая страница реферата
[pic]
Кроме параграфа мы еще и парочку тегов a:link и a:hover изменим. Эти теги
отвечают за внешний вид ссылки в стандартном состоянии и в состоянии при
наведенной на нее мышки.
Зададим цвет ссылок (белый) и при наведении сделаем изменение Decoration с
none на underline.
[pic]
Пришло время указать ссылки на основные страницы нашего сайта. Делается это
просто - выделяете нужный текст (если это одно слово, то можно просто пару
раз щелкнуть по нему мышкой) и пишете в свойствах сслылку.
[pic]
Самих файлов у нас пока (реально на диске) нет, по-этому мы именно пишем
нужные нам названия (а не ищем их на диске).
[pic]
Наша последняя задача - облегчить установку и изменение (по необходимости)
нашего меню. Ее можно решить при помощи удобного инструмента DreamWeaver
под названием "библиотека" (library). Где она находится вы видите на
рисунке слева.
[pic]
В появившемся окне выбираем создать новый элемент (наше меню должно быть
целиком выделено!). Сразу же вылетает предупреждение о том, что мы
применяем к элементу меню особые стили, и он может не отображаться
корректно на других страничках. Не пугайтесь, все в порядке, просто
нажимайте OK.
[pic]
Все, осталось только назвать наш элемент поудобнее и при необходимости
вставлять его в любой документ при помощи кнопки Insert.
Кстати, все изменения, которые мы будем вносить в наш элемент будут
автоматически вноситься во все страницы на которых он используется.
5.8. Особенности форматирования текста в DreamWeaver
После указания имени вашего стиля (или выбора стандартного стиля для
переназначения) вы оказываетесь в "настройках" стиля. Делается здесь все
довольно просто, за изменениями вы можете наблюдать в режиме realtime
(правда с некоторыми оговорками).
На первой закладке мы определяем, как будет выглядеть отдельная буква
нашего текста:
1. Указываем шрифт, которым будет писаться текст. Обратите внимание, что вы можете либо указать конкретный шрифт, хоть FreeSet, но нет шансов, что он есть у пользователя на машине (а раз его нет - отображаться страничка будет не так). Так что рекомендую пользоваться конструкциями, предлагаемыми самим DreamWeaver - например, Verdana,
Arial, Helvetica, sans-serif. В этом случае сначала будет искаться шрифт Verdana - не нашли, тогда Arial, нет такого? Тогда Helvetica, ну а если и ее нет - тогда любой шрифт без засечек - гротеск.
2. Указываем размер шрифта - по сравнению с возможностями HTML тут все просто здорово. Размер можно указать практически в чем угодно, начиная от % и заканчивая пикселями и пунктами
3. Здесь настраивается степень "веса" буквы или, проще говоря, его толщина. Вариантов как видите тоже немало.
4. Стиль написания - наклонный (италлик), стандартный (normal)
5. Вариации написания - например, весь текст набран только строчными или только заглавными буквами
6. Высота базовой линии шрифта в пунктах, поинтах или любых других величинах
7. Какими буквами мы пользуемся - большими, маленькими или стандартно и теми и другими
8. Различный декор - подчеркивание, мигание и прочее
9. Цвет текста.
Обратите внимание на пункты помеченные *. На этой и на других панелях эта
звездочка означает, что данный вариант не отображается визуально в
DreamWeaver (т.е. в браузере надо проверять)
[pic]
На данной закладке мы производим настройки фона. Фона всей странички или
только заданного абзаца текста - это уж как вы стиль решили создавать.
1. Цвет фона (выбираете вариант из стандартных 256 цветов или создаете свой цвет)
2. Файл с фоновым изображением
3. Настройка повторения (размножения) фонового изображения по странице, например, можно задать, чтобы изображение копировалось только по оси X
4. Здесь указывается как ведет себя фоновое изображение при прокрутке страницы - прокручивается вместе с ней или стоит на месте
5. Указание горизонтальной позиции начала фона
6. Указание вертикальной позиции начала фона
Сразу замечу, что пунктами 3 и 4 надо пользоваться "с оглядкой" - т.е.
проверять во всех необходимых версиях браузеров на совместимость - иначе, может получиться расхождение в отображении...
[pic]
Пункт block служит для настроек параметров блока текста (т.е. здесь речь
идет уже не об отдельных буквах как в пункте Type).
Рекомендуем скачать другие рефераты по теме: методы изложения, сочинение евгений онегин.
Категории:
Предыдущая страница реферата | 2 3 4 5 6 7 8 9 10 11 12 | Следующая страница реферата