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

"Свой сайт - это просто! Создание, продвижение, SEO"

Подписаться Бесплатная «Серебряная» новостная рассылка Подписчиков 13.133 RSS
←   Март 2004   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://www.00am.ru
Открыта: 14-09-2003
Адрес автора: inet.webbuild.prostosait-owner@subscribe.ru

Автор
SuZZuS

Статистика

13.133 подписчиков
0 за неделю
←   Все выпуски   →

Свой сайт - это просто! Пособие для чайников. Выпуск 29


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

Свой сайт - это просто!
Пособие для чайников.
■ Главная
■ Статьи
■ Полезное
 □ Картинки
 □ Словарь
 □ Рассылка
 □ Скрипты
 □ Книги
■ Программы
 □ Для сайта
 □ Для Windows
■ Юмор
■ Услуги
■ Ссылки
■ Связь
 □ Написать
  □ Гостевая

Архив рассылки
Тираж этого выпуска 
 11 920
Выпуск 29

"Фреймы"

Здравствуйте, уважаемые читатели!

Вот и наступила весна! Все-таки пустячок, а как приятно!

Во-первых, хочу поздравить читателей с двумя замечательными праздниками - прошедшим 23 февраля и наступающим 8 марта!

Желаю вам всего-всего самого наилучшего, пусть все ваши ожидания оправдаются, а мечты сбудутся!

А в сегодняшнем выпуске мы поговорим о фреймах. В одном из предыдущих выпусков, в разделе "Вопросы для продвинутых" уже мелькал вопрос "Что такое фрейм?". Действительно, что же это за штука такая?

Сначала немного теории.
Определение из Толкового словаря :

Фреймы (Frames) - элементы HTML, появившиеся в броузерах версий 3.0. Позволяют разделить страницу на несколько независимых окон и в каждом из них размещать свою собственную WEB-страничку. Возможна ссылка из одного окна в другое. Применяется в основном для организации постоянно находящихся на экране меню, в то время как в другом окне располагается непосредственно сама информация.

Понятно? По-моему, не очень :) Но надо же закончить теоретическую часть!

Отрывок из статьи о фреймах, присланной DJ.Glance'ом (http://barhan.poltava.ua/dj)

Фреймы прекрасно подходят для оформления следующих элементов:

-        Оглавление. Если поместить на Web-страницу оглавление в виде вертикального столбца (обычно во фрейме, расположенном слева), то пользователи смогут обратиться к нему в любой момент, и им не нужно будет возвращаться к предыдущей странице, чтобы выбрать другой пункт оглавления;

-         Неподвижные элементы интерфейса. Можно «закрепить» на экране графику, логотипы и другие, неподвижные по замыслу, элементы, в то время, как остальная часть страницы будет прокручиваться во фрейме;

-        Формы и результаты. С помощью фреймов можно создать форму в одном фрейме, а в другом отобразить результаты запроса.

Уже кое-что проясняется, правда? И как привлекательно звучит! Не надо обновлять каждую страницу, достаточно обновить одну, фрейм - и все дела!

Но у каждой медали есть обратная сторона. О ней мы поговорим несколько позже.

Что бы у вас не возникло ложных надежд, сразу скажу, что фреймами лучше не пользоваться. Таково мое мнение :) А будете вы ими пользоваться или нет, решайте сами! 

Может быть, хватит теории? Конечно-конечно, я могу вам еще и историю создания, совершенствования и чего-нибудь еще там о фреймах сказать, только зачем? Тем более, что вы скорее всего не дочитаете выпуск до конца, безжалостно прокрутив его до толкового словаря и анекдотов... 
Так что взвесив все "за" и "против", я перехожу к практической части выпуска., а именно к созданию фреймов.

Как создавать фреймы в HTML, я расскажу вам в конце выпуска,а сейчас - о создании фреймов в программе FrontPage.

Выбираем функцию Файл - Новый (File - New). Затем нажимаем вкладку Страницы фреймов (Pages of the frames).

http://websuper1.narod.ru/041.jpg

Мне, например, понравилась Header, Flooter and Contents (Заголовок, Оглавление и Содержимое)
Нажимаем дважды и...

http://websuper1.narod.ru/042.jpg

В каждом фрейме есть две кнопочки - создать новую страницу или вызвать ее из файла.

