Начальная

Windows Commander

Far
WinNavigator
Frigate
Norton Commander
WinNC
Dos Navigator
Servant Salamander
Turbo Browser

Winamp, Skins, Plugins
Необходимые Утилиты
Текстовые редакторы
Юмор

File managers and best utilites

Окно браузера. Элементы окна браузера


Назначение элементов окна браузера Mozilla Firefox

Глобальная сеть Интернет. Всемирная паутина.

Компьютерная сеть– это совокупность вычислительных машин и специального оборудования, объединенных в единую систему с помощью каналов связи для совместного решения задач.

Возможности компьютерной сети:

ü быстрый обмен информацией между компьютерами

ü совместное использование ресурсов (данных, программ, внешних устройств)

ü осуществление информационных коммуникаций

Глобальная сеть Интернет– это международная компьютерная сеть сетей, которая действует на основе сотрудничества и соединяет друг с другом самых разных пользователей.

Самый популярный сервис Интернета -. WWW (World Wide Web, всемирная паутина) - Можно сказать, что WWW – это система Web-серверов, поддерживающая форматированные специальным образом документы (HTML-документы).

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

Сервер – компьютер, подключенный к сети, или выполняющаяся на нем программа, предоставляющая клиентам доступ к общим ресурсам и управляющая этими ресурсами.

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

Каждый компьютер, имеющий выход в Интернет имеет уникальное имя – IP адрес, состоящий из набора четырех чисел (каждое число из диапазона 0-255), разделенных точкой. Например, 217.23.130.1.

В Интернете также используется наиболее удобная для пользователей доменная система имен, благодаря которой каждому IP-адресу ставится в соответствие доменное имя.

Примеры доменных имен:

ü microsoft.com- коммерческая организация корпорация Microsoft

ü www.gov.ru – официальный сайт правительства России

ü podrobnosti.ua – газета «Подробности», Украина

 

Так как каждый компьютер в Интернете имеет уникальный адрес, то любой файл на компьютере может быть точно указан через структуру папок и имя файла.

Для каждого файла можно записать точный универсальный указатель ресурса – адрес URL(Uniform Resourse Locator).

Пример URL-адреса:

       
   
http://www.deti.ru/skazki/kolobok.txt

протокол доменное путь имя файла

имя к файлу

Если имя файла явно не указывается, то по умолчанию загружается файл index.htm

Браузер – это программа с графическим интерфейсом, которая обеспечивает обращение к искомому ресурсу на сервере по его URL-адресу. Документ, доступный через Web, называют web-страницей, а группы страниц, связанных общим именем, темой и объединенных системой переходов, – Web-сайтами. Web-страница содержит гиперссылки.

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

Первую страницу, которую видит пользователь при обращении на сайт, называют домашней, или индексной. Пользователь воспринимает просмотр информации как перелистывание страниц одной огромной книги по принципу «нажми и получи».

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

Работа браузера основана на протоколах HTTP – протокол передачи гипертекста и FTP – протокол передачи файлов.

Существует большое количество браузеров. Наиболее распространенными являются Mozilla Firefox, Google Chrome, Opera, Internet Explorer.

Браузер Mozilla Firefox

Назначение элементов окна браузера Mozilla Firefox

Элементы интерфейса браузера расположены, в верхней части окна. Большая часть окна отведена для основного содержания веб-страницы.

Заголовок окна — стандартный заголовок, в котором отображается название открытой Web-страницы и название приложения, с помощью которого она открыта.

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

Окно браузера Mozilla Firefox

Ниже панели меню находится Панель навигации. На этой панели расположены кнопки, которые позволяют быстро выполнять наиболее часто используемые команды из меню. По умолчанию панель инструментов содержит пять кнопок:

§ Кнопка Назад — позволяет перейти на предыдущую просмотренную Web-страницу;

§ Кнопка Вперед — позволяет перейти на следующую просмотренную Web-страницу;

§ Кнопка Обновить — позволяет вновь загрузить просматриваемую Web-страницу, если за время просмотра на ней могли произойти изменения;

§ Кнопка Остановить — позволяет остановить загрузку Web-страницы;

§ Кнопка Домой — позволяет загрузить домашнюю страницу, адрес домашней страницы необходимо указать в настройках.

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

