Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

В помощь начинающему web-мастеру


Информационный Канал Subscribe.Ru

Главная Статьи Форум Каталог программ Ссылки О сайте
  Webstudent.net.ru - Мы учимся вместе!
Рассылка начинающему web-мастеру.


Дата: 2004-08-02
Выпуск: 27
Количество подписчиков: 2854


Приветствую, уважаемые подписчики!
Сегодня в выпуске:

Новости:

(c) it4all
 И снова я граждане подписчики запозднился с рассылкой, приношу все свои извинения тем, кто заждался. Начнемс.

А новости у нас такие - в нашей "Мастерской по ремонту и изготовлению сайтов", в данный момент стоят сразу три ресурса.
1) Первый из них посвящен братьям ( или сестрам ;)нашим меньшим - кошкам, причем сибирской породы. Всех, кому не безразличны эти пушистые существа, милости просим принять участие в обсуждении Ветка "Помогите улучшить сайт"

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”), чтобы наблюдать чего творит программа.

Для придания тексту читабельности, я предпочитаю отделять абзацы друг от друга,
Для этого, в «Dreamweaver» нужно поставить курсор в начало абзаца и нажать ввод (тег «<p>»), а появившийся при этом ненужный тег «<br>» удалить. Простой перенос (тег «<br>») делается сочетанием клавиш “Shift+Enter”. Вообще тег “Параграф”(«<p>») весьма важен в редакторе, от него он отталкивается, когда вы вставляете в текст, заголовки, списки, выравнивание по краям и т.д., поэтому первым делом, рекомендую разбить текст на абзацы.

К примеру вам нужно создать из части текста список (нумерованный или не нумерованный), отделите его тегами «<p>», затем поставьте в начало предполагаемого списка курсор и нажмите соответствующую кнопку на панелях – начальный тег параграфа тут же заменится соответствующими тегами списка («<ul><li>»), а конечный тег параграфа на «</li>».
Теперь нажимайте ввод в конце каждого предложения, для обрамления их парой «<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”, после чего появится диалоговое окно, которое мы сейчас разберем.
Выпадающий список, пока оставьте в покое, сперва нужно определится с типом (“Type”) создаваемого стиля :

  • Класс (Make Custom Style) – это именованный набор параметров стиля, применяемый к любому тегу.
  • Переопределенный стиль тега (Redefine HTML Tag) – включает набор параметров, применимых только для выбранного тега.
  • Переключатель (Use CSS Selector) – определяются стили для одного тега или класса, в зависимости от его положения или события (более понятно на примерах далее).


Если вам нужно создать класс, то в поле «Name», введите его произвольное имя (не забудьте точку впереди). Рекомендую называть классы сообразно тому, к чему вы их применяете, или применительно к их функциям, к примеру: «class=top_menu», или «class=big_red_text».

Если решите сделать стиль для определенного тега, то в выпадающем списке предстанет их полный набор.

А вот набор переключателей ограничен по умолчанию только для тега "<a>" и выдает только различные положения для ссылок – активная, не активная, посещенная и событие - курсор над ссылкой ("hover").Если необходимо сделать это для определенного класса или “id” тега, то придется писать в поле его сложное имя вручную – “td#mainmenu a:hover" и к примеру задать его параметры "{background-color: #ffffff; color: #009933;}”
В данном примере применять его нужно так – “<td bgcolor="#F0B748" height="17" id="mainmenu" >”, тогда при наведении курсора на столбец с этим "id" будет меняться фоновый цвет и цвет его содержимого (текста или ссылки).

Едем дальше, раздел окна «Define In» (Поместить в..) , т.е. перед вами стоит выбор, либо создать отдельный файл со стилями, либо разместить таблицу стилей прямо в коде верстаемой страницы.

Определившись со всеми этими параметрами, жмем на”Ок” и попадаем в окно “Style defenition for ….”, содержащим кучу категорий и настроек, пройдемся и вкратце рассмотрим каждую из них (приправим это несколькими примерами).

.........................................................
(Остальная часть статьи , по выше указанному адресу)

Использованы материалы:
www.it4all.h10.ru/


Интересные программы.

Хмммм.... Куда то запропастилась наша "Меткая Лошадка" Джуди, поставлявшая нам софт вагонами и маленькими тележками. Не иначе, как какой-нибудь замечательный мужик вывез Джуди в Геленжик ;)
Но для тех, кто вдруг не был и не состоял, последняя вязанка ...........