Можно выделить отдельный фрейм щелчком мыши по нему. Он должен выделиться темно-синем цветом. Затем, если нажать на правую кнопку мыши, появляется кнопка Свойства фрейма. Нажав по ней, можно изменять внешний вид фрейма по своему усмотрению.

Ну что же, можно переходить к созданию фреймов в HTML. Что легче, решайте сами. 

Что бы создать фреймовую страницу, нам потребуется тег <FRAMESET> и, соответственно, закрывающий - </FRAMESET>

Приведу пример фреймовой страницы в HTML 
(в сокращении)

<html>
<head>
<title>Заголовок страницы</title>
</head>

<FRAMESET>
Содержимое страницы, фреймы.
</FRAMESET>

</html>

Заметьте, что тег <body> отсутствует! Его полностью заменяет тег <frameset>.

Теперь поподробнее о самом теге <FRAMESET> и его атрибутах.

Существует всего два вида фреймов - вертикальные и горизонтальные. Для каждого вида имеется свой атрибут:

COLS - для вертикальных, и

ROWS - для горизонтальных.
Оба они могут принимать значение в пикселах или в процентах.  Значение "*" говорит о том, что конкретный фрейм занимает все оставшееся место от экрана. 

Приведу пару примеров.
 <FRAMESET cols="50, *"></FRAMESET> - Два фрейма, разделенные вертикальной чертой. Один (левый) - занимает 50 пикселов от экрана, а второй все оставшееся место.

<FRAMESET cols="50%, 100, 100, *"></FRAMESET> - Здесь фреймов уже четыре (можно и больше, но нужно ли?). Первый занимает половину всего места (50%), второй и третий занимают по 100 пикселов, а последний, четвертый - все оставшееся место.

<FRAMESET rows="75%, 25%"></FRAMESET> - страница состоит из верхнего и нижнего фреймов. Первый занимает 75% от экрана, а второй - 25%. Один из них можно также заменить звездочкой *, получится то же самое.

Это самые простые фреймы, но их тоже нужно научиться делать! В конце выпуска мы подойдем к более сложным, но это будет в конце!

Нам потребуются две страницы. Например, one и two.
Страница one:

<html>
<head>
<title>Первый фрейм</title>
</head>
<body bgcolor="#FFCCFF">
<h1>Первый</h1>
<h1>фрейм</h1>
</body>
</html>

<body bgcolor="#FFCCFF"> я дополнительно выделила чтобы лучше представлялся цвет фона и текста на нем.

Теперь страница two.

<html>
<head>
<title>Второй фрейм</title>
</head>
<body bgcolor="#33CCFF">
<h1>Второй</h1>
<h1>фрейм</h1>
</body>
</html>

Страницы подготовлены, теперь надо сделать саму фреймовую страницу. Для этого между тегами <FRAMESET> и </FRAMESET> нужно вставить вот такую штучку.

<frame src="one.htm">
<frame src="two.htm">

Но тег <FRAMESET> у нас, конечно же, будет не простой. Сейчас сами увидите. HTML-код нашей фреймовой страницы:

<html>
<head>
<title>Фреймовая страница</title>
</head>

<FRAMESET cols="50, *">

<frame src="one.htm">
<frame src="two.htm">

</FRAMESET>

</html>

Получилась вот такая страничка:


http://websuper1.narod.ru/043.jpg

Как обделили первый фрейм! Но ничего, сейчас сделаем поменьше площадь у второго. Только для разнообразия фреймы будут уже не вертикальные, а горизонтальные!

<html>
<head>
<title>Фреймовая страница</title>
</head>

<FRAMESET rows="75%, 25%">

<frame src="one.htm">
<frame src="two.htm">

</FRAMESET>

</html>

Вот что получилось:


http://websuper1.narod.ru/044.jpg

Но, предположим, решил к ним поселиться третий фрейм.

Сделаем страницу three.

<html>
<head>
<title>Третий фрейм</title>
</head>
<body bgcolor="#66FF33">
<h1>Третий</h1>
<h1>фрейм</h1>
</body>
</html>

Только куда его поселить? Можно сверху или снизу (в горизонтальных фреймах), справа или слева (вертикальные фреймы). Но...  Третий у нас совсем маленький, можно его куда-нибудь наверх, процентов на 15 от окна, а первым двум оставить все остальное место. Первого, как всегда, обделим.

