Контрольная работа по дисциплине Информационные технологии в социальной сфере

Министерство образования  и науки Российской Федерации

Муромский институт (филиал)

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

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

«Владимирский Государственный  университет имени Александра Григорьевича и Николая Григорьевича Столетовых »

(МИ (филиал) ВЛГУ)

 

 

 

Факультет: Социальных технологий и педагогики

Кафедра: Э и ОП

 

Контрольная работа

 

По дисциплине Информационные технологии в социальной сфере ______

Тема: Создание WEB – страниц ____________________________________

Руководитель

___________________________

_____________________________

(подпись) (дата)

  Студентка-СРЗ-210____________

(группа)

                                                                                   Серебренникова Е.А___________

_____________________________

                                                                                     (подпись) (дата)

 

 

Муром 2012

Содержание

Введение…………………………………………………………………………...3

1.Общие сведения о создании WEB – страниц………………………………….5

2. Создание и оформление WEB – страниц……………………………………..9

2.1.Форматирование текста……………………………………………………..13

2.2.Вставка иллюстраций………………………………………………………..18

Заключение……………………………………………………………………….

 

 

 

 

Введение

World Wide Web — это не какое-то определенное место в Интернете, это не какой-то компьютер или нечто, с чем можно «установить сеанс связи». Всемирную паутину можно, скорее, назвать услугой, предоставляемой в рамках Интернета. Использование определенных протоколов, компьютеров, называемых веб-серверами (потому что они подключены к Сети и на них запущено серверное программное обеспечение) делает предоставление этой услуги возможным. То есть серверы могут отвечать на запросы клиента, на котором установлен веб-браузер.

Все, что нужно компьютеру, чтобы стать сервером, — это подключение к Интернету и наличие серверного программного обеспечения. Это ПО включено в состав многих популярных операционных систем: Windows, Mac OS, Unix, часто в виде простого решения «Web Sharing» (разделения вeб-ресурсов). Веб-сервер постоянно «сидит» в Интернете и ждет запросов от клиентских браузеров типа Netscape, Internet Explorer и т. п. Клиентские компьютеры запрашивают документы, которые сервером и отсылаются по адресу, назначенному браузером.

У каждого компьютера, находящегося в Интернете, есть свой уникальный адрес. Когда на веб-сервер приходит запрос, всегда известен адрес отправителя. Ответ посылается именно по этому адресу. Файл, пришедший браузеру в качестве ответа на запрос, обрабатывается — чаще всего показывается на экране. Иногда браузер не может обработать файл, тогда он обращается к вспомогательной программе, которая, например, сохраняет файл на жестком диске клиентского компьютера.

Выбранная мной тема является актуальной и востребованной. Ведь на основе web-страниц создаются сайты глобальной компьютерной сети.

Целью данной работы, является: изучить создание WEB – страниц.

Задачами данной работы являются:

 

 

 

1. Общие сведения о создании WEB – страниц

Собрание страниц, объединенных некоторой общей тематикой и  помещенных, как правило, на одном компьютере, называют Web-узлом или сайтом. Узлы Web подобны книгам, а Web-страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами. На одном сервере может размещаться множество Web-узлов или сайтов.

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

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

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

Язык HTML существует в нескольких вариантах или спецификациях. Как и версии программных продуктов, спецификации пронумерованы: 2.0, 3.0, 3.2, 4.0. Каждая последующая спецификация представляет собой расширение и дополнение предыдущей таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.

Документ в  окне с кодом HTML - это текстовый документ специального формата. Все файлы этого формата имеют расширение .html или .htm. В документе HTML обычный текст сочетается с элементами разметки, заключенными в угловые скобки < и >, например <html>, <head>, <title>, </title>. Такие элементы разметки называются тэгами. Тэги бывают одиночными, открывающими и закрывающими и состоят из следующих друг за другом в определенном порядке элементов:

•       левой угловой скобки <;

•       необязательного символа слэш /, который означает, что тэг является конечным тэгом, закрывающим некоторую структуру, например, </title>. В этом смысле можно читать символ / как конец некоторого элемента разметки, например, строки или абзаца;

•       имени тэга, например, html;

•       необязательных атрибутов. Тэг может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например, align="center";

•       правой угловой скобки >.

Таким образом, открывающий  тэг <html>, стоящий вначале документа HTML и означающий его начало, состоит из имени html и двух угловых скобок < >, а тэг </html>, находящийся в конце Web-документа, кроме указанных элементов содержит также символ слэш /, означающий закрывающий тэг и указывающий на конец документа. Тэг <div align="center">, означающий разделение документа на части, содержит, кроме имени div, атрибут align со значением "center", означающий выравнивание по центру.

В тэгах могут  использоваться только символы латинского алфавита, а в значениях атрибутов - любые символы. Если в качестве значений атрибута используются, например, символы кириллицы, то они должны быть заключены в кавычки, например name="Раздел 1".

