Добавлен: 25.04.2023
Просмотров: 145
Скачиваний: 1
Эксперимент со страничками показал, что в самом низу списка оказалась страничка на фреймах, выше всех была страничка на SSI технологии и PHP инклюдах. По сути, эти две технологии, с успехом заменившие устаревшие фреймы, показали равную находимость и удобство. Не говоря уж о куда большей простоте использования. Но большинство разбирающихся в этих вопросах программеров дружно указали на превосходство PHP перед SSI в плане удобства их использования для сервера.
Графика делает сайт привлекательным и понятным. В файле grafika.htm записан следующий текст.
Тег <IMG SRC=/путь/файл.gif> записывают в том месте, которое предназначено для размещения диаграммы, графика, рисунка или фотографии. В данном примере рисунок появится в левом верхнем углу экрана, так как он - единственный элемент тела HTML-документа.
Справа от знака равенства записывают имя gif-файла, хранящего графический объект. В данном примере это имя horse.gif записано без указания пути, так как файлы horse.gif и grafika.htm находятся в одном каталоге (в одной папке). Если бы файл horse.gif находился в папке dir1, вложенной в папку, содержащую файл grafika.htm, то справа от знака равенства следовало бы записать dir1/horse.gif.
Для размещения графики на сайте необходимы gif- или jpg-файлы. Но графический редактор Paint, поставляемый фирмой Microsoft, не позволяет создавать файлы с расширением .gif или .jpg. Поэтому можно использовать, например, графический редактор LView Pro, работающий под операционными системами Microsoft Windows 95 и Windows NT. Редактором LView Pro следует прочесть bmp-файл, созданный посредством Paint, и сохранить его как gif- или jpg-файл.
Создадим сначала bmp-файл. Для этого нужно предварительно уяснить, а затем выполнить следующие действия.
Запустить приложение Paint, используя кнопку «Пуск» на панели задач:
ПУСК => ПРОГРАММЫ => СТАНДАРТНЫЕ => Paint
в окно процессора MS , щелкнув мышью кнопке 
на задач.
Создать окно текстового MS Word, команду операционного {Окно, Новое } или щелкнув по кнопке 
меню “Стандартное”.
операционного меню {, Упорядочить все} на дисплее два окна: методичкой и . Курсор должен в новом . Командой операционного MS Word {, Рисунок...} открыть панель “Вставить ”.
Из списка -файлов в части диалоговой выбрать щелчком файл 1stplace.wmf. рисунок, появившийся правой части панели.
Повторяя , указанные в 6, просмотреть несколько . Выбрать понравившийся рисунок, щелкнув кнопке OK левой нижней диалоговой панели. рисунок появится новом окне Word.
Расположить мыши на и щелкнуть клавишей мыши. рисунок в обмена, используя операционного меню {, Копировать} или мышкой по 
инструментального меню “”.
Закрыть окно рисунком, используя команду [Ctrl_]. Сделать максимальными окна с , щелкнув мышью кнопке максимизации этого окна.
в окно редактора Paint, мышью по 
на панели .
Вставить рисунок буфера обмена, команду операционного Paint {Edit, }.
Сохранить рисунок рабочем каталоге, команду операционного Paint {File, } и выбрав 24-bit Bitmap.
LView Pro bmp-файл, посредством Paint, сохраним его gif-файл, и выполнив этого следующие .
Запустить проводник, кнопку “Пуск” панели задач:
=> ПРОГРАММЫ => ПРОВОДНИК
На диске D: открыть папку LWPRO и запустить редактор LView Pro двойным щелчком на имени файла Lviewpro.exe.
Прочесть bmp-файл, созданный посредством Paint, используя команду операционного меню LView Pro {File, Open}.
Сохранить рисунок в рабочем каталоге как gif-файл, используя команду операционного меню LView Pro {File, Save as} и выбрав тип файла
Цвета в документах HTML могут задаваться двумя способами - указанием кода цвета или указанием названия цвета на английском языке. При первом способе код цвета записывается в виде шестнадцатеричного числа, содержащего шесть цифр: первые две цифры задают интенсивность красного цвета, вторые - зеленого, третьи - синего. При втором способе используются следующие названия цветов: black (черный), maroon (темно-красный), green (зеленый), olive (оливковый), navy (синий), purple (фиолетовый), teal (зеленовато-синий), gray (серый), silver (серебристый), red (красный), lime (известковый), yellow (желтый), blue (голубой), fuchsia (ярко-малиновый), aqua (морской волны) и white (белый).
Создадим документ, содержащий таблицу, ячейки которой окрашены в разные цвета. Фон документа установим черным. Документ наберем (или отредактируем) Блокнотом и запишем в рабочую папку в файл colortab1.htm.
Посмотрите с помощью MS Internet Explorer на результат. Этот результат достигнут применением новых атрибутов и тегов. Атрибут BGCOLOR задает цвет фона в тегах<BODY> и <TD>. Он может использоваться также в тегах<TR> и <TH> для определения цвета фона строки в целом. Тег <P>означает абзац (paragraph). В данном случае ко всему абзацу применено выравнивание по центру окна (атрибут ALIGN со значением CENTER). Атрибут ALIGN может также принимать значения LEFT и RIGHT. Абзац заканчивается тегом</P> и после конца абзаца прекращается действие его атрибутов.
<TH> - это так называемый тег заголовка таблицы. Фактически он объявляет строку, в которой должен быть записан заголовок таблицы. В данном случае он имеет атрибут COLSPAN, определяющий, сколько ячеек из следующей строки должен перекрыть этот заголовок. Тег<FONT > определяет установки свойств шрифта. В данном случае устанавливается цвет текста в строке заголовка. Вообще говоря, в тегах можно использовать несколько атрибутов, но тег<FONT> является исключением - для каждого изменения свойств текста используется отдельный тег <FONT>, например:
Создайте в рабочей папке документ font1.htm, в тело которого включите текст приведенного выше примера и просмотрите результат. Ускорить выполнение задания можно путем копирования этого примера в текст, создаваемый Блокнотом. Для этого следует выделить пример в методичке, протащив указатель мыши (при нажатой ее левой клавише) по полосе выделения слева от трех строк примера. Используя как образец документ colortab1.htm, создайте в рабочей папке документ table3.htm, содержащий таблицу с заголовком "Координаты ячеек" и с 16-ю клетками (4 строки по 4 ячейки), в которых записаны координаты этих клеток по принципу С1К1 (где С - строка, К - колонка с соответствующими номерами). Фон документа должен быть сине-зеленым, фон строки заголовка - белым, текст строки заголовка - желтым. Текст в ячейках таблицы должен быть черным на сером фоне. Ячейки таблицы должны иметь границы.
ЗАКЛЮЧЕНИЕ
По итогам решения задач работы получены следующие результаты:
HTML - это обычный, текстового вида файл, в котором то, что мы обычно видим на страничках, перемежается невидимым для просмотра из браузера кодом. Вот этот-то невидимый код и есть язык разметки HTML.
HTML - это не язык программирования, - он служит лишь для разметки странички, придания определенного вида тому или иному элементу, будь то таблица, текст или картинки.
Осуществляется это путем присвоения каждому элементу своих параметров, которые распознает браузер. Параметры эти могут быть заданы как для одного, так и для группы или типа элементов. Тип элементов может быть таким: таблицы, ячейки, ссылки, текст и т.п. То есть что-то, что можно назвать одним термином. Отдельные свойства можно присваивать и выбранным элементам персонально. Основная причина появления в последнее время большого количества Web-серверов заключается в том, что они сравнительно просты в установке и становятся все большим инструментом, который можно использовать в бизнесе. Вторая причина - появление большего количества улучшенных HTML-редакторов и конвертеров текста, позволяющие создавать новые Web-страницы
В отношении сферы применения можно сказать следующее. Будущее Web также связанно с увеличением скорости передачи данных в Интернет, так как Web неразрывно связан с Интернет.
Вероятно, останется проблема несовместимости между браузерами и Web-серверами, так как компания Netscape Communications несколько расширила HTML, из-за чего не все броузеры отображают документы, написанные в новом формате HTML.