Язык разметки гипертекстовых страниц HTML

ГАОУ ВО «Дагестанский государственный университет народного хозяйства»

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

Курсовой проект

ПО ДИСЦИПЛИНЕ «Программная инженерия»

ТЕМА: Использование языка гипертекстовой разметки при разработке образовательного комплекса

ВАРИАНТ ЗАДАНИЯ	________________________________________________________
РУКОВОДИТЕЛЬ	Кулибеков Нурулла Асадуллаевич
ВЫПОЛНИЛ (А)	Изабакаров Рамазан Ахмедханович_____________________
ШИФР ГРУППЫ	3.1

Курсовой проект сдан руководителю Дата__________ Подпись_______

Проверен и возвращен на доработку Дата___________ Подпись________

Проверен после доработки и допущен к защите Дата__________ Подпись_______

Проверен и допущен к защите Дата___________ Подпись________

Дата защиты курсового проекта_______________________________________

Отметка о защите_________________________________________________________

Рецензия руководителя ______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Подпись зав. кафедрой__________________________

Содержание

Введение. 3

§1. Язык разметки гипертекстовых страниц HTML.. 5

§2. Электронные образовательные ресурсы по информатике на основе образовательных сайтов Интернет. 11

§3. Использования учебного материала электронных образовательных ресурсов в информационной среде Turbo Site. 17

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

Список использованной литературы.. 28

Введение

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

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

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

Требования к качеству подготовки выпускников вузов сегодня предъявляются все более высокие, причиной тому являются развитие и реформирование современного общества и системы образования. Особую роль в повышении качества образования призвана сыграть его информатизация, понимаемая не как простое представление учебной информации в цифровом виде, а как создание информационной образовательной среды вуза, подключенной к образовательному пространству и удовлетворяющей образовательные потребности современного студента.

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

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

Целью курсовой работы является изучения языка гипертекстовых разметок при разработке образовательного комплекса.

Для достижения цели необходимо выполнить ряд следующих задач:

- раскрыть язык разметки гипертекстовых страниц HTML;

- провести обзор имеющихся электронно-образовательных ресурсов по информатике на основе образовательных сайтов Интернет;

- использования учебного материала электронных образовательных ресурсов в информационной среде Turbo Site.

Объектом курсового проекта является программный продукт Turbo Site работающий на основе гипертекстовой разметки.

Предметом исследования является язык гипертекстовой разметки.

Методы исследования….

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

Язык разметки гипертекстовых страниц HTML