<html>
<head>
<title>Фреймовая страница</title>
</head>

<FRAMESET rows="15%, *">
<frame src="three.htm">

<FRAMESET cols="30%, *">
<frame src="one.htm">
<frame src="two.htm">

</FRAMESET>
</FRAMESET>

</html>

Вот что получилось:


http://websuper1.narod.ru/045.jpg

Видите, как все просто! 
Если хотите, еще поэкспериментируйте, это очень интересно! А если выпуск подтолкнет вас создать какую-то необычную фреймовую страничку, то не забудьте прислать мне ссылку!

Хочу еще пару слов сказать о теге <frame>, который находится в контейнере <FRAMESET>.

Этот тег имеет свои атрибуты. И каждый из них может сделать фреймовую страницу намного привлекательнее!

Первый атрибут вы уже знаете, - это <frame src="name">. Используется он для указания адреса страницы, которая должна быть загружена во фрейм.

<frame scrolling = “yes, no, auto”> (ненужное стереть, можно выбрать только одно значение). Это полоса прокрутки. Можно разрешить или не разрешить полосу прокрутки. Также можно установить значение автомата, чтобы прокрутка показывалась только когда надо.

noresize - Используется для того, чтобы запретить пользователю изменять размеры окна фрейма («закрепляет границы»). При этом фиксируются размеры всех фреймов, имеющих с закрепленным общую границу.

<frame frameborder=“yes, no”> - этот атрибут можно использовать также в теге <FRAMESET>. Принимает значения yes (по умолчанию) либо no (границы отсутствуют).

<frame border=”число (пикселы)”>  - определяет ширину рамки в пикселах.

Кстати, если сделать значение frameborder="no" border ="0", то границы фрейма станут невидимыми!

<frame bordercolor=“цвет”> - определяет цвет рамки. Можно использовать в теге <FRAMESET>.

Напоследок скажу, что если вы хотите получать посетителей с поисковых систем, забудьте о фреймах!

И вообще, фреймы - это, так сказать, вчерашний день. Сейчас в основном используются такие технологии, как SSI или PHP. Но до этого нам нужно еще дойти!

Внимание!
У вас есть уникальная возможность рекламы своего сайта в разделах Юмор, Толковый словарь и Вопрос - Ответ в рассылке. Для этого не забывайте в конце письма указывать ваше имя (ник), сайт или e-mail. Если вы не хотите, чтобы ваше имя (ник), e-mail или сайт были видны, не забудьте об этом написать! Письма без подписи считаются анонимными! 

    К публикации принимаются вопросы, письма, материалы:

  • "По теме"
  • Письма с матом, руганью, ГРУБЫМИ ОРФОГРАФИЧЕСКИМИ ОШИБКАМИ не публикуются!
  • Хотите высказать свои мысли, предложения или замечания? Пишите, ваше мнение обязательно будет принято к сведению (но не обязательно исполнено).
  • Если вы хотите, чтобы ваше письмо (или какая-нибудь его часть) не было обнародовано в выпусках рассылки - укажите в начале письма (или выделите фрагмент в его тексте): "НЕ ПУБЛИКОВАТЬ".
  • Письма с вложениями без текста в теле самого письма удаляются без просмотра.
  • Перед отправкой письма - хотя бы один раз его перечитайте! :)
  • Если вы хотите задать вопрос в раздел "Вопросы для продвинутых", тема письма обязательно должна быть vopros! Если хотите ответить: otvet - (номер вопроса). В противном случае письма с неправильной темой письма не попадут в рассылку!
  • Если вы не получили ответа на свой вопрос, отошлите его еще раз. Ваше письмо легко могла потеряться на просторах Интернета или в папке с другими письмами...

P. S. На глупые письма не отвечаю :)

Юмор

Программист отдыхает на природе вдвоем со своей подругой. Лежат они на зеленой травке, и настроение у обоих такое романтичное. Тут он говорит ей:
- Ты только посмотри, какое голубое небо! Прямо как Windows 98!

- Доктор, мой ребёнок по восемь часов сидит за компьютером...
После этого злой какой-то и на людей с топором кидается!

Компьютерные припадки и страхи, которых надо опасаться ;-)

Глюкало мониторное.

Заводится в мониторах Samsung, а также всех остальных, если 666 часов подряд играть в Quake. Возникает на экране монитора. Как выглядит - никто не знает, ибо видевшие за секунду седеют и умирают.

