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

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


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

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


Дата: 2004-01-30
Выпуск: 10
Количество подписчиков: 2270


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

Новости:

Вступление

Прошу прощения за небольшую задержку выпуска - уж очень непростая неделька выдалась. Сейчас объясню в чем дело.

Во-первых, окончание сессии (с чем я и спешу поздравить всех-всех студентов!), во-вторых, от нас ушел мой бывший, уже, соведущий Colorito. Так что теперь я вновь один. Он ушел, и "забрал" с собой раздел учебников. Дело в том, что он был его ведущим, и только он имел доступ к ftp-серверу с учебниками. После своего ухода он удалил с сервера все материалы, хотя и обещал мне этого не делать (Цитирую разговор в аське): "Что касается учебников, то их я не трону не из благородства к тебе, а из-за уважения к посетителям" Так что делайте выводы, какое у него "уважение". Так что, раздел заморожен и скачивание невозможно. Но мы его со временем восстановим.

Огромное спасибо всем, кто написал мне отзыв о рассылке! Каждое письмо было внимательно прочитано и учтено! Извините, что не всем лично ответил - это просто нереально, т.к нет времени. Но я очень надеюсь что вы будете также писать мне и в дальнейшем, о каждом выпуске. Ведь все, в конечном счете, зависит от вас!

Как показал опрос, абсолютное большинство не считают рассылку длинной, а даже скорее наоборот... Так что решим все просто: каждый читает что ему нужно да и все. Отдельное спасибо всем, кто поделился советом относительно контента рассылки и предложил помочь в написании статей! Если все получится, то вскоре мы сделаем раздел "Программирование" и еще кое-что занятное... ;-)

И еще. Все ваши вопросы направляйте в форум, а не ко мне в ящик. Т.к там во-первых, народу больше сможет их посмотреть и ответить (и я тоже), а во-вторых, очень вероятно, что кто-то озадачен той же самой проблемой, так что и он найдет решение.

Ладно, хватит слов, переходим к делу. Начнем с новостей сайта, благо есть что сказать.

Во-первых, открыт новый раздел: Уроки PhotoShop
Там мы будем представлять уроки и трюки с подробным описанием и иллюстрациями. Уже представлено 12 трюков!

Новые статьи:

Утилита Semonitor и поисковая оптимизация
Рассказ об очень полезной утилите для веб-промоутера. Широкие возможности работы программы с поисковыми системами позволяет бысто и точно определить эффект того или иного рекламного хода. Полезно.

Оценка XHTML
В этой статье автор выражает свой взгляд на язык, который W3C разработало под видом улучшения HTML: XHTML. Согласитесь вы с ним или нет, в любом случае статья заставит вас задуматься и поможет принять решение.

.htaccess - великий и ужасный защитник всего живого
С помощью этого чудесного файла можно изменять настройки Apache применительно к конкретным папкам конкретного пользователя. На самом деле далеко не всегда этот файл так называется, и работать он будет тоже далеко не всегда. Разобраться во всем поможет данная статья.

К слову, в нашей базе уже больше 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
Поддерживается браузерами: MSIE 4+, Netscape 6, Opera 5+.

Этот элемент позволяет группировать элементы форм. Данная группировка помогает пользователям проще ориентироваться в формах, то есть ему сразу становится понятно, что вот все эти элементы относятся именно к этой форме. Кроме того, можно эту группу еще и обозвать. Для этого используется элемент

LEGEND
Поддерживается браузерами: MSIE 4+, Netscape 6.

Имеет атрибут 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>

Ваш комментарий

Вы можете разместить на сайте ваш комментарий, касающийся данной статьи

Имя:
E-mail:
Страна:
Комментарий:

Как видите, форма заключена в достаточно оригинальную рамку с названием, которую очень сложно сделать средствами CSS без использования элементов FIELDSET и LEGEND. Конечно, пользоваться ими надо с умом, потому что далеко не всегда форме нужна подобная рамка.

А сейчас рассмотрим элемент, который вам уже должен быть знаком.

BUTTON
Поддерживается браузерами: MSIE 5+, Netscape 6.

Данный элемент значительно расширяет функциональные возможности кнопок. Имеет атрибут 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
Поддерживается браузерами: MSIE 6, Netscape 6.

Который позволяет группировать пункты в элементе 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 приведен ниже.:
<?PHP // include this file where you want to limit access. $username = "test"; // здесь задан логин для доступа - слово "test" $password = "test"; // здесь задан пароль доступа function authenticate() { Header( "WWW-authenticate: basic realm="Protected""); Header( "HTTP/1.0 401 Unauthorized"); echo "Введите правильное имя и пароль "; exit; } function CheckPwd($user,$pass) { global $username,$password; return ($user != $username || $pass != $password) ? false : true; } if(!isset($PHP_AUTH_USER)) { authenticate(); } elseif(!CheckPwd($PHP_AUTH_USER,$PHP_AUTH_PW)) { authenticate(); } ?> <html> <head> <title>OK</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body bgcolor="#FFFFFF" text="#000000"> Страница, которая защищена паролем здесь! </body> </html>

