Основы языка HTML. Таблицы в HTML

Федеральное государственное бюджетное образовательное учреждение

высшего профессионального образования

РОССИЙСКАЯ АКАДЕМИЯ НАРОДНОГО ХОЗЯЙСТВА и ГОСУДАРСТВЕННОЙ СЛУЖБЫ

при ПРЕЗИДЕНТЕ РОССИЙСКОЙ ФЕДЕРАЦИИ

 

СИБИРСКИЙ ИНСТИТУТ УПРАВЛЕНИЯ – ФИЛИАЛ  РАНХиГС

ФАКУЛЬТЕТ ЗАОЧНОГО И ДИСТАНЦИОННОГО ОБУЧЕНИЯ

 

 

 

Кафедра информатики и математики

 

 

 

Интернет-технологии

(дисциплина)

 

 

Письменное контрольное задание

для студентов дистанционного обучения

 

 

 

 

 

	Студент Хименко Ю.Ф.
	Группа 14489
	Дата 16.04.2015
	Преподаватель Трушина В.П.

 

 

 

Омск 2015 г.

 

Задание 1.

Вопрос № 16 - Основы языка HTML. Таблицы в HTML.

 

Ответ на данный вопрос был найден в сети Интернет. Использовался браузер Mozilla Firefox и поисковая система Google. Ресурсы, на которых была найдена информация:

1) http://html5book.ru/osnovy-html/

2) http://web.folvarok.ru/tegs.htm

 

HTML (HyperText Markup Language) – язык гипертекстовой разметки, позволяющий задать местоположение элементов веб-страницы.

Просмотр HTML-документа осуществляется с помощью веб-браузера, который отображает документ на основе исходного кода, описывающего структуру HTML-документа.

Результатом интерпретации HTML-документа браузером является веб-страница, которая, в отличие от HTML-документа содержит не только текст, но и изображения, звук, видео, интерактивные элементы и прочее. Процесс интерпретации (парсинг) начинается прежде, чем веб-страница полностью загружена в браузер. Браузеры обрабатывают HTML-документы последовательно, с самого начала, при этом обрабатывая CSS и соотнося таблицы стилей с элементами страницы.

Основной единицей языка HTML является тег. С помощью тегов описывается вся структура HTML-документа. Теги оформляются угловыми скобками <имя тега>, между которыми прописывается имя тега. Большинство тегов – парные, для них требуется закрывающий тег, в который добавляется слэш / перед именем тега: 
<имя тега>…</имя тега>.

Теги могут вкладываться друг в друга, например, <p><i>Текст</i></p>. При вложении следует соблюдать порядок их закрытия (принцип “матрёшки”), например, следующая запись будет неверной: <p><i>Текст</p></i>.

HTML таблицы состоят из ячеек, образующихся при пересечении строк и столбцов.

Ячейки таблиц могут содержать любые HTML-элементы, такие как заголовки, списки, текст, изображения, а также элементы форм.

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

Основной тег, описывающий таблицу – парный тег <table>. Все элементы таблицы должны находиться внутри тегов <table> и </table>.

Другие теги и атрибуты таблицы:

<tr></tr>	Задает строку в таблице.
<td></td>	Задает отдельную ячейку в таблице.
<th></th>	Задает заголовок таблицы (обычная ячейка с форматированием по центру и полужирным текстом)
<caption></caption>	Назначает подпись таблицы
<table border="#">	Определяет толщину рамки.
<table cellspacing="#">	Определяет расстояние между ячейками.
<table cellpadding="#">	Поля для текстового содержимого ячейки.
<table width="#">	Устанавливает ширину таблицы. (Значение параметра может быть в пикселях или процентах)
<table height="#">	Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах)
<tr align="?">или <td align="?">	Определяет горизонтальное выравнивание положения ячеек в таблице, может иметь значения: left, center,  right.
<tr valign="?"> или <td valign="?">	Определяет вертикальное выравнивание положения ячеек в таблице, может иметь значения: top, middle, или bottom.
<td colspan="#">	Указывает количество столбцов, объединенных в одной ячейке.
<td rowspan="#">	Указывает количество строк, объединенных в одной ячейке.
<td nowrap>	Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
<td width="#">	Задает ширину ячейки таблицы в пикселях или процентах.
<td height="#">	Задает высоту ячейки таблицы в пикселях или процентах.

 

