На данной странице представлены задания лабораторных работ для студентов 2 курса специальности «Информатика» (бакалавриат).

Задания:

1. Создайте в программе Блокнот XHTML-документ минимальной структуры: задания 1-9.

2. Сохраните созданный файл с расширением xhtml и откройте сначала в IE, а затем в каком-либо браузере, поддерживающем XHTML как тип документа. Сравните результаты.

3. Внесите в созданный документ ошибку, нарушающую правила XHTML (например, добавьте атрибут со значением без кавычек). Откройте документ в поддерживающем стандарты браузере - вместо документа там должно отобразиться сообщение об ошибке разбора.

4. Измените расширение файла на htm (оставив ошибку в документе). Откройте документ в разных браузерах.

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

Цель лабораторной работы - создать сайт из трех страниц на основе табличной верстки по заданной теме.

Рекомендации по созданию табличной верстки веб-страниц

ПЛАН ВЫПОЛНЕНИЯ ЛАБОРАТОРНОЙ РАБОТЫ:

1. Выбрать тему для сайта.
2. Создать в программе Блокнот документ «index.html» - главную страницу сайта.
3. Оформить созданную страницу: логотип, заголовок, меню (пока без гиперссылок), содержание.
4. Создать документы «page1.html» и «page2.html».
5. Оформить созданные страницы: логотип, заголовок, меню - такие же как на главной странице; содержание для каждой страницы свое.
6. Настроить гиперссылки на всех страницах.
7. Выложить созданный сайт для проверки: X:\homes\kat\public\ОИТ ИНБ21.

- До следующего занятия оставить свои отзывы на созданные сайты в коллективном документе

CSS (Cascading Style Sheets, Каскадные таблицы стилей) — технология, позволяющая описывать внешний вид элементов, создаваемых языком разметки.

Цель лабораторной работы - создать html-документ с использованием таблицы стилей CSS.

Задания лабораторной работы находятся здесь (начиная с 3-ей страницы): X:\homes\kat\shared\ИНБ21 Основы интрент-технологий\ЛР3.pdf

Программа для создания html-документов: X:\homes\kat\shared\ИНБ21 Основы интрент-технологий\PSPad.exe

Справочник по CSS

1. Выбрать тему проекта.
2. Изучение роли дизайна при разработки Web-сайта. Работа с книгой О.Яцюк «Основы графического дизайна на базе компьютерных технологий» (X:\homes\kat\shared\ИНБ21 Основы интрент-технологий)
3. Анализ целевой аудитории сайта.
4. Изучение и анализ сайтов данной тематики, представленных в Интернете.
5. Составление сводной таблицы просмотренных сайтов:

1. Определение объектов, которые должны присутствовать на всех страницах сайта.
2. Изучение особенности использования цвета и текста в Web.
3. Создание в графическом редакторе Gimp эскиза, на котором отражена общая схема расположения основных элементов сайта, проработана детализация содержимого страниц: шрифтовое решение названия и заголовков, примерные иллюстрации, их количество и размер, формы и размеры кнопок или слов гиперссылок.
4. Сохранение эскиза сайта в формате GIF или JPEG, загрузка его в окно разных браузеров, анализ полученных результатов.
5. Доработка эскиза сайта.

Примеры эскизов сайта клиники пластической хирургии (три варианта для дизайна сайта):

1. Изучение роли и значимости различных типов страниц сайта.
2. Создание фирменного знака сайта в программе OpenOfficce Drow.
3. Разработка домашней страницы сайта.
4. Изучение и реализация приемов «оживления» домашней страницы сайта.

1. Разработка карты сайта.
2. Подбор материалов для содержания каждой внутренней страница сайта.
3. Разработка внутренних страниц сайта.
4. Разработка специальных страниц сайта.

1. Проверка работоспособности сайта и корректного отображения всех графических элементов в различных браузерах.
2. Размещение сайта в сети Интернет.
3. Защита разработанного сайта.

Назад: Основы интернет-технологий (ИНБ21, 2012)