О САЙТЕ
Добро пожаловать!

Теперь вы можете поделиться своей работой!

Просто нажмите на значок
O2 Design Template

ФЭА / Информатика / Курсовая работа По дисциплине «Программные средства создания web-страниц» На тему: «Создание многостраничного, связанного web-документа».

(автор - student, добавлено - 2-08-2013, 15:56)

 

СКАЧАТЬ:  23232.zip [120,11 Kb] (cкачиваний: 29)

 

 

КАФЕДРА ИНФОРМАТИКИ

 

Курсовая работа

По дисциплине

«Программные средства создания web-страниц»

На тему: «Создание многостраничного, связанного web-документа».

 

 

Введение

 

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

         В данной работе были рассмотрены основы языка программирования Web- страниц- HTML, который является общепринятым стандартом Word Wide Web(WWW)- самая большая в мире информационная система, которая является самой популярной услугой Internet. С этой системой можно ознакомиться со структурами  Web- страниц и приёмами её правильного оформления.

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

 

 

Глава1. Физическое и структурное форматирование. 

    Физическое и структурное  будет рассмотрено на примере 83 страницы учебника А.В. Гордеев  «Операционные системы». В MS WORD эта страница выглядит так:

 


         Первые мультипрограммные операционные системы строились по этой схеме. Использовалась эта схема и много лет спустя при создании недорогих вычислительных систем, поскольку является несложной и обеспечивает возможность параллельного выполнения программ. Иногда в некотором разделе размещалось по нескольку небольших программ, которые постоянно в нем и находились. Такие программы назывались озу-резидентными (или просто резидентными). Та же схема используется и в современных встроенных системах; правда, для них характерно, что все программы являются резидентными, и внешняя память во время работы вычислительного оборудования не используется.

 

рис.3.3 Распределение памяти разделами с фиксированными границами

 

Под коэффициентом мультипрограммирования (т) понимают количество параллельно выполняемых программ. Обычно на практике для загрузки центрального процессора до уровня 90 % необходимо, чтобы коэффициент мультипрограммирования был не менее 4-5. Для того чтобы наиболее полно использовать и остальные ресурсы системы, желательно иметь m на уровне 10-15.


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

 

<HTML>

<HEAD><link rel=stylesheet href="style-1.css" type="text/css">

<TITLE> А.В.Гордеев. Операционные системы-стр.83</TITLE>

</HEAD>

 Глава3 Управление памятью в операционных системах.  стр.83 <HR>

<BODY>

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

<center><img alt="рис.3.3 распределение памяти разделами с фиксированными границами" src=3_3.bmp></center> <center> рис.3.3 Распределение памяти разделами с фиксированными границами

<p><i>Под коэффициентом мультипрограммирования (т) понимают количество параллельно выполняемых программ. Обычно на практике для загрузки центрального процессора до уровня 90 % необходимо, чтобы коэффициент мультипрограммирования был не менее 4-5. Фдля того чтобы наиболее полно использовать и остальные ресурсы системы, желательно иметь m на уровне 10-15.</i></p>

<HR>

<p><td><a href=содержание.htm> |&nbsp содержание &nbsp|</a></td>

 

<td><a href=52.htm> |&nbsp стр.52 &nbsp|</a></td>

<td><a href=53.htm> |&nbsp стр.53 &nbsp|</a></td>

<td><a href=54.htm> |&nbsp стр.54 &nbsp|</a></td>

<td><a href=55.htm> |&nbsp стр.55 &nbsp|</a></td>

<td><a href=56.htm> |&nbsp стр.56 &nbsp|</a></td>

<td><a href=57.htm> |&nbsp стр.57 &nbsp|</a></td>

<td><a href=58.htm> |&nbsp стр.58 &nbsp|</a></td>

<td><a href=59.htm> |&nbsp стр.59 &nbsp|</a></td>

<td><a href=60.htm> |&nbsp стр.60 &nbsp|</a></td>

<td><a href=61.htm> |&nbsp стр.61 &nbsp|</a></td>

<td><a href=62.htm> |&nbsp стр.62 &nbsp|</a></td>

<td><a href=63.htm> |&nbsp стр.63 &nbsp|</a></td>

<td><a href=64.htm> |&nbsp стр.64 &nbsp|</a></td>

<td><a href=65.htm> |&nbsp стр.65 &nbsp|</a></td>

<td><a href=66.htm> |&nbsp стр.66 &nbsp|</a></td>

<td><a href=67.htm> |&nbsp стр.67 &nbsp|</a></td>

<td><a href=68.htm> |&nbsp стр.68 &nbsp|</a></td>

<td><a href=69.htm> |&nbsp стр.69 &nbsp|</a></td>

<td><a href=70.htm> |&nbsp стр.70 &nbsp|</a></td>

<td><a href=71.htm> |&nbsp стр.71 &nbsp|</a></td> </BODY></HTML>

Рассмотрим что означает каждый из этих тэгов:

Самый первый тэг, который встречается в документе, это тэг <HTML>. Данный тэг сообщает Web- браузеру, что  документ написан с использованием HTML.

<HTML> . . . </HTML> Указывает начало и конец html документа.

<HEAD> . . . </HEAD> Начало и конец заголовка. В заголовке указывается служебная информация.

<TITLE> . . . </TITLE>  Текст, заключенный между этими тэгами, будет отображаться в заголовке окна браузера при просмотре документа.

<BODY> . . . </BODY>  Этот элемент предназначен для выделения той части документа, которая будет визуализирована для пользователя. 

Элемент <P> . . . </P> -  один из способов разбивки текста на абзацы. Начальный тэг может иметь вложенный атрибут align, который указывает выравнивание left (по левому краю), center (по центру) или right (по правому краю). Каждый следующий абзац игнорирует заданное для предыдущего абзаца значение align.

