Введение в интернет дизайн на языке




Скачать 268,62 Kb.
НазваниеВведение в интернет дизайн на языке
Дата публикации12.04.2013
Размер268,62 Kb.
ТипУчебно-методическое пособие
pochit.ru > Информатика > Учебно-методическое пособие
КОМИТЕТ ОБРАЗОВАНИЯ ГОРОДА МОСКВЫ

МЕЖШКОЛЬНЫЙ УЧЕБНЫЙ КОМБИНАТ №1

ВВЕДЕНИЕ В ИНТЕРНЕТ ДИЗАЙН НА ЯЗЫКЕ




HTML


Учебно-методическое пособие для преподавателей

информатики и информационных технологий


Разработал:
Заместитель директора по ИКТ

Гуков К.М.

г. Москва

2002 - 2003 г.

Содержание





Введение.

Инструменты для создания WEB страниц


3

Урок 1. Ввод и форматирование текста

4

Урок 2. Загрузка фона и рисунка. Построение таблиц

6

Урок 3. Графика и мультимедиа на страницах WEB

7

Урок 4. Гиперссылки

9

Урок 5. Фреймы

11

Урок 6. Хождение по фреймам

15













Введение
Бурное развитие коммуникационных технологий и в частности Internet технологий, требует от современного молодого человека определенных знаний и умений по поиску, приему и передачи необходимой информации в международной сети - Internet. В связи с этим, в современные учебные программы по информационным технологиям включен такой раздел как "Коммуникационные технологии" который знакомит учащихся с принципами функционирования локальных и глобальных вычислительных сетей, работе с электронной почтой, основами языка разметки гипертекста (HTML – Hyper Text Markup Language).

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

^ Инструменты для создания WEB страниц
Для создания WEB страниц можно воспользоваться средствами текстового процессора Microsoft Word, редактором Front Page и другими программами, специально разработанными для этих целей.

К преимуществам этих программ относятся – быстрое, визуальное создание WEB страниц даже дилетантами в области информационных технологий.

К существенным недостаткам такого рода программного обеспечения относится то, что разработчик WEB страниц, в большинстве случаев, не подозревает о существовании языка гиперссылок HTML, не говоря уже о Java и JavaScript, так как текст создаваемой WEB страницы, обычно скрыт от разработчика. Текст программы на HTML, полученный в результате разработки WEB страницы с использованием такого рода программного обеспечения, в 3 – 4 раза превосходит по объему текст программы, написанный профессионалом в обычном блокноте Windows. Сама программа на HTML, обычно, нуждается в корректировке (особенно при использовании гиперссылок), так как работоспособна только на компьютере разработчика.

Очевидно, что для изучения языка HTML учащимися старших классов средней школы следует пользоваться блокнотом Windows, где ученик самостоятельно пишет текст программы, сохраняет ее на диске и выполняет программу в интернет браузере. Такой процесс создания интернет страниц весьма трудоемок, так как требует большого числа утомительных промежуточных действий. В связи вышесказанным, автором данного пособия разработана интегрированная среда для разработки WEB страниц "HJCreate.exe". Программа объединяет в себе блокнот, файловый менеджер (для открытия, сохранения и запуска, созданных WEB страниц), справочник по цветовым константам и тэгам HTML с возможностью наращивания справочных данных, а так же вставки команд из справочника непосредственно в текст программы.


^ Урок 1


Начало. Ввод и форматирование текста

Тэг – элементарная команда языка HTML. Тэги в программе записываются внутри угловых скобок. Например, команда вывода на экран бегущей строки – MARQUEE, должна быть заключена в угловые скобки: . Если скобки опущены, то интернет браузер будет рассматривать эту команду не как команду, а как строку текста, которую нужно вывести на экран.

Большинство тэгов имеет команду отмены действия объявленного тэга. Для этого перед командой ставится правый наклонный слеш. Например, если мы напишем:

Это бегущая строка

Здравствуйте. Это сайт МУК-1

…………………….

то при запуске программы в браузере бегущей строкой будет не только надпись "Это бегущая строка", но и весь остальной текст – "Здравствуйте. Это сайт МУК-1 ……". Поэтому мы должны отменить действие команды MARQUEE, и правильно написать так:

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

Тэги начальных установок


………

Начало ………..Конец программы на HTML

……..

Похожие:

Введение в интернет дизайн на языке icon1. Дизайн как проектная художественно-техническая деятельность. Виды дизайна. Дизайн
Дизайн художественное конструирование. В переводе с английского «design» «проект», «рисунок», «чертеж», а также действия, связанные...
Введение в интернет дизайн на языке iconТема Введение (2 час) Общие сведения о предмете; его цели, задачи....
Термин "дизайн" его происхождение. Сущность дизайна. Определение производных понятий "дизайнер", "дизайн-форма". Роль дизайна в создании...
Введение в интернет дизайн на языке iconРабочая программа дисциплины «Дизайн-проектирование» для специальности...

Введение в интернет дизайн на языке iconИ дизайн дома
Отделочные работы Секреты перепланировки Стили и направления дизайна Дизайн отдельных помещений
Введение в интернет дизайн на языке icon1989-1993. Харьковский Радиотехнический Техникум
Интернет технологии cgi+sql программирование, e-коммерция, usability, веб-дизайн, веб-мастеринг, управление проектами
Введение в интернет дизайн на языке iconОглавление 5 введение 5
Исследование и улучшение системы продвижения продукции. Изучение и совершенствование каналов товародвижения, расположение, дизайн...
Введение в интернет дизайн на языке iconКонспект совместной деятельности воспитателя с детьми «Ландшафтный дизайн»
...
Введение в интернет дизайн на языке iconКурс дизайн проектирование интерьера и экстерьера. Общее количество акад часов: 450-700 Время
Информация о курсе: На протяжении курса дизайн интерьера проводятся теоретические и практические занятия
Введение в интернет дизайн на языке iconТема: Дизайн-проект
В итоге, пройдя все три этапа, на которых предлагается несколько разнотипных решений, получается результат работы оформленный дизайн...
Введение в интернет дизайн на языке iconДиплом (степень)
Итр, владению программой -«Autocad», «Archicad», «Home design», «Floo plan», «3dsmax», создание эл библиотек, интегрированная работа...
Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2019
контакты
pochit.ru
Главная страница