школа по созданию сайтов


Резюме урока 2 по HTML

Итак, мы научились помещать изображение и графику на свою страничку! Мы знаем, что изображение может иметь различную структуру, и узнали, как от этой структуры зависят размер и параметры изображения, а также способы его записи на носитель информации. Этот вопрос очень важный и принципиальный. Дело в том, что любые графические файлы не могут быть использованы для Интернета, так как они различаются по качеству и назначению. На своём сайте необходимо и достаточно помещать изображения небольшого размера и определённого формата, так как «тяжёлые» файлы очень долго грузятся и мешают быстрому отображению вашей страницы. Изображения относительно не высокого качества или их миниатюры на экране монитора, однако, смотрятся вполне естественно, нормально и уместно.

помещать изображение

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

Исходные размеры изображения и формат графического файла можно изменять и преобразовывать в графических редакторах, типа: Adobe Photoshop, Corel Draw, Microsoft Office Picture Manager, или с помощью отличного и простого редактора, который есть практически на каждом компьютере – Paint.

ВАЖНОЕ ПРИМЕЧАНИЕ: с самого начала рекомендуем вам для написания кода html использовать только строчные (маленькие) буквы. Однако, возможно, Вы захотите поместить на страничку изображение вида: «kartinka.PNG(png)». В этом случае обратите внимание на то, какими буквами (большими или маленькими) указан формат файла изображения! Дело в том, что при загрузке графики на сервер, - путь к графическому файлу указанный в html-коде должен быть идентичным его реальному расположению, наименования директорий и файлов должны строго совпадать по синтаксису! То есть, если Формат графического файла «.PNG», а в коде у Вас записано «.png», то Вы картинку не увидите и сможете долго ломать голову: почему она не появляется? В этом случае, чтобы картинка отображалась, следует указать: «.PNG» - БОЛЬШИМИ буквами. Точно формат изображения можно узнать в его свойствах (кликнув по нему правой кнопкой мыши и выбрав «Свойства»).

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

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




по созданию сайтов


© www.1artsite.com | Все права защищены.
© Создание сайта Сергей Меркоев, 2010-2014 гг.