Современные информационные технологии/2.Вычислительная техника и
программирование
Тапенова Ж.Ж.
Преподаватель колледжа КарГУ им. Е.А.Букетова
Маленькие секреты Web – дизайна
Цель этой статьи —
научить, используя средства HTML, строить полезные компьютерные приложения,
которые можно было бы использовать на локальном компьютере у себя дома, в школе
или на базе полученных знаний построить собственную страничку в Интернет.
Устройство HTML-программы начинается с тегов. Команды языка (теги)
заключаются в угловые скобки. Как правило, теги парные. Первый тег открывает
описание команды, определяет ее начало, второй, отличающийся от первого
наличием косой черты “/” перед ключевым словом (именем тега), закрывает его.
Тег <HTML> должен открывать
программу, а тег </HTML> — закрывать ее.
Между этими двумя основными тегами
располагается головная часть программы (заголовок программы) и ее тело.
Тело
программы
Между тегами <BODY> и </BODY>
располагаются команды, следуя которым браузер выводит информацию в окно документа.
Наша простая программа использует
следующие команды:
|
<H1>...</H1> |
- заголовок |
|
<HR> |
- горизонтальная линия |
|
<P>...</P> |
- абзац |
Заголовки являются важной частью
документа. Они разделяют информацию на отдельные логические части и поэтому существенно
улучшают ее восприятие.
Заголовки бывают разные по значению, или
как говорят, по уровню. Учебник, например, имеет название — это заголовок
первого уровня. Текст в учебнике разбит на главы; названия глав — это
заголовки второго уровня. Главы содержат параграфы с заголовками третьего
уровня. Параграфы — пункты, обозначенные заголовками четвертого уровня.
В HTML-документе поддерживаются заголовки
шести уровней при помощи конструкции.
Приведем пример:
<HTML>
<HEAD>
<TITLE> моя первая программа </TITLE>
</HEAD>
<BODY>
<H1>
я программист </H1>
<H2> я программист </H2>
<H3> я программист </H3>
<H4> я программист </H4>
<H5> я программист </H5>
<H6> я программист </H6>
</BODY>
</HTML>
Итог этой программы на браузере будет выглядеть
следующим образом:
А так же с
помощью HTML можно создавать различные сайты с добавлением множества
гиперссылок, бегущих строк, а так же фреймы.
Для того чтобы создать бугущую строку, надо
воспользоваться дискриптом «Marquee», управлять
движением позволяет атрибут «Behavior».
Значение Scroll - заставляет
строку появляться с одной стороны экрана и исчезать за противоположной
стороной.
Значение Slide - строка появляется из одной стороны останавливается
с другой.
Значение
Alternate- заставляет строку бегать взад- вперед.
Атрибут Direction задает
направление перемещения строки.
Атрибут BGCOLOR – позволяет изменять цвет фона бегущей строки.
И так можно привести пример:
<HTML>
<HEAD>
<TITLE>
моя вторая программа </TITLE>
</HEAD>
<BODY
BGCOLOR=”GREEN”>
<marquee
behavior=”scroll” direction=”left” BGCOLOR=”ORANGE”> БЕГУЩАЯ СТРОКА
</marquee>
</BODY>
</HTML>
Итог этой программы на браузере будет
выглядеть следующим образом:
Вот таким образом вы можете создавать свои
мини сайты.
Использованная
литература:
1. Балапанов Е., Бурибаев Б. Лабораториялық практикум. MS WINDOWS
операциялық жүйесі. Алматы 2002
2. Бордовский Б.А., Извозчиков В.А., Информатика в понятиях и терминах.
3. Терещенко Л.Я., Панов В.П., Управление обучением с помощью компьютера.
4. Савельев А.Я., Сазонов Б., А., Персональный компьютер для всех.
5. Александров В.В., Горский Н.Д., ЭВМ видит мир.
6. С.В.Симонович.
Информатика. Базовый курс. Учебник. Санкт-Петербург. 2001.