Язык сети

⇐ Предыдущая 1 23

Пиксели

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

Чтобы понять, какова связь между экранными пикселями и пикселями изображения, то откройте любое изображение в Photoshop. Если вы нажмете команду Actual Pixels (Реальный размер), то в строке заголовка окна появится коэффициент масштабирования 100%. Это означает, что каждому пикселю вашего изображения соответствует один пиксель, отображаемый монитором. Коэффициент масштабирования 200% делает пиксели изображения в два раза больше первоначального размера, так что один пиксель изображения будет равен двум экранным пикселям в высоту и двум – в ширину. При коэффициенте масштабирования 400% для каждого пикселя изображения Photoshop выделит по 4 экранных пикселя в ширину и в высоту.

Изображение Photoshop имеет три основных атрибута, связанных с пикселями:

Размер файла
Физические размеры
Разрешение

Размер файла изображения говорит о том, сколько пикселей содержит изображение. (Размер файла для Photoshop не что иное, как набор пикселей.) В диалоговом окне Image Size (Image → Image Size; Изображение → Размер изображения) можно увидеть размер файла (количество пикселей в высоту и в ширину). Если вы хотите поинтересоваться размерами и разрешением изображения, щелкните и не отпускайте кнопку мыши в пределах информационной строки, удерживая нажатой клавишу <Alt>.

Разрешение изображения – это количество пикселей, которые помещаются в одном дюйме. Например, разрешение изображения может быть равным 180 пикселей на дюйм (180 pixels per inch, 180 ppi), это среднее разрешение изображения.

Размер изображения – это физические ширина и длина его печатной копии, измеряемые в дюймах, сантиметрах или других единицах длины. Можно рассчитать размеры, разделив количество пикселей на разрешение. Например, если в изображении такие размеры: 2304 пикселей в ширину и 3204 в высоту, а разрешение равно 180 ppi, то ширина = 2304 пикселей/ 180 пикселей на дюйм = 12,8 дюймов = 32, 51 см (1 дюйм ≈ 2,54 см), а высота = 3072/180 = 17,06 дюймов = 43,33 см.

Для получения веб-страниц вы создаете файлы, написанные на языке HTML (Hyper Text Markup Language), и помещаете их в веб-сервер. Язык HTML говорит вашему браузеру все, что ему необходимо знать для отображения этой страницы. После размещения созданных вами файлов на веб-сервер любой браузер сможет через Интернет отыскать ваши веб-страницы.

Что делает веб-сервер? Веб-серверы непрерывно работают в Интернете, ожидая от браузеров запросов на веб-страницы, изображения, аудиофайлы и т.п. Когда сервер получает запрос на какой-нибудь из таких ресурсов, он находит такой ресурс и высылает его браузеру.

Как работает браузер: вы бродите по различным сайтам в Сети, щелкая на ссылках для перехода на различные страницы. Такой щелчок служит поводом для того, чтобы ваш браузер сделал запрос на HTML-страницу веб-серверу, получил ответ на свой запрос и отобразил эту страницу в своем окне. Но каким образом браузер узнает о том, как именно отображать страницу? Вот здесь начинает работать язык HTML. Он говорит браузеру все о содержании и структуре страницы. HTML – язык гипертекстовой разметки, дает возможность «пометить» ваш текст тегами, которые описывают браузеру его структуру. Когда браузер читает вашу HTML-страницу, он интерпретирует все теги, которые окружают основной текст программы. Теги – это обычные слова или символы в угловых скобках, например, <head>, <p>, <h1> и т.д. С помощью тегов браузер распознает структуру и значение вашего текста. Итак, вместо того, чтобы просто передавать браузеру кусок текста, благодаря HTML вы можете использовать теги, чтобы сказать браузеру, какая часть текста является названием, где начинается новый абзац, что нужно подчеркнуть и где расположены изображения.

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

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

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

При создании HTML-документов можно представить два способа их форматирования:

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

2) Второй способ состоит в том, что документ форматируется при помощи текстового процессора, при этом информация о форматировании предстает перед браузером в виде разметки. То есть автор создает документ в том виде, который он хочет видеть в браузере, сам процессор или программа создает веб-документ с тегами разметки для просмотра в браузере. Таким образом, человек, создающий веб-файл, может не владеть знаниями гипертекстового языка, т.к. документ создается автоматически самой программой. Такой принцип соответствия экранного изображения реальному получил название WYSIWYG (What You See Is What You Get).

В качестве редактора WYSIWYG для языка HTML можно использовать текстовый процессор Word или входящую в состав Microsoft Office программу FrontPage.

Работа вручную позволяет создавать более универсальные, более качественные и более разнообразные документы. Второй способ легче освоить, т.к. он не требует знания языка HTML. Однако в этом случае используются средства форматирования вместо средств описания, что может иногда приводить к нежелательным последствиям. Кроме того, для того чтобы стать специалистом в области HTML CSS, нужно понять правильные технологии для создания веб-страниц.

Рассмотрим обязательные элементы HTML-кода. (с.38)

Элемент состоит из трех частей: открывающего тега, содержимого и закрывающего тега. Открывающие теги могут иметь атрибуты. Чтобы закрывающие теги отличались от открывающих, в них после угловой скобки перед именем тега ставится символ «/».

В вашем HTML-коде всегда должен присутствовать элемент <html> с элементами <head> и <body> внутри. Информация про веб-страницу входит в элемент <head>. То, что вы добавляете внутрь элемента <body>, вы видите в браузере. Большинство служебных символов (символы табуляции, абзаца, пробелы) игнорируются браузером, но вы можете использовать их, чтобы сделать HTML-код более читабельным.

Для стилизации веб-страниц используется язык CSS (Cascading Style Sheets – каскадные таблицы стилей). Он используется для управления отображением вашего HTML. С помощью CSS можно определить свойства стиля элементов HTML. Язык HTML отвечает за структуру, его теги говорят браузеру, как отображать содержимое. Язык CSS отвечает за дизайн, за стилизацию веб-страниц, с его помощью страницам можно придать великолепный внешний вид и стиль. В HTML-код можно добавить CSS-код, если поместить правила CSS внутрь элемента <style>, который всегда должен находиться внутри элемента <head>.

⇐ Предыдущая 1 23

Поделиться с друзьями:

Дата добавления: 2014-01-06; Просмотров: 293; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.01 сек.