Рассылка закрыта
При закрытии подписчики были переданы в рассылку "Заметки Дизайнера" на которую и рекомендуем вам подписаться.
Вы можете найти рассылки сходной тематики в Каталоге рассылок.
| ← Август 2004 → | ||||||
|
1
|
||||||
|---|---|---|---|---|---|---|
|
3
|
4
|
5
|
6
|
7
|
8
|
|
|
9
|
10
|
11
|
12
|
13
|
14
|
|
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
|
30
|
31
|
|||||
Статистика
-2 за неделю
В помощь начинающему web-мастеру
| Информационный Канал Subscribe.Ru |
| Главная | Статьи | Форум | Каталог программ | Ссылки | О сайте |
| Webstudent.net.ru - Мы учимся вместе!
Рассылка начинающему web-мастеру.
Дата: 2004-08-02
Выпуск: 27 Количество подписчиков: 2854 Приветствую, уважаемые подписчики!
Сегодня в выпуске:
Новости:(c) it4all 2) Далеее предлагается вам внести лепту в изменение вида сурьезного ресурса под названием "Интернет-Бизнес". 3) Ну а на последок предлагаем вам горы трупов (по сходной цене =),
развалины, драконы и орки - полным ходом идет создание устрашающего
сайта клана "Разрушителей".
Многие присылают письма в которых указаны ссылки на их сайты, это обстоятельство
навело меня на мысль - а не организовать ли нам в рассылке новую рубрику
"Обьявления о обмене ссылками". Это не моя рассылка,
но думаю ваши письма с данными об обмене - адрес сайта, его тематика,
ваш емаил для контакта и формат обмена (кнопка или текстовая ссылка,
на гланой странице сайта или в спец. разделе), заставят Поликарпова
Романа, продолжать это дело и далее. Ресурс "Информационные технологии для всех" - http://www.it4all.h10.ru/ Обменяюсь ссылками с сайтами , схожими по тематике с моим (компьютеры ,ПО,интернет, программирование, вэб-дизайн и т.д.). Предложения по адресу - it4all@yandex.ru?subject=exchange Формат обмена - текстовая ссылка на главной сайта или любая в разделе "Желтые страницы" Продолжаем цикл статей по созданию сайта с нуля. Все замечания и предложения сюда: it4all@yandex.ru
Практика web-дизайна. Часть шестая.Полная версия статьи : http://www.it4all.h10.ru/int.php?cat=intro&num=10Автор: it4all Теперь пришла пора заняться самым важным - заполнить дизайн информацией. Конечно, нельзя однозначно сказать, что до сих пор, мы не заполняли сайт информацией, ибо графическое оформление, созданное в тематическом стиле, уже дает пользователю львиную долю информации, о посещенном им ресурсе. Но все же главное, за чем идет на сайт пользователь, это информационное наполнение сайта – контент. «Dream-weaver» предоставляет достаточно возможностей для работы с текстом (их мы и рассмотрим в этой статье), единственное, чего не может эта программа верстки (по крайней мере, я ничего не слышал об этом) так это проверить орфографию и грамматику. Отсюда следует, что набирать текст и расставлять запятые, нужно пользуясь обычным текстовым редактором, имеющим проверку орфографии. Только утруждать себя выделением заголовков, красной строкой, различного типа списками и прочими атрибутами форматирования текста не нужно, при копировании его в «Dream-weaver», все ваши старания пропадут даром. Приводить его в порядок, так сказать придавать тексту читабельность нужно непосредственно в верстаке, у которого есть свои особенности для этих целей. Я думаю не нужно особо уточнять, что для форматирования текста он обрамляется соответствующими тегами, поэтому в «Dream-weaver» есть инструменты, позволяющие существенно облегчить эту рутинную процедуру. На панели инструментов «Insert» (в версии МХ) есть вкладка “Text” , которая содержит все необходимое для этого, также на панели “Properties” есть кнопки дублирующие функции вышеописанной вкладки, еще в нашем распоряжении большой набор клавишных сочетаний. Рекомендую переключится в положение просмотра кода и дизайна (“Show Code and De-sign View”), чтобы наблюдать чего творит программа. Для придания тексту читабельности, я предпочитаю отделять абзацы друг
от друга, К примеру вам нужно создать из части текста список (нумерованный или
не нумерованный), отделите его тегами «<p>», затем поставьте в
начало предполагаемого списка курсор и нажмите соответствующую кнопку
на панелях – начальный тег параграфа тут же заменится соответствующими
тегами списка («<ul><li>»), а конечный тег параграфа на
«</li>». Тоже самое для создание заголовков – отделить нужные для заголовка слова тегами (сочетание «Ctrl+Shift+p») «<p>Заголовок</p>”, затем выбрать на панели “Properties” нужный размер заголовка, теги параграфа зразу трансформируются в комбинацию «<h1>Заголовок</h1>». Если не отделить заголовок от абзаца, теги «Heading» оформят весь абзац или весь текст. Для выравнивания текста по левому или правому краям, а также для растягивания по ширине, редактор добавляет к тегу параграфа атрибут «align» (“left, right, justify”). А вот для придания словам выделения жирным шрифтом (“<b>***</b>”), цвета и размерности (“<font color="#FF0000" size="4">”), достаточно просто выделить нужные слова и выбрать, соответствующие опции на панелях, описанных выше. Раздел про пользование CSS-стилями, я откровенно не хотел писать, ибо в сети огромное количество статей на эту тему, но как показали последние «работы» в нашем форуме, видимо придется добавить еще одну каплю в море. Элементарный пример – ели нужно, чтоб все страницы сайта выглядели одинаково, т.е. имели один тип шрифта, его размер, одинаково оформленные ссылки и заголовки и прочее, можно конечно все это оформлять вручную (приготовьте тазик теплой воды с марганцовкой, ибо гемморой вам обеспечен), а можно создать файл, в котором прописать все необходимые параметры для тегов, или создать классы, и затем просто подлинковать («<link href="/css/style.css" rel="stylesheet" type="text/css">») его к нужной странице. В «Dream-weaver» нажмите сочетание «Shift+F11», и попадете в окошко
“CSS Styles”, оно пока пустое и нужно его заполнить. Для этого жмем
на кнопку “New CSS Style”, после чего появится диалоговое окно, которое
мы сейчас разберем.
Если решите сделать стиль для определенного тега, то в выпадающем списке предстанет их полный набор. А вот набор переключателей ограничен по умолчанию только для тега "<a>"
и выдает только различные положения для ссылок – активная, не активная,
посещенная и событие - курсор над ссылкой ("hover").Если необходимо
сделать это для определенного класса или “id” тега, то придется писать
в поле его сложное имя вручную – “td#mainmenu a:hover" и к примеру
задать его параметры "{background-color: #ffffff; color: #009933;}” Едем дальше, раздел окна «Define In» (Поместить в..) , т.е. перед вами стоит выбор, либо создать отдельный файл со стилями, либо разместить таблицу стилей прямо в коде верстаемой страницы. Определившись со всеми этими параметрами, жмем на”Ок” и попадаем в окно “Style defenition for ….”, содержащим кучу категорий и настроек, пройдемся и вкратце рассмотрим каждую из них (приправим это несколькими примерами). ......................................................... Использованы материалы:
Интересные программы.Хмммм.... Куда то запропастилась наша "Меткая Лошадка" Джуди, поставлявшая нам софт вагонами и маленькими тележками. Не иначе, как какой-нибудь замечательный мужик вывез Джуди в Геленжик ;)Но для тех, кто вдруг не был и не состоял, последняя вязанка ........... Clean Disk Security v.7.31 xStarter 1.41 DVD Shrink 3.2 Журнал Страна Игр выпуск 160 Lighthouse 3D Screensaver 1.0 Webshots Desktop 2.1.04586
Вопрос в рассылкуУважаемые Гуру! Нам, новичкам, нужна Ваша помощь! Помогите нам, ведь это выгодно обоим сторонам: мы получаем желанные знания, а вы имеете уникальную возможность продемонстрировать свои знания и опыт. Ссылка на ваш сайт гарантирована! Присылайте свои вопросы на адрес it4all@yandex.ru Вопрос № 23. Вопрос № 24. Вопрос № 25. Новый вопрос № 26 Последние темы форума:
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
На сегодня это все, встретимся в следующем выпуске рассылки! Удачи!
Самую свежую информацию всегда можно найти на нашем сайте - Webstudent.net.ru
Архив рассылки доступен по адресу:
http://subscribe.ru/archive/inet.webbuild.webstudent
P.S И не забывайте - мы учимся вместе!
В начало выпуска
По всем вопросам пишите на crystall@webstudent.net.ru
Все материалы данной рассылки охраняются законом об авторском праве!
Вы можете свободно использовать и распространять материалы, подписанные именем Поликарпова Романа, с указанием автора и активной ссылки на сайт (http://webstudent.net.ru/). Желательно уведомить меня по e-mail :)
| Главная | Статьи | Форум | Каталог программ | Ссылки | О сайте |
| http://subscribe.ru/
http://subscribe.ru/feedback/ |
Адрес подписки |
Отписаться |
| В избранное | ||
