Практическая работа
Тема: «Создание html-документа в текстовом редакторе»
Часть
Задание 7: Создание таблицы на языке HTML
1) Откройте файл hardware.html через текстовый редактор Блокнот.
2) Присвойте название документу «Аппаратное обеспечение ПК», прописав соответствующий тег в разделе <head> </head>:
| <head> <title> Аппаратное обеспечение ПК </title> </head> |
3) Оформите заголовок первого уровня html-документа «Структурно- функциональная схема компьютера», установите его по центру в структуре тега <body> … </body>:
<h1 align=center > Структурно-функциональная схема компьютера </h1>
4) Добавьте изображение struktura.gif. Для этого запишите следующий код:
<img src=”struktura.gif”>.
| <html> <head> <title> Аппаратное обеспечение ПК </title> </head> <body> <h1 align=center> Структурно-функциональная схема компьютера </h1> <h1 align=center> <img src="struktura.gif"></h1> </body> </html> |
5) Создайте таблицу «Основные технические характеристики ПК». Для этого вставите в страницу следующий код:
| <h1 align=center > Основные технические характеристики ПК </h1> <table border align=center> |
<tr>
<th> № п/п</th>
<th> ОСНОВНЫЕ ТЕХНИЧЕСКИЕ ХАРАКТЕРИСТИКИ ПК </th>
<th> ОТ ЧЕГО ЗАВИСИТ ХАРАКТЕРИСТИКА </th>
</tr>
<tr>
<td align=center>1 </td>
<td align=center> Тип процессора (система команд) </td>
<td align=center> От используемой материнской платы </td>
</tr>
<tr>
<td align=center> 2 </td>
<td align=center> Быстродействие (тактовая частота и разрядность процессора и системной шины </td>
<td align=center> От процессора </td>
</tr>
<tr>
<td align=center> 3 </td>
<td align=center> Объем, тип оперативной памяти и возможность её наращивания (количество подключаемых модулей) </td>
<td align=center> От используемой материнской платы </td>
</tr>
<tr>
<td align=center>4 </td>
<td align=center> Объем внешней памяти, число и типы встроенных дисководов
</td>
<td align=center> От вида корпуса компьютера </td>
</tr>
</table border>
6) Закончите таблицу, внеся данные:
| № п/п | Основные технические характеристики ПК | От чего зависит характеристика |
| Тип процессора (система команд) | От используемой материнской платы | |
| Быстродействие (тактовая частота и разрядность процессора и системной шины) | От процессора | |
| Объем, тип оперативной памяти и возможность её наращивания (количество подключаемых модулей) | От используемой материнской платы | |
| Объем внешней памяти, число и типы встроенных дисководов | От вида корпуса компьютера | |
| Объем видеопамяти графического адаптера, цветовая палитра (глубина цвета) и разрешающая способность | От используемой материнской платы | |
| Тип дисплея, размер и разрешающая способность | От технологии, которая была применена при создании | |
| Номенклатура и типы портов ввода-вывода | От используемой материнской платы | |
| Состав дополнительного оборудования (звуковая плата, модем, сетевая карта) | От используемой материнской платы | |
| Количество слотов расширения на системной плате | От используемой материнской платы | |
| Мощность блока питания | От используемой материнской платы | |
| Эргономика и комфорт работы с мышью и клавиатурой | От задумки дизайнера | |
| Дизайн и тип корпуса системного блока | От задумки дизайнера, от используемой материнской платы | |
| Возможность модернизации компьютера | От используемой материнской платы и типа корпуса компьютера | |
| Надежность (наработка на отказ) компьютера | От надежности его комплектующих и количества, от пользователя компьютера |
| Соответствие современным санитарным нормам и требованиям электробезопасности | От руководителя организации, от работающего за данным рабочим местом | |
| Состав и полнота сопроводительной технической документации | От изготовителя | |
| Гарантийные обязательства производителя и поставщика | От используемой материнской платы и типа корпуса компьютера |
Результат выполнения:
Задание 8: Создание нумерованных списков
1) Откройте в Блокноте файл software.html.
2) Добавьте следующий HTML-код, задающий нумерованный список:
<ol>
<li> Системные программы
<li> Прикладные программы
<li> Системы программирования
</ol>
Данный код задает нумерацию арабскими цифрами (1, 2, 3…).
3) Создайте вложенный нумерованный список для элемента основного списка
«Прикладные программы». Вставьте данный код под пунктом «Прикладные программы»:
<ol type="I">
<li> Текстовые редакторы
<li> Графические редакторы
<li> Электронные таблицы
<li> Системы управления базами данных
</ol>
Данный код задает нумерацию римскими цифрами (I, II, III, IV…).
4) Для изменения размера шрифта всего документа используйте тег <font size=4pt>…</font>.
5) Для создания заголовка к спискам добавьте следующий код: <h2 align=center> ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ </h2>.
<html>
<head>
<title> Программное обеспечение </title>
</head>
<body>
<h2 align=center> ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ </h2>
<font size=4pt>
<ol>
<li> Системные программы
<li> Прикладные программы
<ol type="I">
<li> Текстовые редакторы
<li> Графические редакторы
<li> Электронные таблицы
<li> Системы управления базами данных
</ol>
<li> Системы программирования
</ol>
</font>
</body>
</html>
Результат:
