Тема: Розробка сайту, що складається з кількох веб-сторінок, зв’язаних посиланнями.
Мета: Отримати початкові навички по створенню простих Internet-документів. Навчитись виконувати форматування створених Web-сторінок.
Обладнання: персональний комп'ютер IBM PC, ОС Windows, графічний редактор Paint, текстовий редактор Блокнот.
Порядок виконання практичної роботи
1. На диску С: створіть папку з вашим прізвищем та у ній зберігайте всі файли практичної роботи. Кожне нове завдання зберігати у папці з номером завдання.
2. Створіть стандартний текстовий файл. У ньому надрукуйте основні теги: <HTML> <HEAD> <TITLE> Ваше Прізвище та ім'я, № Групи </ TITLE> </ HEAD> <BODY> Практична робота № 8-9 </ BODY> </ HTML>
Збережіть документ з розширенням *. html.
3. Створіть веб-сторінку з оформленим фоном і текстом.
HTML-код буде виглядати наступним чином:
<HTML> <BODY BACKGROUND="paint1.bmp" BGCOLOR="red" TEXT="cian" LEFTMARGIN="40" MARGINWIDTH="40"> Найбільший собака належить до породи англійський мастиф і сенбернар. Рекорд найважчого собаки належить англійському мастифові Зорба (1989) – 155,6 кг.
2 кг губної помади з’їдає за своє життя жінка, регулярно фарбуючий губи.
В середньому у чоловіків температура тіла вища, ніж у жінок.
</ BODY> </ HTML>
Збережіть документ з розширенням *. html.
4. На базі першої найпростішої Веб-сторінки створіть текстовий документ, що має наступне оформлення:
Пристрої комп'ютера (Заголовок 1)
Зовнішні (заголовок 2)
Принтер, сканер, монітор, клавіатура. (Розмір -12, колір синій, шрифт Arial)
Внутрішні (Заголовок 2)
Вінчестер, материнська плата, відеокарта.
Відкрийте графічний редактор Paint і створіть малюнок. Збережіть його під ім'ям foto.bmp в папці проекту. Додайте створений малюнок на вашій сторінці під текстом по центру.
5. Створіть багаторівневі списки
Приклад 1.
1. Розглянемо елементи вікна:
· кнопка закрити
· кнопка згорнути
· кпонка розгорнути
· лінійка прокрутки
· заголовок вікна
2. Елементи робочого столу:
· панель завдань
· піктограми
Приклад 2.
І Перший розділ
1. Обгрунтування вибору теми
2. Розгляд аналогів
· Вітчизняних
· Зарубіжних
ІІ Другий розділ
1. Опис принципу дії
2. Схема
· структурна
· принципова
· функціональна
ІІІ Висновок
Для цього наберіть текст і перегляньте результат:
<OL Type=I>
<LI> Перша глава </ LI>
<OL> <LI> Обгрунтування вибору теми </ LI>
<LI> Розгляд аналогів </ LI>
<UL>
<LI> Вітчизняних </ LI>
<LI> Зарубіжних </ LI>
</ UL>
</ OL>
<LI> Другий розділ </ LI>
<OL> <LI> Опис принципу дії </ LI>
<LI> Схема </ LI>
<UL>
<LI> Структурна </ LI>
<LI> Принципова </ LI>
<LI> Функціональна </ LI>
</ UL>
</ OL>
<LI> Висновок </ LI>
</ OL>
6. Створіть сайт «Загадки» з вертикальним меню. Збережіть файли і перегляньте результат.
<A Href=index.html> Повернення до головної сторінки </ A>
</ Body>
</ Html>
7. Створіть сайт на тему «Історія обчислювальної техніки».
На головній сторінці заголовок: «Історія обчислювальної техніки». Нижче наводиться меню: Ручний етап, Механічний етап, Електромеханічний етап, Електронний етап. Оформіть список посиланнями на «підлеглі» сторінки. Передбачте повернення на головну сторінку.
За клацанням на «Ручний етап» виконується перехід і видається текст - маркірований список:
· АБАК - стародавні рахівниці в Греції та Єгипті
· аль-Хорезмі - математик і астроном 12 століття описав правила додавання і віднімання чисел в десятковій системі числення.
· Непер ввів в 17 столітті поняття логарифмів і побудував логарифмічні таблиці.
За переходу на «Механічний етап» видається текст - нумерований список:
1) 1642. Франція. Паскаль побудував Паскаліна - рахункову машину на дві дії.
2) 1673 Німеччина. Лейбніц побудував лічильну машину на чотири дії - Арифмометр.
3) 1822 Англія. Беббідж побудував модель механічної машини для складних розрахунків - «Різницева машина».
За переходу на «Електромеханічний етап» видається текст - нумерований список:
А) 1890 р. США. Холлеріт створює машину для статистичних розрахунків «Статистичний табулятор», а в 1924 р.. Фірму IBM.
Б) 1936 р. США. Тьюринг розробив теоретичний автомат.
В) 1943-45 рр.. США. Ейкен побудував електромеханічну машину МАРК-1.
За переходу на «Електронний етап» видається текст - нумерований список:
I. 1946 США. Моучлі і Еккерт сконструювали першу ЕОМ - ЕНІАК.
II. 1949 Англія. Уілкс побудував першу в світі ЕОМ з зберiганням в пам'ятi - ЕДСАК.
III. 1951 Росія. Лебедєв сконструював першу радянську ЕОМ - МЕСМ.