Язык разметки гипертекстовых страниц (HTML - Hyper text Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/. В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет.

На практике на стандарт HTML большое влияние оказывает наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут, как входить, так и не входить в состав действующей спецификации HTML.

Информации о тегах HTML Compendium (краткое руководство по HTML) создано Ron Woodall. Компендиум содержит список тегов и их атрибутов в алфавитном порядке, а также обновленную информацию о поддержке каждого из них со стороны браузеров.

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

Пользоревателям Windows опредереленно следреует проверреить Home Site, мощреный и недорорегой редакретор HTML компарении Allaire Corporation. В нем имеюрется средсретва для выделерения цветреами синтакресических констрреукций HTML, функреция FTP, контрреоль синтакресиса и правопреисания, многофреайловый поиск и замещерение. Кроме того, он содеррежит специарельные комаренды и шаблреоны для создарения более сложреных элеменретов (фрейремов, сценарреиев JavaScript и DHTML).

При рабреоте на компьюретерах Macintosh обращреают внимарение на BBEdit, коммерреческий HTML-редакретор компарении Bare Bones Software, Inc. Он действреительно имеет вес среди Web-разрабреотчиков для компьюретеров Macintosh. В его сосретав вхоредят удобреные и быстрерые HTML-инструременты, многофреайловый поиск и замреена, встроеренная FTP-функреция, поддеррежка 13 языреков програреммирования, построреитель табрелиц, контрреоль синтакресиса HTML и еще множесретво функреций.

Последрение годы характрееризуются резреким росретом рынка авторсреких инструрементов. HTML-редактреоры кларесса WYSIWYG (What You SeeIs What You Get - что видреишь, то и получреишь) имеют графичрееские интерфреейсы, которерые делреают написарение HTML болреьше похорежим на програремму редактреирования тексретов или размеретки странреицы. Первонреачальной целью этих прогрреамм было освобореждение пользоревателей от тегов HTML, наподоребие того, как програреммы размеретки страрениц защищреают разрабреотчика от набреора комреанд языка Post Script. Сегоредня их значимреость возроресла, так как они повышреают эффектреивность и уровреень автомаретизации произвреодства докумерентов, обесперечивая в то же время досретуп к исходнреому текресту HTML.

Наиборелее популярерными в настоярещее время WYSIWYG-редактреорами являюрется: Macromedia DreamWeaver, Golive Cyber Studio (толреько для компьюретеров Macintosh), Microsoft Front Page, File Maker Claris, Home Page, Adobe Page Mill.

Докумреент HTML содеррежит текст (содержреимое странреицы) и встроеренные теги - инструрекциями о структреуре, внешренем виде и функреции содержреимого. Докумреент HTML разделреяется на две основреные части: заголоревок - head и тело - body. Заголоревок содеррежит такие сведерения о докумеренте, как его назварение и методиреческая информреация, описывреающая содержреимое. В теле находирется само содеррежим докумерента (то, что выводирется в окне браузреера).

Кажредый тег состреоит из имени, за которерым может следовреать спиресок необязреательных атрибуретов, все они находярется внуретри углоревых скоребок <>. Содержреимое скоребок никорегда не выводирется в окне браузреера. Имя тега, как правреило, предстреавляет собой аббревреиатуру его функреции, что облегчреает его запомиренание. Атрибреуты являюрется свойстревами, которерые расширреяют или уточнреяют функрецию тега. Как правреило, имя и атрибреуты внуретри тега не чувствреительны к регисретру. Тег <BODY BGCOLOR=white> будет работреать так же, как <bodybgcolor=white>. Однреако значерения опредереленных атрибуретов могут быть чувствреительны к регисретру. Это относирется, в частнорести, к имеренам файрелов и URL.

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

Конечреный тег имеет то же имя, что и начальреный, но перед ним стоит слеш (/). Его можно рассмаретривать как "выключреатель" тега. Конечреный тег никорегда не содеррежит атрибуретов.

В некоторерых случреаях конечреный тег не обязатреелен, и браурезер опредереляет конец тега из контекреста. Чаще всего опускреают конечреный тег <р> (абзац). Браузрееры ранреьше поддерреживали этот тег без соотверетствующего завершреения, поэтреому мнорегие автреоры Web привырекли испольрезовать кратрекую форму. Это разрешреено не всем тегам, и не все браузрееры прощреают их отсутсретвие. Поэтреому, если есть сомнерения, включреите в текст закрывреающий тег. Это особеренно важно, когда в докумеренте вы испольрезуете каскадреные таблреицы стирелей.

Некоторерые теги не имеют завершреающих тегов, потреому что они испольрезуются для размещреения отдельреных (автоноремных) элеменретов на странреице. Одним из них являерется тег изобрарежения <img>, он проресто помещреает графреику в поток странреицы. Друрегие автоноремные теги - это разрерыв стрреоки ( ), горизорентальная линия (<hr>) и теги, содержреащие информреацию о докумеренте и не влияюрещие на содержреимое, выводиремое на экран, такие как <meta> и <base>.

Атрибуты добавляются в тег для расширения или модификации его действий. К одному тегу можно добавить несколько атрибутов. Если атрибуты тега следуют после имени тега, они разделяются одним или несколькими пробелами. Порядок следования не важен. Большинство атрибутов имеют значения, которые следуют за знаком равенства (=), находящимся после имени атрибута. Длина значений ограничена 1024 символами. Значения могут быть чувствительны к регистру. Иногда значения должны находиться в кавычках (двойных или одинарных). Правила записи значения следующие:

- если значение представляет собой одно слово или число и состоит только из букв (a-z), цифр (0-9) и специальных символов (точка <.> или дефис<->), то можно поместить его после знака равенства без кавычек;

- если значение содержит несколько слов, разделенных запятыми или пробелами, или содержит специальные символы, отличные от точки или дефиса, тогда его необходимо поместить в кавычки. Например, URL требуют кавычек, потому что они содержат символы "://". Также кавычки необходимы при задании значений цветов с использованием формата "#rrggbb".

Если вы не уверены, стоит ли использовать кавычки, используйте их всегда для всех значений.

В теги HTML могут помещаться другие HTML-теги для осуществления воздействия нескольких тегов на один элемент. Это называется вложением, и, чтобы правильно его осуществить, начальный и конечный теги вложенного тега должны обязательно находиться между начальным наконечным тегами внешнего тега. Часто встречающейся ошибкой является перекрытие тегов. Хотя часть браузеров отображают содержимое, отмеченное таким образом, многие не разрешают нарушать правило, поэтому важно размешать теги правильно. Следующий пример показывает неверное вложение тегов (заметьте, что тег<В> закрывается перед закрытием ):

The weatherisgorgeoustoday - данная информация, игнорируемая браузерами.

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

- разрывы строк. Символы конца строк в документе HTML игнорируются. Текст и элементы будут переноситься до тех пор, пока в потоке текста документа не встретится тег <р> или . Разрывы строк выводятся, если текст обозначен как текст с заданным форматом (<рrе>);

- символы табуляции и множественные пробелы. Когда браузер встречает в документе HTML символ табуляции и несколько последовательных символов пробела, он выводит только один пробел. Таким образом, если документ содержит: "far, faraway", браузер выведет "far, faraway". Дополнительные пробелы можно добавить в текстовый поток, используя символ неразрывного пробела (Snbsp;). Кроме того, все пробелы выводятся, если текст является форматированным (находится в тегах <рrе>);

- множественные <р>-теги. Последовательность тегов <р>, не прерываемых текстом, всеми браузерами интерпретируется как избыточная. Содержимое будет выводиться так, как если бы был только один тег <р>. Большинство браузеров выведет несколько тегов в виде нескольких переходов на новую строку;

- нераспознаваемые теги. Если браузер не понимает тег или тот был неверно задан, то браузер его просто игнорирует. В зависимости от тега и браузера это может привести к различным результатам. Либо браузер ничего не выведет, или он может отобразить содержимое тега как обычный текст;

- текст в комментариях. Браузеры не выводят текст между специальными элементами <! и ->, которые используются для обозначения комментариев. После символов начала комментария и перед символами окончания обязательно должен находиться пробел. В сам комментарий можно помещать практически все. Комментарии нельзя вкладывать. В Microsoft Internet Explorer имеется фирменный тег, обозначающий комментарии <com-ment>...</comment>. Однако, он не поддерживается другими браузерами.

Дата добавления: 2022-06-11; просмотров: 41; Мы поможем в написании вашей работы!

Поделиться с друзьями:

12 3 Следующая ⇒

Мы поможем в написании ваших работ!