Элемент <HR> используется для проведения горизонтальной черты в документе, он может иметь атрибуты: color, задающий  цвет линии,size высота в пикселях, width ширина в пикселях или процентах от ширины экрана, align режим выравнивания. Элемент не имеет конечного тэга.

Глава 2. Вставка графических объектов и использование гиперссылок.

 

Под графическим изображением  подразумевают: маленькие пиктограммы, рисунки, графические объекты, занимающие часть окна браузера. Файл с изображением должен быть в формате ipg, gif  или bmp.

Элемент <IMG>  используется для вставки в тело документа графического изображения, занимающие часть окна браузера. <IMG  src= URL атрибуты>. SRC- атрибут указывает на файл графики, задавая его URL.

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

Align- атрибут  задаёт расположение рисунка в окне и его выравнивание.

Он может принимать значения:

- top- строка, в которую вставлена, будет выровнена по верхнему краю картинки  и высота строки будет равна высоте самого рисунка;

-bottom- строка, в которую вставлена картинка, будет выровнена по нижнему краю картинки;

-middle- строка, в которую вставлена картинка, будет выровнена по центру;

-right- картинка выравнивается по правому краю, текст будет обтекать картинку слева;

-left- картинка выравнивается по левому краю, текст будет обтекать картинку справа.

 

Гиперссылка(hyperlink)- это  Web- страницы и одно из лучших свойств WWW. Гипертекстовые элементы могут отображать как текст, выделяемый цветом, отличным от цвета основного текста и подчеркиванием, или как графический элемент, называемый «горячей областью», щелчком на котором можно открыть доступ к ресурсу, расположенному где угодно в WWW, на который указывает эта ссылка. Текстовые ссылки и «горячие  области»- это быстрые, удобные и очень эффективные средства для перехода от одного ресурса к другому.

Для создания ссылок на другие элементы документа, или на документы используется тэг <A>, который может иметь следующие атрибуты:

  • Nameзадает имя метки внутри документа  

<A name= метка> неоязательный текст </A>

  • Href- задает ссылку на имя. Он может указывать или на имя ссылки в тексте, или на URL и имя файла.  

<A href= « URL»> текст ссылки для щелчка </A> 

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

 

Глава 3. Вставка таблиц и определение стиля документа с помощью каскадных таблиц.

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

Внутренние стили задают вид только одного элемента. Описание стилей задаётся при атрибута STYLE для соответствующего тэга:

<FONT style= “описание стилей” > текст, оформленный CSS</FONT>

Глобальные стили задают вид элементов только для одного документа. Описание стилей располагается непосредственно в заголовке данной страницы:

<HEAD>

<STYLE type= “text/css> описание стилей</STYLE>

</HEAD>

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

<HEAD>

< LINK REL=STYLESHEET TYPE= “text/css” HREF=“style.css>

</HEAD>

 

В данной работе были использованы связанные таблицы стилей, которые задают стиль для нескольких документов. Для этого сначала был создан новый текстовый документ с именем stile-1.css, где были описаны различные свойства для определённых тэгов, содержание которого выглядит следующим образом  h2{color:blue; font- size:16 pt; text- align: center; font- weight:bold}- это означает, что заголовку 2- го уровня присвоены:  цвет- синий, размер шрифта- 16 , выравнивание текста- по центру, свойство шрифта- жирный.

P{color:black; font- size:14pt; text- indent: margin-left20hx; text- align: justify}- тексту присвоены: цвет- черный, размер шрифта-14 , выравнивание текста- по ширине, свойство шрифта- жирный.

I{font-size:14pt}- размер шрифта выделенного курсивом равен 14.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ЗАКЛЮЧЕНИЕ

 

      HTML- HyperText Markup Language- стандартный язык, предназначенный для создания гипертекстовых документов в среде WEB. HTML используется для создания информационного содержимого файла и для определения структуры и формата Web- страниц. 

     Глобальная компьютеризация и информатизации общества, постоянно растущие объёмы электронной документации, повсеместное распространение глобальной компьютерной сети делают Интернет доступным все большему количеству пользователей. В связи с этим возникает необходимость в изучении программных средств   работы в сети  Интернет и в частности возможности размещения собственной информации в глобальной сети Интернет.

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

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

 

 

 

 

 

 

 

 

 

Список литературы 

  1. Новейший самоучитель работы на компьютере. Базовый уровень., Симонович С., Москва, ДЕСС КОМ, 2002, 688 с.
  2. Информатика. Базовый курс/ Симонович С.В. и др. – СПб: Питер, 2001.-640 с.
  3. Ефимова О., Морозов В., Шафрин Ю.А. Практикум по компьютерной технологии. Учебное пособие для старших классов по курсу «Информатика и вычислительная тех-ника» I и II тома.
  4. Ганчаров А. Самоучитель HTML. Питер 2000
  5. Дарнелл Р. HTML 4 Энциклопедия пользователя ДиаСофт 1999
  6. Денисов Internet Explorer 5 Справочник Питер 1999
  7. Хоумер А. Dynamic HTML Справочник Питер 1999
  8. Айзекс А. Dynamic HTML BHV-Санкт-Петербург 1998
  9. Смирнова И.Е. Начала Web-дизайна -СПБ, BHV- Петербург, 2003. -256с
  10. Гончаров А. Самоучитель HTML - С.Петербург, «Питер», 2000. -239с
  11. Шапошников И. Web сайт своими руками -СПБ, BHV- Петербург, 2002. -224с

 

 

 

 

 

 

 

 

 

 

 

 


Ключевые слова -


ФНГ ФИМ ФЭА ФЭУ
Copyright 2018. Для правильного отображения сайта рекомендуем обновить Ваш браузер до последней версии!