Clean Disk Security v.7.31
Качественное удаление файлов и очистка диска от "мусора". Удаленные файлы не могут быть восстановлены различными undelete-ами, а возможность очистки всевозможных временных файлов (включая swap) позволяет надежно скрыть следы своей работы.
+ ftp://zizi:zizi@zizi.serveftp.com/cleend73.zip
852.00 KB Win 9*/ME/NT/2K/XP, Free, EN
Скачать : http://webstudent.net.ru/modules/mydownloads/visit.php?cid=74&lid=440

xStarter 1.41
Программа, предназначенная для автоматизации выполнения рутинных компьютерных операций.
1.35 MB Win 9*/ME/NT/2K/XP, Shareware, EN
Скачать : http://webstudent.net.ru/modules/mydownloads/visit.php?cid=74&lid=439

DVD Shrink 3.2
Что делать если фильм занимает больше 4,7 Гб?А вот , что))))
Программа DVD Shrink позволяет осуществлять копирование DVD-диска на жесткий диск со сжатием, а также возможностью удаления стартового меню, что в дальнейшем позволить сделать резервную копию фильма на стандартный 4,7 Гб DVD±R-диск, даже если до этого фильм занимал больший объем.
0 байт Win 9*/ME/NT/2K/XP, Free, EN
Скачать : http://webstudent.net.ru/modules/mydownloads/visit.php?cid=64&lid=438

Журнал Страна Игр выпуск 160
Вышла офф-лайн версия 160 номера популярного и очень интересного журнала Страна Игр, посвященного компьютерным играм и всему, что связанно с ними. В данном издании рассказывается все о новинках в компьютерном мире, публикуются обзоры компьютерных и видео игр, описание положительных и отрицательных сторон продукта и многое другое. Компьютерные и видеоигры представлены в равном объеме, 50 на 50. На страницах "СИ" вы найдете описания уже вышедших игр (review), публикации по готовящимся к выходу проектам (preview), прохождения и советы, новостной раздел, "железную" рубрику и многое другое.
223.00 KB Win 9*/ME/NT/2K/XP, Free, RU
Скачать : http://webstudent.net.ru/modules/mydownloads/visit.php?cid=36&lid=437

Lighthouse 3D Screensaver 1.0
Хранитель экрана для вас, а не вашего монитора
Основная задача хранителя экрана до недавнего времени заключалась в том, чтобы не давать "застаиваться" ЭЛТ-монитору, в настоящее время это уже не так актуально, т.к. все большее число ПК оснащается ЖК-мониторами. Как результат стали появляться хранители экрана, позволяющие расслабится после монотонной работы, что позволит вновь сконцентрировать свое внимание в дальнейшем.
Одним из таких хранителей экрана является Lighthouse 3D Screensaver, демонстрирующий трехмерные изображения на фоне релаксационной звуковой дорожки. Красота))))))
4.40 MB Win 9*/ME/NT/2K/XP, Free, EN
Скачать : http://webstudent.net.ru/modules/mydownloads/visit.php?cid=66&lid=436

Webshots Desktop 2.1.04586
Webshots Desktop - утилита, позволяющая создавать коллекции обоев для рабочего стола, задавать время их смены, а также скачивать дополнительные из обширнейшей базы. Помимо этого программа способна отображать на рабочем столе календарь и проигрывать полноэкранное слайд-шоу.
2.09 MB Win 9*/ME/NT/2K/XP, Free, EN
Скачать : http://webstudent.net.ru/modules/mydownloads/visit.php?cid=66&lid=435



Вопрос в рассылку

Уважаемые Гуру! Нам, новичкам, нужна Ваша помощь! Помогите нам, ведь это выгодно обоим сторонам: мы получаем желанные знания, а вы имеете уникальную возможность продемонстрировать свои знания и опыт. Ссылка на ваш сайт гарантирована!

Присылайте свои вопросы на адрес it4all@yandex.ru