(От: Islander)

Реальные заголовки с www.cnn.com 25 октября 2001 года (около 17:30) - выбери самый ужасный.
1. 10 погибших, 80 пропавших без вести в пожаре в швейцарском туннеле.
2. Пятеро погибших при падении лесов в Нью-Йорке.
3. Израильская армия выведена с Западного берега реки Иордан.
4. Microsoft выпустил Windows XP.

Что делать, если компьютер перестал работать?
- Если вы юзер - делать ноги. Если ремонтник - делать деньги. А если программист - делать вид, что так и было задумано.

(От: Sem)

(Из раздела Юмор)

Прислать анекдоты!

Толковый словарь
Юзер - это средний компьютерный пользователь, умеющий запускать игры, работать в интернете и в офисных программах (как минимум в текстовом редакторе). Юзеры отличаются от программистов тем, что не умеют программировать.

Аттач (Attach) — файл, «прикрепленный» к сообщению электронной почты.

(Из раздела Толковый словарь)

Вопросы для продвинутых (и не только)

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

Вопрос прошлого выпуска (18) от Яндекс

Подскажите что такое MySQL и с чем его едят?
Зарание благодарен, Яндекс.
 

Ответ от: Islander

MySQL
SQL-сервер баз данных. Обеспечивает помещение, хранение и выборку данных через функции доступа для приложений веб-сайта, например, Perl или PHP-скриптов. Обладает высокой производительностью, но не поддерживает транзакции, хранимые процедуры и триггеры, подвыборку и отображения.

Ответ от: Антон Пахомов www.web-exe.net.ru

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

Новый вопрос (19) от kashir

Доброе время суток, дамы и господа!

Не могли бы ли Вы помочь советом? Вчера скачал из инета игру «Слабое звено» (~1 Мб), она имеет расширение .php. Никак не могу открыть этот файл. Хелп, плиз!

До встречи!

Ответить!

Новый вопрос (20) от Михаил

Я пользуюсь программой The BAT  и есть проблемы с отправкой писем.
Отправляются только те письма, адресаты которых на том же сервере что и мой ящик. При попытке отправить на иной адрес в Журнале появляется строка:
!08.02.2004, 22:45:28: SEND  - Письмо не отправлено. Сервер сообщает: 5.7.1 Policy rejection on the target address: <адрес такой-то>

Как исправить положение?

Новый вопрос (21) от Татьяна

Как сделать анимированный GIF на прозрачном фоне?
Мне пришлось схитрить и сделать мультяшку на фоне = фону странички
( http://www.skazochnyj-mir.newmail.ru/p3.htm ), а как это можно сделать грамотно.
И еще - как сделать бегущую строку?

Прислать вопрос!

■ Главная
■ Статьи
■ Полезное
 □ Картинки
 □ Словарь
 □ Рассылка
 □ Скрипты
 □ Книги
■ Программы
 □ Для сайта
 □ Для Windows
■ Юмор
■ Услуги
■ Ссылки
■ Связь
 □ Написать
  □ Гостевая

Архив рассылки

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

Обновления в разделе Программы, Статьи, Юмор, Услуги, Ссылки.  

Рекомендую

Найти Свое Любимое Дело в жизни,
которое будет приносить вам
доход и удовольствие,
вам поможет журнал «Результат»!
В нем публикуются статьи людей, считающих,
что их жизнь идет в полную силу, людей нашедших смысл своей Жизни.
Подпишитесь! 

ВНИМАНИЕ, НОВИНКА !!!

Журнал Результат не только поможет понять,
что есть Твое Дело,
но и поможет научиться тому,  
как избавиться от такой вредной привычки, 
как курение,
рассчитывая только на свои силы и при этом,
не эксплуатируя без ума силу своей воли.

 Проект 'Вебиус' - Лучшее для Вашего сайта: статьи, графика, и форум.

Письма

Если у вас уже есть какой-нибудь собственный опыт на тему Web-дизайна и сайтостроения, присылайте мне ваши письма. 
Самые интересные письма и материалы будут опубликованы!
Вопросы направлять сюда.

А на сегодня все. 
Спасибо всем, приславшим свои материалы в рассылку!
Жду вас на сайте рассылки. Удачи!
Автор и ведущая рассылки Ольга.
http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться
Убрать рекламу
В избранное