© webHeim.com

Задать межстрочный интервал, в типографии именуемый интерлиньяжем, можно легко с помощью таблиц CSS. Для этого необходимо воспользоваться свойством line-height. Параметры можно задать в пискселях, пунктах или процентах. Напомню, что браузер по умолчанию устанавливает межстройный интервал приблизительно 120% от размера шрифта. Напомню, что данные примеры кода необходимо вставить между тегами <style></style> в HEAD документа.

P {line-height: 14px} // задает абзацу межстрочный интервал в 14 пикселей P {line-height: 20pt} P {line-height: 160%}

Задать межбуквенное расстояние (разреженность), не менее просто:

P { letter-spacing: 5px} // увеличивает расстояние на 5 пикселов P { letter-spacing: -3px} // уменьшает расстояние на 3 пиксела

Создание буквицы средствами CSS тоже возможно. Помните старые детские книжки, где каждая глава сказки начиналась большой красивой буквой? Такое можно сделать и на сайте. Обычно, для создания сложной буквицы используют графику, но для вставки не очень замысловатой буквы подойдет и CSS:

P:first-letter {font-size:60px; COLOR: #FF0000}

Вставить дату с помощью php на страницу можно разными способами. Первый способ, краткий и наиболее часто используемый:

Сегодня <?php echo date("d.m.Y"); ?>

Если надо более сложный вывод даты, то и скрипт посложнее будет:
<?php // задаем массив дней недели $weekday = array( "воскресенье","понедельник","вторник", "среда","четверг","пятница","суббота" ); // задаем массив названий месяцев $months = array( "января","февраля","марта","апреля","мая", "июня","июля","августа","сентября","октября","ноября","декабря" ); list($wday,$mday,$month,$year) = split("( )",date("w j n Y")); $month -= 1; $this_day = "$weekday[$wday], $mday $months[$month] $year"; echo ("Сегодня $this_day года"); ?>

Напоследок, несколько терминов, расшифровка которых чаще всего вызывает затруднения у начинающих.

ActiveX
Разработанная фирмой Microsoft технология, позволяющая браузеру без вспомогательных программ читать сложные документы, файлы мультимедия и элементы пользовательского интерфейса. Ранее эта технология была известна как OLE.

Плагин
Модуль, подулючаемый к какой-либо системе. Обычно, добавляет новые возможности и функции.

Хост
Посещение уникальным пользователем вебсайта. Обычно, уникальным считается посетитель с уникальным IP-адресом в течении 24 часов.

Хит
Просмотр страницы пользователем. Наример, если один и тот же человек посмотрит на сайте 3 страницы, то это будет один хост (уникальный посетитель) и 3 хита, т.е 3 просмотра страниц.

Router (Маршрутизатор)
Аппаратное или програмное средство для организации информационных потоков между сетями.

IP, Internet Protocol (Межсетевой протокол)
Стандарт, определяющий организацию коммуникаций в Inernet.


На посошок...

Наглядный пример визуальзации стихотворения. Забавно, но в приличном обществе недопустмо =)
скачать>>>

Игрушка, покорившая весь Рунет! ПИНГВИН!!! Для тех, кто в танке, поясняю: сюжет простой - надо ударить пингвина бейсбольной битой, так, чтобы он улетел как можно дальше! Original version. Ну что, соревнуемся кто дальше? Мой рекорд 325.5 метров ;-)
скачать>>>

Маленькая, но прикольная фенька: форма, которая читает ваши истинные мысли! рекомендую посмотреть, быть может узнаете о себе что-то новое...=)
смотреть>>>

Анекдот выпуска:

Туркменские физики-ядерщики в недоумении: какие бы опыты они не проводили, все равно в результате получается анаша.

- Блин, я свою девушку прокормить не могу!
- Так пропей....

А у нас на заводе есть примета - если главный инженер кричит - значит, опять собрали не мотор.
- А что собрали?!
- А вот что кричит, то и собрали...

Единственный врач, который считает, что у вас все в порядке, работает в военкомате.

- Мама! Ну сколько раз тебе говорить, я не нахер, я - ХАКЕР!


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

Форум Тема Ответов Просмотров Последнее сообщение
Обсуждение сайтов Дом МТ - Дизайн МТ 1 3 30/01/2004 17:18 Crystall
Web-программирование Помогите с mysql and php 2 7 30/01/2004 1:34 Lenchik
Флейм Властелин Колец 3 0 1 30/01/2004 1:04 Crystall
Web-строительство Изменение прозрачности на javascript 1 8 30/01/2004 0:56 Crystall
Web-строительство Мужики, нужна помощь !!! 0 4 29/01/2004 16:43 Tschudo

На сегодня это все, встретимся в следующем выпуске рассылки! Удачи!
Самую свежую информацию всегда можно найти на нашем сайте - 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/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное