Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование»


Скачать 191.87 Kb.
Название Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование»
Тип Методические указания
rykovodstvo.ru > Руководство эксплуатация > Методические указания


ЗАДАНИЯ И МЕТОДИЧЕСКИЕ УКАЗАНИЯ
к лабораторным работам №№1÷4
по дисциплине «Web-программирование»
для студентов 3 курса
дневного отделения факультета АВТ,
обучающихся по направлениям
09.03.01 Информатика и вычислительная техника,
09.03.04 Программная инженерия


Оглавление

Содержание отчетов по лабораторным работам 3

Лабораторная работа №1. Статический html-документ
(4 часа) 4

Лабораторная работа №2. Каскадные таблицы стилей CSS
(4 часа) 14

Лабораторная работа №3. Web-сервер Apache
(8 часов) 21

Лабораторная работа №4. Динамический html-документ
(4 часа) 30


Содержание отчетов по лабораторным работам



Отчеты по лабораторным работам оформляются в электронном виде с именами АВТ-500 Иванов, Петров (лр1).doc (или *.docx, *.rtf, *.odt, *.pdf).

Отчеты оформляются по лаб. работам: №№1 и 2 (один отчет по двум лабораторным работам); №3, №4, №5, №6, №7 (отдельные отчеты по лабораторным работам с третьей по седьмую), всего шесть отчетов по семи лабораторным работам.

Образец титульного листа к отчетам находится по адресу http://ermak.cs.nstu.ru/webprog/wp_labwork_title_page.doc.

Лабораторная работа №1. Статический html-документ
(4 часа)



Цель работы:

Изучить основы языка разметки гипертекста HTML 5.
Задание:

Создать html-документ, разметить его в соответствии с вариантом (см. далее по тексту). Для ВСЕХ ВАРИАНТОВ в разметке html-документа использовать:

  • тег

  • тег для определения кодировки текста;

  • тег комментария;

  • теги:
    ,
    ,
    , ,
    , один из

    , , , , , ,
    , ,
    , ;

    • продемонстрировать отличие в тегах
      и ;

      • теги
        , ,
        для вставки изображения;


        Вариант 1: Вариант 2:



        Вариант 3: Вариант 4:



        Вариант 5: Вариант 6:



        Вариант 7: Вариант 8:



        Вариант 9: Вариант 10:



        Порядок выполнения лабораторной работы:

        1. Запустить текстовый редактор.

        2. Разметить html-документ в соответствии с заданным вариантом. Для справки о тегах и их атрибутах использовать справочники, расположенные по адресам https://www.w3schools.com/html/default.asp и https://html5book.ru/html-html5.
          Стандарт HTML 5 расположен по адресу https://www.w3.org/standards/techs/html.

        3. Проверить соответствие выполненной разметки стандарту HTML 5, использовав валидатор WWW Консорциума, расположенный по адресу http://validator.w3.org.


        Содержание отчета:

        По двум лабораторным работам №№1 и 2 оформляется один отчет. См. раздел «Содержание отчета» для лабораторной работы №2.
        Теоретические сведения
        Язык разметки гипертекста HTML (Hypertext markup language) — язык разметки, используемый для создания гипертекстовых html-документов, отображаемых браузером.

        Гипертекст — форматированный текст, содержащий ссылки на другие документы (гиперссылки).

        Разметка — вставка в текст дополнительных служебных символов, каждый из которых является командой, указывающей браузеру, как следует отображать документ.

        Язык разметки гипертекста HTML не является языком программирования.

        Основным элементом языка разметки гипертекста HTML является тег (tag).

        Теги содержат указания браузеру о способах отображения документа.

        С помощью тегов в html-документ вставляются файлы, содержащие дополнительные данные (например, графику) и размечаются гиперссылки, посредством которых данный html-документ связывается с другими html-документами.

        Как правило, теги состоят из начального и конечного элементов, между которыми размещаются текст и другие элементы html-документа. Имя конечного тега совпадает с именем начального, но перед именем конечного тега ставится косая черта.

        Базовый синтаксис тега:


        Содержимое тега

        где — это начальный элемент тега, содержащий имя тега, а — конечный элемент тега.

        В начальном элементе тега может располагаться перечень атрибутов тега. Атрибуты тега следуют за именем и отделяются друг от друга одним или несколькими пробелами. Порядок записи атрибутов в начальном элементе тега значения не имеет. Значение атрибута, если имеется, следует за знаком равенства, стоящим после имени атрибута. Если значение атрибута — одно слово или число, то его можно указать после знака равенства, не заключая в кавычки. Все остальные значения необходимо заключать в кавычки, особенно если они содержат пробелы. Если атрибут не указан, браузером используется его значение по умолчанию.

        Регистр символов в именах тегов и атрибутов не учитывается.


        Содержимое тега

        Конечные теги никогда не содержат атрибутов.

        При использовании вложенных тегов их нужно закрывать, соблюдая правильную вложенность.

        В некоторых случаях конечные теги можно опускать. Тем не менее, рекомендуется использовать конечные элементы тегов, чтобы избежать ошибок в отображении html-документа браузером.

        Некоторые теги, не имеющие конечного элемента, называются автономными тегами.



        Html-документ состоит из заголовка документа и тела документа.







        Заголовок html-документа





        Тело html-документа




        Весь html-документ заключается в тег . Html-документ состоит из заголовка и тела, которые выделяются, соответственно, тегами и . В заголовке, с помощью тега

        Тело html-документа — та его часть, в которую помещается собственно содержимое html-документа. Тело включает предназначенный для отображения текст и управляющую разметку документа (теги), которые используются браузером.

        Перечень тегов языка HTML и их атрибутов можно посмотреть в справочнике http://htmlbook.ru.

        Лабораторная работа №2. Каскадные таблицы стилей CSS
        (4 часа)



        Цель работы:

        Изучить основы каскадных таблицы стилей CSS 3.
        Задание:

        Оформить html-документ, полученный в результате выполнения лабораторной работы №1 «Статический html-документ», добавив каскадные таблицы стилей. Изменить оформление:

        • документа в целом (фон и т.п.);

        • текста;

        • гиперссылок;

        • списка;

        • таблицы.

        Использовать определение стилей для тегов и классы стилей, псевдоклассы.
        Использовать три способа определения каскадных таблиц стилей:

        • с помощью тега ;

        • с помощью тега