Язык HTML не различает большие и малые буквы, так что тэги <HEAD>, <head> и <Head> эквивалентны. Далее мы будем использовать написание тэгов в нижнем регистре.

Большинство тэгов спарены: за открывающим тэгом следует  соответствующий ему закрывающий тэг, а между ними содержится текст или другие тэги.

В таких случаях два  тэга и часть документа, заключенная  между ними, образует блок, называемый элементом HTML. Некоторые тэги, например <hr>, являются одиночными, и для них закрывающий тэг не применяется. Такие тэги сами по себе являются элементами HTML.

Большинство тэгов могут  иметь один или несколько атрибутов - параметров, дающих дополнительную информацию о том, как браузер должен обрабатывать текущий тэг. Однако атрибутов может и не быть вовсе. Атрибут тэга состоит из имени, например, align, знака равенства = и значения, которое задается строкой символов, например, "center":align="center". Значения атрибутов обычно заключаются в кавычки. Однако если эти значения используют только символы латинского алфавита, цифры и дефисы, то кавычки можно опустить, например: align=center.

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

<html>

<head>

…

</head>

<body>

…

</body>

</html>

Структура HTML-документа содержит следующие обязательные элементы:

• тэги <html> и </html>, которые отмечают начало и конец документа;

•       заголовок, ограниченный тэгами <head> и </head>;

•       тело, ограниченное тэгами <body>...</body>.

В заголовке, ограниченном тэгами <head> и </head>, с помощью тэгов <title>...</title> определяется название документа, которое должно описывать его содержимое и обычно содержит не более 5-6 слов. Это название отображается браузерами в строке заголовка рабочего окна программы, а роботы, составляющие индексы для поисковых систем, идентифицируют документ, используя его название.

Кроме элемента <title>...</title>, заголовок может содержать элементы <meta>...</meta>. Открывающий тэг <meta> включает пары имя=значение, описывающие свойства документа, например, авторство, список ключевых слов и т.д. Эти данные используются также поисковыми серверами при индексации документов.

 

2. Создание и оформление WEB - страниц

Для создания Web-страниц понадобится любой браузер - Internet Explorer или Netscape Communicator, а лучше оба, так как многие элементы HTML по-разному отображаются в разных программах просмотра и весьма желательно контролировать эту разницу. Кроме того, нужен любой текстовой редактор, например, Блокнот из Windows. Программа Блокнот нужна для подготовки HTML-файлов, а браузер - для просмотра и контроля сделанного. С помощью этих инструментов мы создадим сайт на своем локальном компьютере, после чего поместим его на один из WWW-серверов в Интернете, сделав, таким образом, ваши Web-страницы доступными всему миру.

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

Для файлов нашего сайта  нужна отдельная папка.

Создайте папку с именем Web на жестком диске вашего компьютера.

Теперь запустим программу  Блокнот и приступим к работе.

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

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

Введите с клавиатуры следующие основные тэги, поместив каждый из них, кроме закрывающего тэга </title>, в новой строке.

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

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

Напомним, что первый <html> и последний </html> тэги означают соответственно начало и конец документа, элемент <head>...</head> определяет заголовок Web-страницы, элемент <body>...</body> - тело документа, а в элементе <title></title> мы сейчас укажем название Web-страницы.

Между открывающим <title> и закрывающим </title> тэгами вставьте название документа – Лицей № 1548. Этот элемент должен выглядеть следующим образом:

<title>Лицей № 1548</title>

Напомним, что название Web-страницы должно быть коротким и в максимальной степени отображать ее содержание.

Наша следующая задача - вставить в тело документа между  тэгами <body>...</body> короткий текст-приветствие посетителям Web-страницы.

Вставьте пустую строку между  тэгами <body> и </body> и введите в ней следующий текст:

Добро пожаловать на страничку  лицея № 1548! Здесь Вы узнаете о  нашей деятельности, о наших интересах  и увлечениях, о наших успехах  и достижениях

Для каждой Web-страницы вы можете определить цвет фона и цвет текста. Это выполняется с помощью  атрибутов bgcolor и text открывающего тэга <body>. Для определения цвета как значения атрибутов существует два варианта:

• словесное указание имени  цвета, например, white (белый). В языке HTML предусмотрено шестнадцать таких имен;

• цифровое обозначение  в шестнадцатеричной записи, например, "#ffffff" - белый, которое указывает, каким образом цвет формируется из основных цветов - красного, зеленого, синего.

Конечно, словесное указание цвета более удобно и понятно. С другой стороны, численные обозначения дают больше возможностей, так как позволяют указать практически любой из 16777215 оттенков, тогда как словесные обозначения ограничены только шестнадцатью цветами.

Используем в качестве примера для фона нашей Web-страницы синий цвет (blue), а для текста - желтый (yellow).

Вставьте в открывающий  тэг <body> атрибуты bgcolor=blue и text=yellow. Этот тэг должен принять вид:

<body bgcolor=blue text=yellow>

Ваш текстовый файл должен выглядеть примерно так: