Поиск

Полнотекстовый поиск:
Где искать:
везде
только в названии
только в тексте
Выводить:
описание
слова в тексте
только заголовок

Рекомендуем ознакомиться

Информатика, программирование->Лабораторная работа
Возьмите системную дискету с операционной системой. Установите в дисковод. Установите в загрузочной настройке VMware – загрузка с дискеты. Запустите V...полностью>>
Информатика, программирование->Лабораторная работа
Вы научитесь устанавливать операционную систему Windows XP Professional, создавать и работать с консолями, настраивать и пользоваться удаленным подклю...полностью>>
Информатика, программирование->Книга
Методические указания содержат основные теоретические сведения, рекомендации и примеры, необходимые для выполнения лабораторной работы и семестрового ...полностью>>
Информатика, программирование->Лабораторная работа
Для установки программ из пакетов RPM существует несколько способов. Если установка происходит из X-window то можно кликнуть мышкой на нужном пакете и...полностью>>

Главная > Контрольная работа >Информатика, программирование

Сохрани ссылку в одной из сетей:

Учебная цель: Провести сбор вспомогательной информации. Получить практические навыки работы в виртуальной среде. Оценить свои возможности по созданию html-страничек. Изучить основы работы с тегами.

Программное обеспечение

для выполнения лабораторной работы необходимо следующее ПО:

1. Редактор HTML документов (желательно HomeSite 4.5 и выше)

2. Файловый менеджер (желательно Windows Commander 4.0 и выше)

3. Браузер (желательно Internet Explorer 5.0 и выше)


Задание

1. Определить название сайта . Название сайта будет использоваться в заголовках документов и при проектировании стартовой страницы в следующей работе

2. Определить список разделов сайта.      Сайт должен содержать не менее трех разделов. Разделы могут быть выбраны из следующего списка: биография, резюме, друзья, институт, полезные ссылки, домашние животные, хобби, фотогалерея, контактная информация. допускается наличие разделов, не указанных в списке.

3. Подготовить информацию для заполнения разделов сайта.      Для каждого раздела сайта необходимо подготовить текстовый файл, содержащий информацию, которая будет помещена в разделе. для разделов, содержащих графическую информацию (например фотогалерея) необходимо подготовить список графических изображений.

4. Определить количество страниц для каждого раздела сайта .      В зависимости от количества размещаемой информации, раздел может быть представлен одной или несколькими страницами. Разбиение раздела на страницы не должно нарушать логическую целостность представленного материала.

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

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

6. Заполнить таблицу документов.      Разработанная система навигации позволяет заполнить таблицу, описывающую структуру сайта с точки зрения связей между документами. Файлы должны быть сгруппированы по разделам. Таблица должна иметь следующий вид:

№ п/п

Название HTML файла

Раздел

Номера связанных документов



7. Создать HTML документы без использования графики.      Согласно таблице документов (п.5) необходимо создать HTML документы (без использования графики), содержащие подготовленную ранее (п.2) информацию.

8. Проверить созданный сайт на предмет наличия ошибок.      При помощи браузера необходимо проверить корректность ссылок и отображения материалов на всех страницах сайта.

Отчет

     Отчет о выполнении лабораторной работы должен содержать следующие разделы:

1. Титульный лист

2. Название сайта

3. Список разделов сайта

4. Таблицу документов

5. Текст одного HTML документа, входящего в состав сайта, по выбору студента.



Защита

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



Пример

1. Название разрабатываемого сайта: Персональный сайт Иванова И.И.

2. Сайт содержит разделы: Резюме, Биография, Проекты. Каждый раздел представлен одной страницей

3. Таблица документов:

№ п/п

Название HTML файла

Раздел

Номера связанных документов

1

res.html

Резюме

2,3

2

bio.html

Биография

1,3

3

proj.html

Проекты

1,2

4. Текст файла res.html

Персональный сайт Иванова И.И. Резюме

Резюме






Ф.И.О: Иванов Иван Иванович

дата рождения: 1 января 1970г.

Семейное положение: холост

домашний телефон: 111-11-11

E-mail: ivanov@mail.ru

Образование

Иркутский государственный университет, филиал в г.Братске(БФ ИГУ).

Специальность: Прикладная информатика в экономике.