Вопрос № 23.
Имеется домен: domain.ru и сайт на определенном хостинге. Внезапно я меняю хостинг, как мне прикрепить сайт на новом хостинге к уже имеющемуся домену.
Ответ от Photus : Имхо, все нормальные хостеры сами решат за тебя эту проблему :) .
Ответ от Jurgan (http://interfootball.net.ru): нужно попросить нового хостинга поднять зоны для домена, а
организации, содержащих твой домен поменять DNS на те, которые на
твоём новом хостинге

Вопрос № 24.
У меня на сайте установлена поисковая форма (есть форма по сайту, есть форма книжного магазина). Как мне сделать, чтобы результаты поиска выводились в отдельном окне?
Ответ от Алексей Голубев (http://www.frnet.narod.ru/):
Надо в теге <form>, который открывает форму поиска, поставить атрибут target="_blank" и результаты скрипта будут выводиться в новое окно.
Ответ от Igene Smith : В теге <form> указываешь свойство "target=_blank".
Ответ от Photus : Поставить в тег <Form .... target="_blank"> - кажись так.

Вопрос № 25.
1. У меня есть своя рассылка. Как её раскрутить (увеличить количество подписчиков) ?
2. Третий выпуск подряд пытаюсь сделать FAQ - побудить подписчиков присылать в рассылку свой вопросы и, соответственно, ответы на другие вопросы. Ни одного вопроса, ни одного ответа. Как быть в этой ситуации ?

Ответ от Photus : Обычно самый главный всплеск числа подписчиков вызывает появление в "Новостях Subscribe.Ru"(если ты сабскрайбе конечно). ЕСли оно уже было и количество подписчиков тебя не устраивает, то скорее всего тема у рассылки твоей неинтересная или ты неправильно составил "описание рассылки"(т.е. не вдохновило оно твоих потенциалных подписчиков).
А насчёт FAQ, ну активных подписчиков очень мало и почти уверен что подписчики твои плохо отнеслись к твоему предложению создавать FAQ. Надо заинтересовать сначала их твоим проектом, сделать что-то самому для его развития, даже не что-то а очень многое, только тогда у тебя появятся люди, которые будут тебе помогать.
Ответ от Алексей Голубев (http://www.frnet.narod.ru/) : Если у рассылки есть сайт, предложи присылать вопросы на нем. Если твоя рассылка находиться на Subscribe.ru, то в самом начале он появляется в бронзовых рассылках и никак не раскручивается. Отправь 4-5 выпусков и подай заявку о переведении твоей рассылки в разряд серебряных, тогда она появиться в аннонсах Subscrib'а.

Новый вопрос № 26
У меня есть сайт на платном хостинге. Имеет ли смысл для повышения
ИЦ сделать зеркала на бесплатных хостингах, где были бы множество
ссылок на основной сайт?

Ответить

Хочу задать вопрос!


Последние темы форума:

Форум Тема Ответов Просмотров Последнее сообщение
Мастерская по ремонту и изготовлению сайтов Сайт клана 10 27 01/08/2004 21:08 mauS
Web-строительство Помогите нарисовать банер 8 23 01/08/2004 17:50 Jurgan
Обсуждение сайтов Лого YMT 10 29 01/08/2004 13:43 it4all
Обсуждение сайтов оцените сайт плз 9 70 31/07/2004 16:53 Denniss
Обсуждение сайтов Оцените сайт 4 29 31/07/2004 16:48 Denniss
Обсуждение сайтов Какой из двух сайтов круче ? 19 52 31/07/2004 16:47 Aswang
Хостинг Ищу бесплатный хост с MySql!!!СРОЧНО!!! 4 57 31/07/2004 16:42 Denniss
Обсуждение сайтов Этот сайт был сделан за считанные часы! 6 27 31/07/2004 16:33 Aswang
Мастерская по ремонту и изготовлению сайтов Помогите доработать сайт, pls! 13 18 31/07/2004 14:34 synchro
Web-программирование Люди у кого нить есть Денвер 2? 1 27 31/07/2004 11:52 ast
   

На сегодня это все, встретимся в следующем выпуске рассылки! Удачи!
Самую свежую информацию всегда можно найти на нашем сайте - Webstudent.net.ru
Архив рассылки доступен по адресу:
http://subscribe.ru/archive/inet.webbuild.webstudent

P.S И не забывайте - мы учимся вместе!

C уважением, Поликарпов Роман


В начало выпуска


© 2003, Поликарпов Роман aka Crystall
По всем вопросам пишите на crystall@webstudent.net.ru

Все материалы данной рассылки охраняются законом об авторском праве!
Вы можете свободно использовать и распространять материалы, подписанные именем Поликарпова Романа, с указанием автора и активной ссылки на сайт (http://webstudent.net.ru/). Желательно уведомить меня по e-mail :)

Главная Статьи Форум Каталог программ Ссылки О сайте

http://subscribe.ru/
http://subscribe.ru/feedback/
Адрес подписки
Отписаться

В избранное