Задание 2.

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

2) Основное меню и ссылки с главной страницы:

О нас

Услуги и цены

Юридическая практика

Новости

Наши клиенты

Контакты

3) Страницы второго уровня - это страницы, на которые можно перейти с главной, т.е. это ссылки из меню.

О нас	Содержит информацию об организации в целом и адвокатах частности
Услуги и цены	Детальная информация о предоставляемых услугах с ценами
Юридическая практика	Дела, в которых принимала участие организация
Новости	Около юридические новости
Наши клиенты	Информация о наших клиентах
Обратная связь	Содержит форму для задания вопросов с дальнейшим получением ответов от наших специалистов
Контакты	Адрес почтовый, контактные телефоны, e-mail, схема проезда

Возможны страницы третьего уровня - переходы со страницы «юридическая практика», при условии, что практика будет расположена по годам (как архив).

4) Форма для задания вопросов:

* - обязательные поля для заполнения

5) С помощью скриптового языка программирования PHP перечни вопросов и информация о клиентах сохраняются на сервере.

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

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

8) Отчетные документы на сайте не предусмотрены.

 

Задание 3.

index.html

 

<html>

<head>

<title> Юридические консультации </title>

</head>

<body>

 

<h2> <p align="center"> Добро пожаловать  на наш сайт! </p> </h2>

 

<p align="center"> Самым востребованным  направлением деятельности юридической конторы являются юридические консультационные услуги. Вопросов, касающихся юридической сферы возникает множество, как у физических лиц, так и у юридических лиц. У опытного юриста можно получить консультацию по вопросам трудового, семейного, жилищного, гражданского права, а также по экономическим спорам и спорным вопросам о возмещении убытков. </p>

 

<p align="center"> Юридические консультационные  услуги предоставляются физическим  и юридическим лицам. Консультации  ведут высококвалифицированные  юристы, специализирующиеся в разных областях права. Кроме юридических консультаций, предоставляются услуги по составлению исковых заявлений, претензий, представительства в суде, подготовка документов и оформление в соответствующей форме. Проблема каждого клиента решается в индивидуальном порядке, ищутся различные пути решения спорного вопроса, оказывается необходимая юридическая поддержка.  </p>

 

<p align="justify"> <img src="photo.png" hspace="15" align="left">

<a href="1.html"> Наши услуги </a> <br>

<a href="2.html"> Контакты </a>

</p>

 

</body>

</html>

 

1.html

 

<html>

<head>

<title> Наши услуги </title>

</head>

<body>

 

<h2> <p align="center"> Наши услуги </p> </h2>

 

<p align="center">

Услуги по правовой поддержке объединений собственников жилья (ТСЖ, ЖСК, ЖК, Управляющие организации) <br>

Работа с инициативной группой <br>

Разработка учредительных документов в соответствии с нормами Жилищного кодекса РФ <br>

Приведение в соответствие с действующим жилищным законодательством уже существующих учредительных документов <br>

Участие в переговорах и сделках <br>

Претензионная работа по имущественным и неимущественным спорам <br>

Разработка исковых заявлений, отзывов и возражений на них, а также заявлений и ходатайств для защиты интересов в судах <br>

Представительство в судах общей юрисдикции и арбитражных судах <br> <br>

 

<a href="index.html"> На главную </a>

</p>

 

</body>

</html>

 

2.html

 

<html>

<head>

<title> Контакты </title>

</head>

<body>

 

<h2> <p align="center"> Контакты </p> </h2>

 

<p align="center">

999999, Юридинск, ул. Советчика, д. 1 <br>

наш телефон: (9999) 9-999-99-9-99<br>

пишите: zakon_dlja_vas@happy.ru <br><br>

 

<a href="index.html"> На главную </a>

</p>

 

</body>

</html>