Рядом с Панелью инструментов расположена Панель адреса — поле ввода адреса и связанные с ним кнопки: кнопка раскрывающегося списка введенных адресов и кнопка перехода. В поле ввода адреса отображается URL-адрес просматриваемой Web-страницы, например, http://www.edu.ru – Федеральный образовательный портал. Правее панели адреса расположена Панель поиска в Internet.

На Панели закладок пользователь может разместить закладки на часто используемые Web-страницы или группы страниц. Панель вкладок отображается в том случае, если в окне открыто более одной вкладки или если пользователь указал это в настройках браузера.

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

Просмотр Web-страниц

Для просмотра определенной Web-страницы нужно ввести в поле ввода адреса ее URL-адрес и нажать клавишу Enter или кнопку перехода (кнопку с зеленым треугольником рядом с полем ввода адреса). Введенные вручную адреса сохраняются и могут быть просмотрены в раскрывающемся списке. Список открывается кнопкой с черным треугольником справа от поля ввода адреса. При вводе адреса в раскрывающемся списке формируется список похожих адресов из введенных ранее. Из списка можно при помощи мыши выбрать подходящий адрес.

С помощью браузера можно открыть несколько Web-страниц одновременно. С помощью Mozilla Firefox новую страницу можно открывать в новом окне или в новой вкладке того же окна. Если страницы открыты в разных окнах, то переключаться между окнами можно при помощи кнопок на Панели рабочего стола или сочетания клавиш Alt+Tab.

