| Сага о фреймах |
Для начала давайте решим, для чего используются фреймы. Они появились еще во второй версии Netscape Navigator-а и предназначались для облегчения навигации при создании страничек (так тогда казалось). Техника использования фреймов заключается в том, что все окно броузера делится на несколько областей, в каждую из которых можно загрузить независимую страничку. Кроме этого, был введен механизм, позволяющий управлять любой страничкой из любого окна. Например, можно в одном окне организовать меню сайта, а в другом показывать его содержимое. Причем, щелчок по ссылке в окне меню открывал страничку совсем в другом окне. Такое построение сайта встречается чаще всего, но ничто не мешает нам сделать не два фрейма, а, например, 3, 4, 5... и т.д. Но пока не будем торопиться с обсуждением механизма работы фреймов, а поговорим об их недостатках и уместности применения. |
Просмотров: 7688 | Скачиваний: 1204 |
Подробнее
|
|
| То, что скрывается под HTML |
Допустим, вы впервые оказались в Сети всего полгода назад. Первые три месяца у вас были широко раскрытые глаза, однако вы успели сделать собственную страничку на Chat.ru (“Здравствуйте! Меня зовут Ваня. Я – мальчик!”), потусоваться на Очень Модном Чате (каком именно – не называю, вы знаете его адрес лучше меня), с легкостью пользуетесь почтой на Mail.ru и снисходительно объясняете родственникам, что такое ве-ве-ве. Допустим. Или вариант два. Вы – старожил. Такой угрюмый парень, который питается пивом и сосисками, спит на клавиатуре и свой постоянный ip-адрес помнит лучше, чем домашний телефон. Вы уже поучаствовали в создании десятка интернет-проектов вроде клуба Любителей Зеленых Попугаев, держали IRC-канал, посвященный разведению сусликов в условиях высокогорного Алтая и даже три (!) дня пользовались чужим (тсс!) интернетом, который купили у загадочного дядьки в длинном пальто около Митинского радиорынка (пароль – КРОВИЩА!). |
Просмотров: 7558 | Скачиваний: 1174 |
Подробнее
|
|
| Постройте ваших уток в ряд - Макет страницы и управление содержанием |
Возможно, наиболее часто задаваемые вопросы о дизайне веб-страниц: "Как я могу сделать отступы в тексте?" или "Как я могу сделать колонки?". Это те вещи, для которых язык создания веб-страниц, HTML, не был изначально предназначен. |
Просмотров: 9524 | Скачиваний: 1326 |
Подробнее
|
|
| Быстрее ветра— быстрый html |
Запускаем любимый Notepad и открываем свою страницу. И видим мы очень красивый html, заботливо отформатированный вручную или разными программами, чтоб и читался удобнее, и редактировался быстрее. А заодно и медленнее грузился. Так что, может быть сразу стоит убрать пробелы, табуляции и переводы строк, чтобы не мучиться с загрузкой этих пустых символов? Многим лень это делать, а жаль — быстрота Интернета ведь не только от скорости модемов зависит... Грустно мне, да и вам как не станет грустно, когда откроете исходники парочки посещенных сайтов, а там пустот больше чем текста. Вот и пожалеете, что вообще туда заходили. И владельцам таких сайтов как не грустно — это ж сколько лишнего трафика |
Просмотров: 10623 | Скачиваний: 1329 |
Подробнее
|
|
| Фреймы и таблицы в ваших страницах |
Итак, что же такое фрейм? Можно сказать, что это таблица, но каждую ячейку в неё вы заполняете из отдельного файла. Зачем, спросите вы? Ведь можно просто вставить информацию в ячейку таблицы, и всё будет красиво и удобно. С последним можно не согласиться. Так давайте же создадим небольшой набор страниц, сначала с использование таблиц, а затем сделаем то же самое с использованием фреймов. Что будет содержать наша страница: меню слева и саму страницу. Создаем таблицу, ну, допустим, с 5 строками и двумя колонками (будем считать, что у вас есть какой-нибудь WYSIWYG редактор, т.е. то, что вы будете создавать, тут же превратится в HTML код, а если у вас его нет, то пользуйтесь переведенным здесь кодом). Перед созданием кратко разберемся в тегах: |
Просмотров: 7629 | Скачиваний: 1380 |
Подробнее
|
|
| Структура документа HTML |
Для чего нужны теги? С их помощью мы пишем код страницы, который передается с удаленного сервера на браузеры посетителей вашего сайта, а уж дело браузеров преобразовать этот код в вид страницы, на которой можно увидеть и текст, и графику, и анимацию. Для того, чтобы лучше понять, как делаются страницы для веба, изучим это на примере. Создадим первую страницу для нашего будущего сайта. Потом, со временем и приходящим опытом, вы будете ее дополнять и улучшать, а пока ограничимся самым необходимым. |
Просмотров: 7376 | Скачиваний: 1222 |
Подробнее
|
|
| Разбор данных HTML-форм |
Windows CGI требует, чтобы Web сервер декодировал данные из HTML форм, если они переданы при помощи POST метода запроса. Он не требует от сервера декодирования параметров, если они переданы в качестве строки запроса ("query string"), являющейся частью URL. Существует два способа, которыми данные из форм могут быть переданы серверу броузером: |
Просмотров: 7090 | Скачиваний: 1186 |
Подробнее
|
|
| Формы в HTML документах |
Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW - сервере. Когда форма интерпретируется WEB - броузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки и т.д. Когда пользователь заполняет форму и нажимает кнопку "Подтверждение" (SUBMIT - специальный тип кнопки, который задается при описании документа), информация, введенная пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (Common Gateway Interface) интерфейсом. Когда вы описываете форму, каждый элемент ввода данных имеет тэг. Когда пользователь помещает данные в элемент формы, инфоромация размещается в разделе VALUE данного элемента. |
Просмотров: 7740 | Скачиваний: 1311 |
Подробнее
|
|
| Фреймы в HTML документах. |
Испольльзуя фрэймы, позволяющие разбивать Web-страниц скроллируемые подокна, вы можете значительно улучшить внешний вид и функциональность информационных систем и Web-приложений. Каждое подокно, или фрэйм, может иметь следующие свойства: Каждый фрэйм имеет свой URL, что позволяет загружать его независимо от других фрэймов. Каждый фрэйм имеет собственое имя (параметр NAME), позволяющее переходить к нему из другого фрэйма. Размер фрэйма может быть изменен пользователем прямо на экране при помощи мыши (если это не запрешено указанием специального параметра). Данные свойства фрэймов позволяют создавать продвинутые интерфейсные решения, такие как: |
Просмотров: 7323 | Скачиваний: 1169 |
Подробнее
|
|
| Как оформить таблицу? |
Давайте-ка займёмся сегодня оформлением таблиц. Вам наверняка не нравится, как оформлены таблицы по-умолчанию. То, что называется рамкой, практически никогда не вписывается в дизайн. А их псевдотрёхмерность просто ужасна! Для изменения вида таблицы мы можем воспользоваться некоторыми параметрами, управляющими её внешним видом: |
Просмотров: 8021 | Скачиваний: 1357 |
Подробнее
|
|
|
|
|