Рассылка закрыта
При закрытии подписчики были переданы в рассылку "Заметки Дизайнера" на которую и рекомендуем вам подписаться.
Вы можете найти рассылки сходной тематики в Каталоге рассылок.
В помощь начинающему web-мастеру
Информационный Канал Subscribe.Ru |
Главная | Статьи | Учебники | Рейтинг | Ссылки | Форум |
Webstudent.net.ru - Мы учимся вместе!
Рассылка начинающему web-мастеру.
Дата: 2004-01-30
Выпуск: 10 Количество подписчиков: 2270 Приветствую, уважаемые подписчики!
Сегодня в выпуске:
Новости:ВступлениеПрошу прощения за небольшую задержку выпуска - уж очень непростая неделька выдалась. Сейчас объясню в чем дело. Во-первых, окончание сессии (с чем я и спешу поздравить всех-всех студентов!), во-вторых, от нас ушел мой бывший, уже, соведущий Colorito. Так что теперь я вновь один. Он ушел, и "забрал" с собой раздел учебников. Дело в том, что он был его ведущим, и только он имел доступ к ftp-серверу с учебниками. После своего ухода он удалил с сервера все материалы, хотя и обещал мне этого не делать (Цитирую разговор в аське): "Что касается учебников, то их я не трону не из благородства к тебе, а из-за уважения к посетителям" Так что делайте выводы, какое у него "уважение". Так что, раздел заморожен и скачивание невозможно. Но мы его со временем восстановим. Огромное спасибо всем, кто написал мне отзыв о рассылке! Каждое письмо было внимательно прочитано и учтено! Извините, что не всем лично ответил - это просто нереально, т.к нет времени. Но я очень надеюсь что вы будете также писать мне и в дальнейшем, о каждом выпуске. Ведь все, в конечном счете, зависит от вас! Как показал опрос, абсолютное большинство не считают рассылку длинной, а даже скорее наоборот... Так что решим все просто: каждый читает что ему нужно да и все. Отдельное спасибо всем, кто поделился советом относительно контента рассылки и предложил помочь в написании статей! Если все получится, то вскоре мы сделаем раздел "Программирование" и еще кое-что занятное... ;-) И еще. Все ваши вопросы направляйте в форум, а не ко мне в ящик. Т.к там во-первых, народу больше сможет их посмотреть и ответить (и я тоже), а во-вторых, очень вероятно, что кто-то озадачен той же самой проблемой, так что и он найдет решение. Ладно, хватит слов, переходим к делу. Начнем с новостей сайта, благо есть что сказать. Во-первых, открыт новый раздел: Уроки PhotoShop Новые статьи: Утилита Semonitor и поисковая оптимизация Оценка XHTML .htaccess - великий и ужасный защитник всего живого К слову, в нашей базе уже больше 100 статей. Такой вот маленький юбилей =)
Неизвестное о формахАвтор: Михаил Дубаков Каждый HTML-кодер и веб-программист многократно в своей жизни создавал формы разных типов и назначений, и практически каждый не знает до конце всех элементов форм и что с ними можно делать. Это, естественно, не касается элементов INPUT и тому подобных, потому что не знающий их не является ни HTML-кодером, ни веб-программистом.
Отчасти прогресс в области самообразования сдерживался браузером Netscape 4. Кодеры смотрели на таблицу поддержки языка HTML браузером Netscape 4, сравнивали ее со спецификацией HTML 4.0, удрученно качали головами и откладывали вопрос изучения необычных свойств форм в долгий темный ящик своего новенького (или старенького) компьютерного стола. Но сейчас-то можно смело сдувать пыль с архивных документов, потому что браузер Netscape 4 мирно скончался. Нет, он конечно предпринимает попытки хоть на один лишний час удержаться в чартах, но решительные веб-разработчики уже не в силах терпеть его узких рамок и потрясающей нестабильности. Они устали от постоянных и в большинстве своем тщетных попыток искать окружные пути, чтобы старичок Netscape 4 не вешался при обработке сложной таблицы стилей. Короче, окончательные похороны уже не за горами, так что можно отбросить формальности и наконец-то заглянуть в спецификацию HTML 4.0, которую достаточно хорошо поддерживают браузеры MSIE 5+ и Netscape 6, но несколько хуже Opera 5+. Откроем ее на разделе "Формы" и внимательно изучим, что там такого незнакомого и полезного. А вот и первые элементы! FIELDSET Этот элемент позволяет группировать элементы форм. Данная группировка помогает пользователям проще ориентироваться в формах, то есть ему сразу становится понятно, что вот все эти элементы относятся именно к этой форме. Кроме того, можно эту группу еще и обозвать. Для этого используется элемент LEGEND Имеет атрибут ALIGN, который теоретически позволяет размещать название не только сверху, но он не работает ни в одном браузере. Самое прекрасное, что на элемент FIEDLSET можно писать стили, то есть вы можете сделать рамку любого цвета и так далее. Надо сказать, что элемент LEGEND помечен в спецификации HTML 4 как нежелательный, однако это достаточно странно. А вот добрались и до примера. Ниже приведена форма, которая заключена в элемента FIELDSET и называется "Ваш комментарий". <FORM> <FIELDSET style="border: 2px solid #000; padding: 10px; width: 200px"> <LEGEND>Ваш комментарий</LEGEND> <P>Вы можете разместить на сайте ваш комментарий, касающийся данной статьи</P> <TABLE> <TR><TD>Имя:</TD><TD><INPUT size=12></TD></TR> <TR><TD>E-mail:</TD><TD><INPUT size=12></TD></TR> <TR><TD>Страна:</TD><TD><SELECT> <OPTION selected>Беларусь </SELECT></TD></TR> <TR><TD COLSPAN=2>Комментарий:<BR><TEXTAREA ROWS=4 COLS6></TEXTAREA></TD></TR> <TR><TD COLSPAN=2><INPUT TYPE="submit" VALUE="отправить"></TD></TR> </TABLE> </FIELDSET> </FORM> Как видите, форма заключена в достаточно оригинальную рамку с названием, которую очень сложно сделать средствами CSS без использования элементов FIELDSET и LEGEND. Конечно, пользоваться ими надо с умом, потому что далеко не всегда форме нужна подобная рамка. А сейчас рассмотрим элемент, который вам уже должен быть знаком. BUTTON Данный элемент значительно расширяет функциональные возможности кнопок. Имеет атрибут TYPE, который может принимать значения submit, reset и button. Первые два значения и так ясно для чего, а вот третье предназначено для тех случаев, когда надо исполнять какой-нибудь скрипт. То есть на кнопку вешается событие OnСlick и вызывается нужная функция. Данный элемент не поддерживается браузером Operа 5+. Самое интересное, что внутри элемента BUTTON можно с успехом размещать другие HTML-элементы, так что можно сделать кнопку с текстом и рисунком. Вот так: <BUTTON TYPE="button"> Кнопочка <IMG SRC=/i/css/news.gif WIDTH=12 HEIGHT=12 BORDER=0 ALT="кнопочка не функционирует"> </BUTTON> Можно вместо рисунка запихать вовнутрь что вашей душе угодно, хоть таблицу, если вам это необходимо. <BUTTON TYPE="button"> <TABLE BORDER=1 CELLSPACING=0 WIDTH=200> <TR> <TD>нажми на кнопку</TD> <TD>получишь результат</TD> </TR> </TABLE> </BUTTON> OPTGROUP Который позволяет группировать пункты в элементе SELECT. В этом случае добавляются отступы и названия каждой группы, так что пользователю при выборе необходимого пункта ориентироваться гораздо проще. Название группы задается в атрибуте LABEL элемента OPTGROUP. Кстати, этот элемент браузером Opera 5+ опять же не поддерживается, так что можно с полной уверенностью сказать, что по реализации поддержки форм Opera является худшим браузером. Вот пример использования группировки: <form> <p>Справочники:</p> <select name="ask"> <optgroup label="HTML"> <option label="3.2">HTML 3.2 <option label="4.0">HTML 4.0 </optgroup> <optgroup label="CSS"> <option label="1">CSS-1 <option label="1">CSS-2 <option label="3">CSS-3 </optgroup> <option value="js">JavaScript <option value="dhtml">DHTML </select></p> </form> Более того, каждую группу с помощью CSS можно раскрасить в свой цвет! Делается это с использованием свойства background. Например, первую группу сделаем зеленой, а вторую желтой. <form> <p>Справочники:</p> <select name="ask"> <optgroup label="HTML" style="background: #090"> <option label="3.2" style="background: #090">HTML 3.2 <option label="4.0" style="background: #090">HTML 4.0 </optgroup> <optgroup label="CSS" style="background: #FF0"> <option label="1" style="background: #FF0">CSS-1 <option label="1" style="background: #FF0">CSS-2 <option label="3" style="background: #FF0">CSS-3 </optgroup> <option value="js">JavaScript <option value="dhtml">DHTML </select></p> </form> Итак, кое-что полезное о формах вы, надеюсь, узнали. Плохо то, что браузер Opera 5+ не поддерживает большинство из упомянутых здесь элементов, так пользователи этого браузера всей неземной красоты форм оценить не смогут. Но это исключительно их проблемы.
Использованы материалы:
getinfo.ru
Полезные советыЗащита страницы именем и паролем на php, без использования .htaccess. Один из вариантов защиты файла test1.php приведен ниже.:
© webHeim.com Задать межстрочный интервал, в типографии именуемый интерлиньяжем, можно легко с помощью таблиц CSS. Для этого необходимо воспользоваться свойством line-height. Параметры можно задать в пискселях, пунктах или процентах. Напомню, что браузер по умолчанию устанавливает межстройный интервал приблизительно 120% от размера шрифта. Напомню, что данные примеры кода необходимо вставить между тегами <style></style> в HEAD документа.
Задать межбуквенное расстояние (разреженность), не менее просто:
Создание буквицы средствами CSS тоже возможно. Помните старые детские книжки, где каждая глава сказки начиналась большой красивой буквой? Такое можно сделать и на сайте. Обычно, для создания сложной буквицы используют графику, но для вставки не очень замысловатой буквы подойдет и CSS:
Вставить дату с помощью php на страницу можно разными способами. Первый способ, краткий и наиболее часто используемый:
Если надо более сложный вывод даты, то и скрипт посложнее будет:
Напоследок, несколько терминов, расшифровка которых чаще всего вызывает затруднения у начинающих. ActiveX Плагин Хост Хит Router (Маршрутизатор) IP, Internet Protocol (Межсетевой протокол) На посошок...Наглядный пример визуальзации стихотворения. Забавно, но в приличном обществе недопустмо =) Игрушка, покорившая весь Рунет! ПИНГВИН!!! Для тех, кто в танке, поясняю: сюжет простой - надо ударить пингвина бейсбольной битой, так, чтобы он улетел как можно дальше! Original version. Ну что, соревнуемся кто дальше? Мой рекорд 325.5 метров ;-) Маленькая, но прикольная фенька: форма, которая читает ваши истинные мысли! рекомендую посмотреть, быть может узнаете о себе что-то новое...=) Анекдот выпуска: Туркменские физики-ядерщики в недоумении: какие бы опыты они не проводили, все равно в результате получается анаша. - Блин, я свою девушку прокормить не могу! А у нас на заводе есть примета - если главный инженер кричит - значит, опять собрали не мотор. Единственный врач, который считает, что у вас все в порядке, работает в военкомате. - Мама! Ну сколько раз тебе говорить, я не нахер, я - ХАКЕР! Последние темы форума:
На сегодня это все, встретимся в следующем выпуске рассылки! Удачи! P.S И не забывайте - мы учимся вместе! C уважением, Поликарпов Роман В начало выпуска © 2003, Поликарпов Роман aka Crystall По всем вопросам пишите на crystall@webstudent.net.ru
Все материалы данной рассылки охраняются законом об авторском праве!
|
Главная | Статьи | Учебники | Рейтинг | Ссылки | Форум |
http://subscribe.ru/
E-mail: ask@subscribe.ru |
Отписаться
Убрать рекламу |
В избранное | ||