АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Создание простой web-страницы

Читайте также:
  1. HMI/SCADA – создание графического интерфейса в SCADА-системе Trace Mode 6 (часть 1).
  2. III. Создание и обработка комплексного информационного объекта в виде презентации с использованием шаблонов.
  3. MathCad: понятие массива, создание векторов и матриц.
  4. V3: Создание советской политической системы. Конституция РСФСР 1918 г.
  5. Активный запрос на создание таблицы
  6. Билет 2. Условия создание привлекательного туристского продукта.
  7. Быстрота простой и сложной двигательной реакций и методика их направленного развития
  8. Внешняя политика в царствование Александра III, создание франко-русского союза
  9. Вопрос 20. Создание специальных образовательных учреждений в дореволюционной России
  10. Вопрос 22Государственное регулирование охраны окружающей среды и создание рациональной системы природопользования.
  11. Вопрос №12. Как оказать помощь на месте происшествия при простой и неглубокой ране?
  12. Выпуск продукции. Цена и предельный доход в условиях простой монополии

Web-страница представляет собой текстовый файл, содержащий теги разметки документа, и может быть создана несколькими способами: «вручную», а также с помощью различных конструкторов и генераторов.

Получившийся htmlкод:

 

В документе используются следующие обязательные теги:

<html>…</html> — сообщают браузеру, что загружаемый файл является web-страницей;

<head>…</head> — сообщают браузеру информацию о заголовке web-страницы;

<title> Заголовок </title> — сообщают браузеру название web- страницы (вкладки браузера);

<body>…</body> — содержат основной текст документа;

<br> — переход на следующую строку.

Для разметки документа часто необходимо использовать различные шрифты, при этом важными параметрами являются начертание, размер и цвет. Для изменения параметров шрифта используется тег <font>…</font>, который имеет следующие параметры:

а) face — задает название шрифта. Примероммогутслужить Times New Roman, Arial, Comic Sans MS, System, Verdana и др.;

б) color — задает цвет шрифта в системе RGB (красный, зеленый, синий). Каждый цвет задается в шестнадцатеричной системе счисления и лежит в диапазоне [0..FF], что соответствует 0..255 в десятичной

в) size — задает размер шрифта, может принимать значения в пределах [0..7]. Стандартный размер равен 3.

Примером форматирования текста может служить следующий тег:

<font face=«Times New Roman» color=«#0000FF» size=5>…</font>

В документах часто встречаются различные списки, которые также являются элементами разметки. В языке HTML для разметки списков используются следующие теги:

<ul><li>…</ul> — маркированный список;

<li> — элемент списка. Тег имеет параметр type, который может принимать значения disk, circle, square (кружок, пустой кружок, квадрат);

<ol><li>…</ol> — нумерованный список;

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

<ahref=«адрес»> текст </a>

Получившаяся страница:

Задание 3.6 Найдите с помощью поисковой системы материал по заданной теме (Приложение 5) объемом не менее двух страниц с указанием ссылок на использованные интернет-ресурсы.

Получившийся htmlкод:

Получившаяся страница:

Задание 3.7. Составьте таблицу курсов валют за последние пять лет, используя официальные источники.Используя официальные источники, получите данные по курсам валют за последние пять лет, постройте график с использованием MSExcel и разместите его в виде рисунка на web-странице.

Получившийся htmlкод:

Получившаяся страница:

 

Добавим картинки с графиками. Получившийся htmlкод:

 

Получившийся результат

 

 


1 | 2 | 3 | 4 | 5 | 6 |

Поиск по сайту:



Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.004 сек.)