Структура html-документа

Содержание

Задание. 3

Задание 1. 4

Задание 2. 7

Задание 3. 8

Задание 4. 11

Задание 5. 13

Задание.

1. В первой части нужно оформить документ в Word (применить разные стили, заголовки, колонки, форматирование, списки, оглавление, рисунки, вставить формулы, нарисовать электрическую схему).

2. Во второй части используя Excel ,имея данные тока, напряжения, сопротивления - построить график величин во времени.

3. В третьей части создать Web – страничку, на первой странице показать внешний вид, на второй - исходный код страницы.

4. В четвертой части вставить небольшую презентацию.

5. В пятой части, используя графический редактор, применить различные фильтры к изображению (изменение резкости, выделение контуров, повышение четкости и т.д.)

Задание 1.

Оформить документ в Word (применить разные стили, заголовки, колонки, форматирование, списки, оглавление, рисунки, вставить формулы, нарисовать электрическую схему).

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

Пример:

ТЕКСТ ДОКУМЕНТА ШРИФТ

Ф о р м а т и р о в а н и е ш р и ф т о в

Шрифтом называется- набор символов, внешний вид которых подчинён единому авторскому замыслу.

Основные параметры шрифта : шрифт ,размер шрифта , начертание.

Для формирования шрифтов можно использовать панель инструментов Форматирование или диалоговое окно Шрифт ,которое содержит три вкладки :ШРИФТ ,ИНТЕРВАЛ,АНИМАЦИЯ .Вызвать диалоговое окно Шрифт можно с помощью строки меню (команда Формат – Шрифт), с помощью контекстного меню (правой кнопкой мыши по выделенному отрывку и выбрать пункт меню Шрифт ) или с помощью «горячих клавиш»(Ctrl + D)

Вкладка Шрифт содержит : шрифт – Times New Roman , Arial , Arial Black , Courier , Impact и другие ; размер шрифта – 8 пунктов , 12 пунктов , 14 пунктов, 18 пунктов, 24 пункта, 48 пунктов , 72 пункта ;

начертание – обычное , курсив, полужирный, полужирный курсив; подчеркивание – одинарное , двойное, толькослова , штрихпунктирное , волнистой линией.

цвет текста – авто , красный , синий, зеленый ;

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

Вкладка ИНТЕРВАЛ содержит : масштаб : 200% , 100% , 66%,333%

Интервал : уплотненный 1,5 пункта

Колонки :

Запустить Microsoft Word .Щелкнуть на кнопке Открыть на стандартной панели инструментов. Выбрать команду Файл – Сохранить как и сохранить этот Файл под именем . Ввести текст , содержащий главный заголовок , подзаголовки с последующими абзацами.

Запустить Microsoft Word .Щелкнуть на кнопке Открыть на стандартной панели инструментов. Выбрать команду Файл – Сохранить как и сохранить этот Файл под именем . Ввести текст , содержащий главный заголовок , подзаголовки с последующими абзацами.

Запустить Microsoft Word .Щелкнуть на кнопке Открыть на стандартной панели инструментов. Выбрать команду Файл – Сохранить как и сохранить этот Файл под именем . Ввести текст , содержащий главный заголовок , подзаголовки с последующими абзацами.

Вставляем рисунки:

Структура html-документа - student2.ru

Вставляем формулы при помощи вкладки «Вставка»:

Структура html-документа - student2.ru ; Структура html-документа - student2.ru

Нарисовать электрическую схему возможно и в офисе, но есть существенные недостатки, так как открытие схемы в офисе без нужного макроса меняет форматирование документа, поэтому лучше нарисовать схему в специализированной программе например Splan 7.0.0.1 rus и через буфер обмена скопировать в документ Word.(никаких отличий)

Структура html-документа - student2.ru

Задание 2.

Используя Excel, имея данные тока и напряжения, сопротивления -построить график величин во времени

t U I R

Структура html-документа - student2.ru

Задание 3.

Создать Web – страничку, на первой странице показать внешний вид, на второй - исходный код страницы.

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. Для создания Web страниц есть множество программных средств которые облегчают процесс. Рассмотрим создание Web страницы при помощи блокнота.

Структура html-документа

Имеется множество тегов которые используются для создания web-страниц, рассмотрим основные теги которые будут использоваться в рамках задания контрольной работы :

Любой html документ должен иметь теги.<html> - открывающий тег документа (располагается самым первым), </html>- закрывающий тег документа (должен быть самым последним). Вообще в html практически все теги состоят из двух элементов: открывающий <ТЕГ> и закрывающий </ТЕГ>.

Заголовок страницы. Это невидимая для пользователя часть страницы, не является обязательной (однако, для продвижения сайта и оптимизации кода страницы она очень важна). Синтаксис заголовочной части:

<head>

заголовочный тег

</head>

Тело страницы (или основная часть). Является видимой для пользователя частью. Синтаксис тела страницы:

<body>

Расположение контента страницы

</body>

<b></b> и <strong></strong> - два тега, которые позволяют сделать текст жирным.
<i></i> - курсивный текст (допускает параметр style, class, id)

<u></u> - подчеркнутый текст (допускает параметр style, class, id)

<a href="links"></a> - создает ссылку (допускает параметр style, class).

<h1></h1>,...,<h6></h6> - заголовки страницы (допускает параметр style, class, id). Причем чем меньше цифра, тем больший вес и размер (по умолчанию) имеет текст, заключенный в эти теги.

<center></center> - выравнивает текст по центру.

<sub></sub> - выводит подстрочный текст.

<sup></sup> - выводит надстрочный текст.

<p></p> - выводит текстовый абзац (допускает параметр style, class, id).

<big></big> / <small></small>- выводит текст на один пиксель большего/меньшего размера (допускает параметр style, class, id).

<ul><li></li></ul> - выводит список (допускает параметр style, class, id). Каждый новый элемент записывается между <li> и </li>.

<table></table> - создает таблицу (допускает параметр style, class). Каждая новая строка создается тегами <tr></tr>, а столбец <td></td>.

<br/> - переход на следующую строку, представляет собой одиночный тег.

<hr/> - чертит линию, представляет собой одиночный тег (допускает параметр style, class).

<img src="ссылка_на_изображение"> - выводит изображение, представляет собой одиночный тег (допускает параметр style, class).

<font style="color:green">текст</font>- меняет цвет текста

<!--комментарий--> - служит для добавления комментариев в коде html. Все, что заключено между <!-- и --> является комментарием и не отображается на интернет странице. Комментарии очень удобны и позволяют упростить код, делая его более понятным.

Наши рекомендации