Если несколько Web-страниц открыты во вкладках одного окна, то переключаться между страницами можно нажатием на корешок вкладки (корешки вкладок появляются в верхней части окна на Панели вкладок по мере открытия новых вкладок) или при помощи сочетания клавиш Ctrl+Tab, а также Ctrl+Page Up(Page Down. Каждый корешок вкладки снабжен кнопкой закрытия вкладки (красная кнопка с крестиком), кроме этого активную вкладку можно закрыть, нажав на клавиатуре Ctrl+F4.

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

• Ctrl+Home — для перемещения вкладки в начало панели вкладок;

• Ctrl+End — для перемещения вкладки в конец панели вкладок;

• Ctrl+Стрелка влево — для перемещения вкладки влево;

• Ctrl+Стрелка вправо — для перемещения вкладки вправо.

Гиперссылки, находящиеся на странице, помогут перейти к другим Web-страницам. Чтобы открыть Web-страницу, на которую указывает гиперссылка, нужно навести указатель мыши на гиперссылку (при этом указатель мыши примет вид указывающей руки) и нажать левую кнопку мыши. В зависимости от настроек Firefox и свойств ссылки,

Web-страница откроется в новом окне или новой вкладке. Если при этом нажать правую кнопку мыши, появится контекстное меню, в котором можно будет выбрать команду Открыть в новом окне или Открыть в новой вкладке. Нажатие на колесико мыши (среднюю кнопку) приведет к открытию новой страницы в новой вкладке.

Если текста на странице много, с помощью команды Правка →Найти на этой странице можно включить панель поиска в нижней части окна Firefox. В поле Найти нужно ввести ключевое слово или часть слова. Первое найденное с начала страницы вхождение введенного буквосочетания будет подсвечено в тексте Web-страницы. Перейти к следующему вхождению можно с помощью кнопки Следующее, а вернуться к предыдущему — с помощью кнопки Предыдущее. Для того чтобы увидеть все вхождения, воспользуйтесь кнопкой Подсветить все. Опция С учетом регистра позволит найти, например, слово, написанное с заглавной буквы или аббревиатуру.

Сохранение файлов

Если Web-страница будет полезна и в будущем, есть несколько способов сохранить возможность доступа к ней. Можно сохранить Web-страницу на свой жесткий диск с помощью команды Файл → Сохранить как.

Закрепить место сохранения файлов можно в диалоговом окне Настройки, которое открывается с помощью команды Сервис → Настройки.

Необходимо также выбрать способ сохранения:

• Web-страница, полностью — сохранятся два объекта: Web-страница и папка, в которой находятся элементы оформления страницы;

• Web-страница, только HTML — сохраняется только файл Web-страницы, без картинок;

• только текст — сохранится только текст в текстовом формате.

Сохранить рисунок с Web-страницы в виде отдельного файла можно с помощью контекстного меню:

• навести на рисунок указатель мыши,

• открыть контекстное меню (щелчок правой кнопкой мыши),

• выбрать Сохранить рисунок как, и указать место сохранения графического файла.

Если место сохранения документов не указано в настройках браузера, то первоначально Firefox предлагает сохранить изображение в папку пользователя. Ее название зависит от имени пользователя, которое было указано при создании профиля, по умолчанию она называется user. Если было выбрано другое место сохранения, то программа запоминает его и при сохранении следующего рисунка предлагает сохранить изображение в ту же папку. Если вы хотите вернуться к сохранению рисунков в папку user, выберите ее в поле Места окна Сохранить как.

Пользователь может создать папку специально для сохранения рисунков и Web-страниц. Чтобы доступ к этой папке при сохранении документов всегда был под рукой, можно добавить ссылку на нее к списку мест сохранения документов. Для этого при сохранении очередного рисунка или Web-страницы откройте выбранную папку в окне Сохранить как и нажмите кнопку Добавить под полем Места. Ссылка на папку появится в поле Места, открыть эту папку для сохранения в нее документов теперь можно будет одним щелчком мыши. Ссылки на собственные папки для сохранения документов можно добавлять в поле Места и удалять по своему усмотрению.

Команда Инструменты → Загрузки открывает окно Загрузки в котором отображаются файлы, сохраненные при помощи браузера.

Нужный файл можно открыть из окна загрузок, нажав на ссылку Открыть рядом с именем файла. Пользователь может удалить часть ссылок из списка загрузок при помощи ссылки Удалить напротив имени файла или очистить весь список, нажав на кнопку Очистить. Окно загрузок можно открыть также с помощью команды Инструменты → Загрузки.

Настройка параметров настройки Mozilla Firefox производится в меню Инструменты – Настройки.

Для ускорения загрузки из Интернета вся информация сохраняется в папку, которая называется «Временные файлы Интернета». Прежде чем послать запрос серверу, браузер проверяет, есть ли искомый файл во временных файлах. Если дата данного файла совпадает с датой файла, который находится на сервере, то обращение к серверу не происходит, и файл загружается из временных файлов. Это позволяет частично увеличить скорость загрузки страниц.

Кодировка

Иногда после загрузки страницы вы видите не совсем понятный текст – на первый взгляд русские буквы, но прочитать невозможно. В таком случае необходимо поменять кодировку страницы. Существует несколько способов кодирования русских (и других) букв алфавита: Cyrillic (Windows), Cyrillic (KOI8-R), Cyrillic (KOI8-U) и т.д. Весь список можно посмотреть в меню Вид – Кодировка – Дополнительные.

 

pdnr.ru

Как растянуть элементы, находящиеся в блоках

Как растянуть элементы, находящиеся в блоках, на полную ширину окна браузера, используя при этом CSS? Эта проблема часто встречается в разметке CSS. Нередко нужно, чтобы элемент растягивался за пределы центрального блока страницы и занимал всю ширину окна браузера. На картинке слева вы видите распространенный дизайн страницы.

 

 

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>SiteName</title> </head> <body> <article> <header></header> <nav></nav> …content… <footer></footer> </article> </body> </html>

Внешний элемент страницы отцентрирован с помощью, например, следующего кода CSS:

article { width: 70%; margin: 0 auto; }

Так как же применить повторяющийся горизонтальный фон, заполняющий все окно браузера? Это легко сделать для элементов, находящихся сверху на странице, так как можно задать фоновое изображение тегу body, например:

body { background: url(header.png) 0 0 repeat-x; }

Но этот способ не подойдет для блока footer, так как он находится в блоке article и его расположение определяется размером его содержимого. Наиболее очевидное решение — использование дополнительных элементов, т. е., мы передвинем блок footer из блока article и добавим внутренний блок:

…content… </article> <footer> <div> <p>Footer content.</p> </div> </footer>

После этого нужно добавить соответствующие стили в код CSS:

footer { width: 100%; background: url(footer.png) 0 0 repeat-x; } div.content { width: 70%; margin: 0 auto; }

Это наиболее часто используемое решение, хотя оно и не изящное. Внутренний блок нужен только для задания стилей CSS, а не для структуры.

К счастью, есть решение, работающее во всех современных браузерах и не требующее дополнительных блоков. Нужно добавить свойство внутреннего отступа с большим значением, затем сдвинуть элемент назад в его начальное положение с помощью отрицательного внешнего отступа. Этот способ часто используется для создания столбцов равной высоты, а в этом случае он применяется к ширине:

body { overflow-x: hidden; } .extendfull, .extendleft { padding-left: 3000px; margin-left: -3000px; } .extendfull, .extendright { padding-right: 3000px; margin-right: -3000px; }

Когда класс .extendleft применяется к элементу, элемент растягивается до левого края окна браузера. Подобным образом класс .extendright растягивает элемент до правого края окна браузера, а класс .extendfull растягивает в обе стороны. Чтобы не появилась горизонтальная прокрутка, нужно задать тегу body свойство overflow-x: hidden, скрывающее содержимое, выходящее за пределы окна браузера.

Посмотрите демонстрацию работы

Это решение работает в браузерах Internet Explorer от версии 8, Firefox, Chrome, Safari и Opera. Оно не может полностью заменить способ с дополнительными элементами, но в некоторых случаях это альтернативное решение может быть полезно. Но не стоит забывать, что это решение уменьшает быстродействие сайта.

Автор урока Craig Buckler

Перевод — Дежурка

Смотрите также:

www.dejurka.ru

Окно браузера

Окно браузера по умолчанию располагается в левой части рабочего интерфейса под стандартной панелью инструментов (рис. 12.4).

Браузер организует представления модели в виде иерархической структуры, которая упрощает навигацию и позволяет отыскать любой элемент модели в проекте. При этом любой элемент, который разработчик добавляет в модель, сразу отображается в окне браузера. Соответственно, выбрав элемент в окне браузера, мы можем его визуализировать в окне диаграммы или изменить его спецификацию. Браузер позволяет также организовывать элементы модели в пакеты и перемещать элементы между различными представлениями модели. При желании окно браузера можно расположить в другом месте рабочего интерфейса либо скрыть вовсе, используя для этого пункт меню View (Вид). Можно также изменить размеры браузера, переместив мышью границу его внешней рамки.

Рис. 12.4. Внешний вид браузера

Специальная панель инструментов

Специальная панель инструментов располагается между окном браузера и окном диаграммы в средней части рабочего интерфейса. По умолчанию предлагается панель инструментов для построения диаграммы классов модели (рис. 12.5).

Рис. 12.5. Внешний вид специальной панели инструментов для диаграммы классов

Расположение специальной панели инструментов можно изменять, переместив рамку панели в нужное место. Можно настраивать и состав панели, добавляя или удаляя отдельные кнопки, соответствующие тем или иным инструментам. Назначения кнопок можно узнать из всплывающих подсказок, появляющихся после задержки указателя мыши над соответствующей кнопкой.

Окно диаграммы

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

Название диаграммы, которая располагается в данном окне, указывается в строке заголовка программы (самая верхняя строка программы) или, если окно не развернуто во весь экран, в строке заголовка окна диаграммы. Одновременно в окне диаграммы могут присутствовать несколько диаграмм, однако активной может быть только одна из них. Например, на рис. 12.6 активной является диаграмма развертывания, хотя имеются и другие диаграммы. Переключение между диаграммами можно осуществить выбором нужного представления на стандартной панели инструментов либо через пункт меню Window (Окно). При активизации отдельного вида диаграммы изменяется внешний вид специальной панели инструментов, которая настраивается под конкретный вид диаграммы.

Рис. 12.6. Внешний вид окна диаграмм с различными видами представлений модели

Окно документации

Окно документации по умолчанию может не присутствовать на экране. В этом случае оно может быть активизировано через пункт меню View – › Documentation (Вид‑›Документация), после чего появится ниже браузера (рис. 12.7).

Окно документации, как следует из его названия, предназначено для документирования элементов представления модели. В него можно записывать самую различную информацию, и что важно – на русском языке. Эта информация в последующем преобразуется в комментарии и никак не влияет на логику выполнения программного кода.

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

Так же, как и для других окон рабочего интерфейса, можно изменять размеры и положение окна документации.

Рис. 12.7. Внешний вид окна документации

studfiles.net


 

..:::Новинки:::..

Windows Commander 5.11 Свежая версия.

Новая версия
IrfanView 3.75 (рус)

Обновление текстового редактора TextEd, уже 1.75a

System mechanic 3.7f
Новая версия

Обновление плагинов для WC, смотрим :-)

Весь Winamp
Посетите новый сайт.

WinRaR 3.00
Релиз уже здесь

PowerDesk 4.0 free
Просто - напросто сильный upgrade проводника.

..:::Счетчики:::..