Скачать презентацию
Идет загрузка презентации. Пожалуйста, подождите
Презентация была опубликована 8 лет назад пользователемЗоя Силич
1 Разработка WEB-приложений Автор: доцент, к.т.н. Галямова Е.В. Курс лекций и практических занятий для студентов ИУ6-7 х и АК учебный год
2 Язык HTML HTML (Hypertext Markup Language) - это язык создания гипертекстов, язык среды WWW. Язык HTML - это множество элементов, специфицирующих формат описываемой страницы. Каждый элемент влияет на данные (текст или изображение), которые следуют за ним.
3 Особенности языка HTML возможность вставлять объекты в веб- документы с помощью элементов IMG, OBJECT, FORM и другими; каскадные страницы стилей (элемент STYLE) позволяют изменять внешний вид страниц; рамочная разметка страниц (frame-based layout) обеспечивает управление структурой страницы, обеспечивая возможности перемещения текстов и изображений
4 Универсальные локаторы ресурсов - URL (Uniform Resource Locator) Стандарт для адресации ресурсов, находящихся в компьютерах, объединенных в сеть Строка URL определяет точное местоположение ресурса в WWW. Состоит она из 4-х частей, определяющих метод доступа к ресурсу, адрес компьютера, содержащего ресурс, местонахождение ресурса на компьютере (имя файла) и, наконец, какие-либо параметры, которые должны быть переданы ресурсу Метод://адрес_веб- узла:порт/путь_к_ресурсу?параметры
5 Существующие методы доступа к URL Метод доступа Описание http: HyperText Transfer Protocol (протокол передачи гипертекста) Наиболее часто используемый протокол mailto: (адрес электронной Вызывает локальную программу-клиент электронной почты с уже указанным адресом получателя. ftp: File Transfer Protocol (протокол передачи файлов) Загружает файл, указанный в URL, используя FTP file: Local Filename (имя отдельного файла)Открывает в браузере указанный локальный файл news: News Server (сервер новостей)Запускает приложение сервера новостей и переходит к указанной группе новостей.
6 Адрес узла Интернет Вторая часть строки URL - IP адрес. Обычно это удобное для чтения имя, например, org IP адрес можно задать и в цифровом виде, например, ftp:// :80/ Вторая часть строки URL - IP адрес. Номер порта указывается после двоеточия. Порт с номером 80 является стандартным HTTP-портом и принимается по умолчанию.
7 Путь к локальному файлу Вслед за адресом может быть указан (дополнительно) путь в файловой структуре сервера. Одним из наиболее употребительных способов задания является указание имени веб-мастера данного узла с предшествующим символом тильды (~). Обычно оно представляет собой имя начального каталога веб-мастера и все остальные пути к документам определяются относительно этого каталога. Если конкретный файл не указан, то веб-сервер будет использовать файл по умолчанию. В большинстве компьютеров с операционной системой UNIX, таким файлом является INDEX.HTML. В Windows NT обычно это DEFAULT.HTM.
8 Параметры URL Четвертая часть URL. Параметры и используемые в них разделители определяются указанным методом доступа. В случае HTTP символ #, например, обозначает закладку или ссылку типа NAME внутри HTML документа.
9 1. Основные элементы HTML Элементы и теги элементы могут вкладываться друг в друга, имеют теги начала и конца или требуют завершения их тегом конца (не все!), Атрибуты Атрибуты модифицируют характеристики элемента Комментарии Элемент комментария позволяет "спрятать" элементы, не поддерживаемые устаревшими браузерами Цвета не для всех, но для многих элементов Закладки закладка (anchor) - элемент, делающий язык HTML столь мощным средством
10 1.1. Элементы и теги Язык HTML - это множество элементов, специфицирующих формат описываемой страницы. Каждый элемент влияет на данные (текст или изображение), которые следуют за ним. Например, следующий элемент определяет, что текст будет выделен полужирным шрифтом: This text is bold Символ В - элемент языка, а обозначение или называется тег, в частности, это теги начала и конца элемента. Пары тегов обеспечивают возможность вложенного использования элементов: This text is bold and This text is italicized
11 1.2. Атрибуты HTML -элементы могут иметь атрибуты. Атрибуты модифицируют характеристики элемента. Например, элемент Р определяет начало абзаца текста. Он имеет один атрибут ALIGN, который позволяет определять выравнивание: LEFT, CENTER or RIGHT. Например: This sentence is centered. This sentence is aligned right. This sentence is aligned left.
12 1.3. Комментарии Для комментариев предусмотрены теги комментариев Элемент комментария позволяет "спрятать" элементы, не поддерживаемые устаревшими браузерами (как - увидим дальше). Есть и альтернативный тег COMMENT из HTML версии 2.0. Примеры использования: Наш первый Скрипт " document.write " " & "Здесь некоторая информация о Вашем браузере: " & " " document.write "Наименование: "> Наш первый Скрипт " document.write " " & "Здесь некоторая информация о Вашем браузере: " & " " document.write "Наименование: " & Window.Navigator.AppName & " " document.write "Версия: " & Window.Navigator.AppVersion & " " document.write "Кодовое имя: " & Window.Navigator.AppCodeName & " " document.write "Пользователь: " & Window.Navigator.UserAgent document.write " " document.close -->"> Наш первый Скрипт " document.write " " & "Здесь некоторая информация о Вашем браузере: " & " " document.write "Наименование: " title="Пример. Программа собирает информацию о вашем браузере Наш первый Скрипт " document.write " " & "Здесь некоторая информация о Вашем браузере: " & " " document.write "Наименование: ">
28 Как программа работает: При загрузке страницы начинает выполняться сценарий, динамически генерирующий HTML-данные и передающий их в браузер. В процессе загрузки программа также собирает информацию о браузере, в котором работает. Затем эти данные отображаются на экране. Специфику оператора document.write мы рассмотрим в одной из следующих лекций. А сейчас мы лишь посмотрели, каким образом путем создания сценариев можно генерировать динамические Wеb- страницы. Данные о Вашем браузере генерировались непосредственно при загрузке страницы.
29 2.2. Элементы основного раздела веб-страницы –BODY Aбзацы и разрывы строки Cписки Изображения
Еще похожие презентации в нашем архиве:
© 2024 MyShared Inc.
All rights reserved.