Опыт работы

2004-2010 ООО "СуперСофт"

должность: системный администратор

Профессиональные навыки

ОС: MS Windows 9x/2000/XP, UNIX

Языки программирования: C/С++, Visual Basic

Программные продукты: MS Office, MS Visio

дополнительные сведения

Личные качества: аккуратность, педантичность, обучаемость

Увлечения: музыка, литература, спорт, компьютерные игры

Прочее: Английский язык (технический)

    1. Введение в HTML. Общие сведения

1.1.1.Общие принципы создания Web-узла

1.1.2.История развития HTML

1.1.3.Принципы гипертекстовой разметки

1.1.4.Группы тегов НТМL

    1. Структура HTML-документа и элементы разметки заголовка документа

1.2.1.Назначение заголовка

1.2.2.Отображение содержания элемента TITLE

1.2.3.Основные контейнеры заголовка

1.2.4.Элемент разметки HEAD

1.2.5.Элемент разметки TITLE

1.2.6.Элемент разметки BASE

1.2.7.Элемент разметки ISINDEX

1.2.8.Элемент разметки META

1.2.9.Элемент разметки LINK

1.2.10.Элемент разметки STYLE

1.2.11.Элемент разметки SCRIPT

    1. Контейнеры тела документа

1.3.1.Теги тела документа

1.3.2.Тело документа – контейнер ВОDY

1.3.3.Теги управления разметкой

1.3.4.Теги управления отображением символов

1.3.5.Блоки цитат — элемент <ВLОСKQUOTE>

1.3.6.Создание списков в HTML

1.3.7.Горизонтальные линейки — тег <НR>

1.3.8.Преформатированный вывод — тег <РRЕ>

1.3.9.Применение тега

1.3.10.Комментарии в языке HTML

1.3.11.Гипертекстовые ссылки

    1. Графика

1.4.1.Использование графики в HTML

1.4.2.Форматы графических файлов

1.4.3.Активные изображения

1.4.4.Изображения в миниатюре

    1. Таблицы в HTML

1.5.1.Средства описания таблиц в HTML

1.5.2.Создание таблиц в HTML

1.5.3.Применение пустых ячеек

1.5.4.Использование таблиц в дизайне страницы



Загрузить файл

Похожие страницы:

  1. Разработка персонального сайта студента. Структура и интерфейс сайта

    Лабораторная работа >> Информатика, программирование
    Разработка персонального сайта студента. Структура и интерфейс сайта ... сайта. Внизу каждой страницы должен располагаться счетчик, отображающий в текстовом ... версии сайта. Пример Название разрабатываемого сайта: Персональный сайт Иванова И.И. Сайт содержит ...
  2. Разработка и сопровождение многофункционального персонального сайта преподавателя

    Контрольная работа >> Информатика, программирование
    ... персональный сайт преподавателя дает возможность получить студенту ... броузера и версии языка. Для ... =t) # t – текстовая переменная, где содержится ... сайта. Поддержка сайта осуществлялась в течении учебного года.  В результате разработки персонального сайта ...
  3. Разработка дистанционных технологий обучения для гуманитарных специальностей

    Реферат >> Информатика
    ... материалов, помогает студенту в составлении персонального учебного плана и ... гипертекстовых документов в текстовом формате. HTML произошел ... . Для всех версий, кроме версии для Windows, ... и управление расширениями Разработка сайта на основе системы Joomla ...
  4. Разработка интернет магазина продаж телекоммуникационного оборудования на примере ИП Стрелкова М

    Дипломная работа >> Информатика
    ... проект Студента ___группы И02И21н 1. Тема: Разработка программного ... в следующей версии ошибка будет исправлена. А версии РНР выходят ... на сайтах – баннеры различных форматов, текстовые блоки ... для размещения своего персонального сайта являются различные сервера ...
  5. Разработка иерархии классов

    Курсовая работа >> Информатика, программирование
    ... разработка структуры иерархии классов «Расписание студентов» ... персональных ... драйвером WDDM версии 1.0 или ... нужных текстовых ... разработки, а именно использовании структуры классов, наглядности и удобству в использовании. Список литературы Материалы сайта ...

Хочу больше похожих работ...

Generated in 0.0019910335540771