Похожие:

Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания к лабораторным работам по дисциплине “
Методические указания к лабораторным работам по дисциплине “Нормативные документы и должностные инструкции” / А. Г. Куприянов, А....
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания к лабораторным работам по дисциплине «микроэлектронные устройства»
Горохов А. В, Пичугина Л. П. Методические указания к лабораторным работам по дисциплине «Микроэлектронные устройства». – М.: Ргу...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon О. Р. Никитин Специализация по теме диссертации Методические указания...
Методические указания к лабораторным работам предназначены для бакалавров направления 210400 «Радиотехника» и специальности 210600...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания к лабораторным работам по дисциплине «Операционные системы»
Программирование в операционной среде unix: обмен информацией между параллельными процессами, организация защиты файлов в файловой...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания к лабораторным работам «спектрофотометрический анализ»
Методические указания к лабораторным работам «спектрофотометрический анализ» по спецкурсу «оптические методы анализа» для студентов...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания к лабораторным работам по курсу «Новые разделы информатики»
Данные методические указания «Мультимедиа технологии»к лабораторным работам могут быть полезны студентам и преподавателям смежных...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания к лабораторным работам по курсу «Новые разделы информатики»
Данные методические указания «Мультимедиа технологии»к лабораторным работам могут быть полезны студентам и преподавателям смежных...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания к лабораторным и домашним работам по дисциплине «Операционные системы»

Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания к лабораторным работам по дисциплине «Физико-химические методы анализа»
Методические указания составили: доценты: С. А. Соколова, О. В. Перегончая, Л. Ф. Науменко, А. К. Решетникова, О. В. Дьяконова,,...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Вычислительная техника ” схемотехника методические указания к лабораторным работам самара 2000
Схемотехника: Метод указания к лабораторным работам / Самар гос техн ун-т; Сост. И. В. Воронцов, В. П. Золотов. Самара, 2000, 59...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания по дисциплине пд. 02 Химия для выполнения лабораторных...
Методические указания и задания к лабораторно-практическим занятиям для студентов специальности 35. 02. 05 Агрономия по дисциплине...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания «Аналитические запросы» по дисциплине «Постреляционные базы данных»
Учебно-методические материалы «Аналитические запросы» представляют собой методические указания к лабораторным работам по дисциплине...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания к лабораторным работам по дисциплине «Технологии...
Лабораторная работа 2 Составление календарного плана разработки портала вуза 16
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания к практическим работам по учебной дисциплине
Методические указания к практическим работам по учебной дисциплине История отечественного государства и права для студентов спо специальности...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания и задания к лабораторным работам по дисциплине...
...
Методические указания к лабораторным работам №№1÷4 по дисциплине «Web-программирование» icon Методические указания по проведению лабораторных работ по дисциплине «Информатика»
Методические указания по проведению лабораторных работ предназначены для студентов гоапоу «Липецкий металлургический колледж» технических...

Руководство, инструкция по применению




При копировании материала укажите ссылку © 2024
контакты
rykovodstvo.ru
Поиск