Основы программирования в Internet 16 лекций 1

Основы программирования в Internet 16 лекций 1

Лабораторные работы: 1. Использование HTML. Разработка своего сайта, по теме согласованной с преподавателе 1) 1 -я часть – HTML 2. 0 1 -я часть – HTML Ø 2. 0 2 -я часть – HTML 3. 2 3) 3 -я часть – CSS 2) 2

2. CGI-скрипт на языках: Ø Delphi ØC Ø C++ Ø Visual C Ø C под ОС UNIX Ø Visual Basic и др Ø Ø Нельзя – Perl и PHP 3

Ø Четыре лабораторные работы на языке Java. Script Семестр заканчивается зачетом Модулей нет 4

Ø Внимание! Ø В период зачетной и экзаменационной сессий – прием Øодной лабораторной работы Øв неделю. 5

Литература: Ø 1. М. Браун и др Ø «Использование HTML 4» , 2004 г Ø 2. Ст. Спейнаур, В, Куэрсиа Ø «Справочник Web-мастера» Ø «Справочник веб мастера» 6

3. Вайк Аллен и др Ø «Java. Script. Ø Энциклопедия пользователя» Ø «Java. Script. Справочник» Ø 4. Д. Гудман Ø «Java. Script. Библия пользователя» Ø 4 е изд (2002 г) – 960 стр, Ø 5 е изд (2006 г) – 1184 стр, Ø 7

Ø 5. П. Уилтон «Основы Java. Script» , Ø 2002 г – 1056 стр Ø 6. Д. Флэнагон Ø «Java. Script. Подробное руководство» Ø 2004 г. – 960 стр 8

7. М. Дмитриева Ø «Java. Script. Самоучитель» , Ø 2001 г – 512 стр Ø 8. А. Павлов «CGI-программирование. Учебный курс» , 2000 г. – 416 стр Ø 9. Р. Колби «Освой самостоятельно CGIпрограммирование за 24 часа» Ø 2001 г. – 368 стр Ø 9

HTML Ø (язык разметки гипертекста) Ø Гипертекст включает ссылки на другие страницы, списки, разделы, рисунки и др Гипертекст – нелинейная структура текста. Ø HTML – основа построения страниц сайта (web-страниц, html-страниц) Ø 10

Ø Эти страницы находятся в файлах с расширением. htm или. html Ø Просматриваются браузерами: Ø IE 5 (Internet Explorer), IE 6, Ø NN 7(Netscape Navigator), NN 8, Ø Opera 7, 8, 9, Ø Mozilla, Ø Firefox и др. 11

Теги Ø В основе html языка лежат теги (тэги). Ø Тег – служебное слово языка в Ø угловых скобках. Ø Ø Этот заголовок отображается" src="https://present5.com/presentation/140244772_168323250/image-15.jpg" alt="Ø 1) Заголовок страницы Ø Ø Этот заголовок отображается" /> Ø 1) Заголовок страницы Ø Ø Этот заголовок отображается в самой верхней части окна браузера. Ø 15

Ø 2) Метатеги – для: l l поисковых роботов; в какой кодировке отображать текст и т. д. Б. Тег тела страницы Текст страницы 16

Ø Открывающие теги часто имеют атрибуты. Ø Это параметры уточняют действие тега. Ø Атрибут имеет синтаксис: Ø имя_атрибута=“значение атрибута” или Ø имя_атрибута=‘значение атрибута’ Ø 17

Ø Пример Ø Есть атрибуты, которые присутствуют практически в любом теге, например name Ø С помощью атрибута name можно работать с html-страницей и тегами при помощи языка Java. Script. Ø 18

Комментарий Ø Для комментария используются теги: Ø Ø Ø Браузер не интерпретирует текст, находящийся в этих тегах. 19

Форматирование текста Ø 1. Переход на новую строку. Браузер убирает все пробелы (кроме одного) и сам форматирует строки, исходя из ширины экрана и его разрешения. Например, набранный текст: Слово 1 слово 2 слово 3 На экране браузера будет иметь вид: Слово 1 слово 2 слово 3 20

Для принудительной разбивки текста на строки и существует тег . ! Закрывающего тега у него нет. 2.

Тег абзаца (то-есть переход на новую строку. Отступа нет ни в одном практически браузере). Иногда применяют закрывающий

3. Заголовки в странице …. . - самый крупный ------------- …. . - самый мелкий фонт. Ø В этих тегах можно применять атрибуты задания размера шрифта и выравнивания. Например, Ø Ø (можно также left, right). 22

Ø 4. Но для этого могут быть и теги: l l l а) текст жирным текстом б) текст курсивом в)

Списки Ø 1. Ненумерованные списки

…….

Ø Можно задавать тип элемента атрибутом type: Ø disk Ø○ circle (по умолчанию) Ø□ square Ø Для замены маркера рисунком надо воспользоваться каскадной таблицей стилей или насильно прописывать небольшие изображения. 25

Ø 2. Нумерованные списки

……

Ø Для этого type = 1 =i Ø =I Ø =a Ø =A Нумерацию можно начинать с нужной позиции. Например, первый пункт будет пятым или двадцатым. Ø 27

Ø 3. Списки-определения (списки-глоссарии) Ø

……………. .

Ø Могут быть списки в списках: Ø

Курсы Ø Ø Ø
1. курс 1
2. курс 2
   Список
   • Иванов
   • Петров
   • Сидоров 29

Ø Ø Ø Ø

Ø На экране браузера данные списки будут иметь вид: 31

Ссылки Ø С помощью их можно осуществлять: l l переход на другой абзац внутри страницы; переход на другую страницу того каталога, что и исходная страница; переход на другую страницу другого каталога; переход на другую страницу другого сайта. 32

Ø 1. Для первого случая применяются якоря (теги) с атрибутом href. Ø Наприер, Ø < a href=“my_page. html#metka 1”> Ø Текст ссылки Ø 33

Ø На экране браузера будет: Ø текст ссылки Ø Курсор вне ссылки – обычно “стрелка”, Ø Курсор на ссылке – “ладонь”. Ø Но это можно настроить по своему вкусу (средствами Windows). 34

Ø Для такого перехода внутри страницы должна быть метка с атрибутом name: Ø Название метки Ø Метка дает возможность сразу попадать внутрь страницы на нужное место, а не на её начало. 35

Ø 2. Для второго случая указывается адреса файлов: Ø Название ссылки Ø 3. Для третьего случая может быть: Ø а) href=‘каталог/имя_файла’ Ø Здесь каталог является подкаталогом. 36

Ø б) href=‘. . /имя_файла’ Ø Файл находится в родительском каталоге Ø в) href=‘/имя_файла’ Ø Файл находится в главном каталоге сервера или пользователя Ø (в зависимости от ОС) 37

Ø 4. Для четвертого случая href=‘http: //адрес_сайта/путь/имя_файла’ адрес – IP-адрес (192. 44. 180. 183) – DNS-имя (www. donntu. edu. ua) В общем случае значение атрибута href обозначается как URL, где 38

URL – унифицированній локатор ресурса, который может быть таким: - схема (протокол) - http: //, ftp: // и др; - адрес узла (сервера); - порт (: 8080). По умолчанию в Интернете принят порт 80; - путь - каталоги в пути отделяются прямыми слешами (как в ОС UNIX) 39

- название файла (ресурса); Ø - метка; Ø - запрос (после вопросительного знака идут слова запроса). Ø Ø Ø 40

Ø Если в ссылке указать атрибут Ø target=_blank Ø то документ по этой ссылке будет открыт в новом окне. 41