Ф а куль т е т ком п ь ю т е рны х на ук
М е т одич е с кие ука за ния к курс у “Язы к HTML” 2. Сс ы лки, изобра же ния, форм ы , фре й м ы для с т уде нт ов 1 курс а вс е х форм обуч е ния
Сос т а вит е ли: Илла рионов И.В. На га й це в А.М . Корот е нко А.А.
В м е т одич е с ких ука за ниях ра с с м а т рива ю т с я ос новны е п одходы и инс т рум е нт ы для ра бот ы с с с ы лка м и, изобра же ниям и, форм а м и, фре й м а м и в HTML докум е нт а х. М е т одич е с кие ука за ния ра с с ч ит а ны на с т уде нт ов дне вной и ве ч е рне й форм обуч е ния, а с п ира нт ов, на на уч ны х и инже не рно-т е хнич е с ких ра бот ников, за ним а ю щихс я WEB п рогра м м ирова ние м . Ре це нзе нт : к.ф.-м .н., доце нт ка фе дры ВМ ВГТА Са й ко Д .С.
П е ч а т а е т с я п о ре ш е нию с ове т а фа куль т е т а ком п ь ю т е рны х на ук Вороне жс кого гос уда рс т ве нного униве рс ит е т а
Колле кт ив а вт оров О форм ле ние Вороне жс кий гос уда рс т ве нны й униве рс ит е т 2003
2
Сс ы лки О с новной конс т рукцие й гип е рт е кс т а являе т с я п онят ие с с ы лки. Л ю ба я с с ы лка должна им е т ь - т оч ку за кре п ле ния (ис ходную т оч ку), кот ора я на зы ва е т с я якоре м - ука за ние , на ка кой объе кт ос уще с т вляе т с я с с ы лка (лю бой WEB ре с урс ) Д ля ос уще с т вле ния с обс т ве нно п е ре хода к т ре буе м ом у ре с урс у с с ы лка должна бы т ь вы бра на (обы ч но – ще лч ком м ы ш и). В ре зуль т а т е от де ль ны е докум е нт ы или их ч а с т и м огут бы т ь с вяза ны м е жду с обой т а к, ч т о обра зуе т с я с е т ь вза им оза вис им ы х объе кт ов. Созда ние в докум е нт е с с ы лки ре а лизуе т с я п а рны м т эгом
(с окра ще ние от anchor, якорь ) с а т рибут а м и: name = cdata - им я якоря, ч т обы е го м ожно бы ло ис п оль зова т ь ка к це ль для другой с с ы лки. З на ч е ние а т рибут а должно бы т ь уника ль ны м в п ре де ла х т е куще го докум е нт а . href = url - оп ре де ляе т м е с т оп оложе ние Web ре с урс а , форм ируя с вязь м е жду ис ходны м и це ле вы м якорям и. rel = link-types - оп ис ы ва е т от нош е ние из т е куще го докум е нт а к якорю , за да нном у а т рибут ом href. З на ч е ние м эт ого а т рибут а являе т с я ра зде ле нны й п робе ла м и с п ис ок т ип ов с с ы лок. rev = link-types - ис п оль зуе т с я для оп ис а ния обра т ной с с ы лки из якоря, за да ва е м ого а т рибут ом href, в т е кущий докум е нт . З на ч е ние м эт ого а т рибут а являе т с я ра зде ле нны й п робе ла м и с п ис ок т ип ов с с ы лок. На иболе е ва жную с м ы с ловую на грузку не с е т а т рибут , ука зы ва ю щий ре с урс , с кот оры м нужно с вяза т ь эле м е нт . П рос т е й ш ий ва риа нт е го ис п оль зова ния Ф КН В ГУ В ка ч е с т ве а дре с а м ожно ука зы ва т ь а дре с эле кт ронной п оч т ы , п е ре д кот оры м вводит с я mailto:. П ри ще лч ке м ы ш ь ю п о т а кой гип е рс с ы лке бра узе р а вт ом а т ич е с ки за грузит п оч т овую п рогра м м у, ус т а новле нную в с ис т е м е п о ум олч а нию , п рич е м в а дре с ной с т роке буде т п рис ут с т вова т ь ука за нны й в гип е рс с ы лке а дре с . Ка жды й т эг
оп ре де ляе т якорь . 1. Соде ржим ое т эга A оп ре де ляе т п оложе ние якоря.
3
Ат рибут name за да е т им я якоря, т а к ч т о он м оже т с лужит ь п ункт ом на зна ч е ния лю бого ч ис ла с с ы лок (с м . т а кже якоря с а т рибут ом id). 3. Ат рибут href на зна ч а е т якорь п ункт ом на зна ч е ния ровно одной с с ы лки. О бы ч но бра узе ры п ре дс т а вляю т с с ы лки т а к, ч т обы они бы ли оч е видны для п оль зова т е ле й (вы де ле ние цве т ом или п одч е ркива ние м ), п рич е м конкре т ное п ре с т а вле ние за вис ит от бра узе ра . П ре дс т а вле ние м оже т ра злич а т ь с я в за вис им ос т и от не кот оры х де й с т вий п оль зова т е ля - на п рим е р, п ос е ща лли он уже эт у с с ы лку. На п рим е р 2.
<TITLE>Я зы к HTML П рим еры с с ы л о к в HTML до кум ента х
<STRONG>Щ ел кните по с с ы л ке.
В ГУ http://www.vsu.ru
Ф КН http://www.cs.vsu.ru
Гл а вны й ко рпус В ГУ http://www.main.vsu.ru
Биб л ио тека В ГУ http://www.lib.vsu.ru
4
=
Кром е с с ы лок на WEB ре с урс ы доп ус т им а орга низа ция с с ы лок на ра злич ны е ч а с т и одного и т ого же докум е нт а – внут ре нние с с ы лки. Д ля ре а лиза ции т а кого м е ха низм а в т ре буе м ы х м е с т а докум е нт а орга низую т с я т оч ки п ривязки (за кла дки), кот оры м п рис ва ива ю т с я им е на . Им е на за кла док м ожно доба влят ь к URL докум е нт а , ч т о да е т возм ожнос т ь ос уще с т влят ь п е ре ходы п о гип е рс с ы лка м не т оль ко на на ч а ло с т ра ницы , а в лю бы е е е вы де ле нны е м ес та. На п рим е р <TITLE>Я зы к HTML Ф а кул ьтет ко м пьютерны х на ук
- В ы о с во ите с о врем енны е техно л о гии про ектиро ва ния про гра м м ны х про дукто в. 5
- В ы изучите с о врем енны е с редс тва про гра м м иро ва ния:
- C/C++
- .NET
- П ро ектиро ва ние б а з да нны х
- UML
- Я зы ки WEB про гра м м иро ва ния
- HTML
- Java
- Dynamic HTML
- Scripts
- Perl,PHP
- П ро ектиро ва ние ко рпо ра тивны х инф о рм а цио нны х с ис тем
- П ро ектиро ва ние и а дм инис триро ва ние с етей
Ка ф едры на шего ф а кул ьтета
- П ро гра м м иро ва ния и инф о рм а цио нны х техно л о гий
- Инф о рм а цио нны х с ис тем
- П рикл а дно й и тео ретичес ко й ф изики
Тэг оп ре де ляе т
оп ре де ляе т внут ре нню ю гип е рс с ы лку. П ри п ом ощи а т рибут а name =”features” на с т ра нице с озда е т с я за кла дка для т эга A.
П ерейти
6
к с пис ку предм ето в - вводит "#features на эт ой же с т ра нице .
гип е рс с ы лку на
за кла дку
Изобра же ния Изобра же ние вне дряе т с я в html докум е нт с п ом ощь ю т эга ![]()
. Д ля не го не доп ус т им о ис п оль зова ние за кры ва ю ще го т эга . Изобра же ние вс т а вляе т с я из фа й ла , ра зм е ще ние кот орого за да е т с я а т рибут ом src в виде src=”м е с т оп оложе ние ” (п одра зум е ва е т с я, ч т о фа й лим е е т т ип gif, jpeg, png). На п рим е р язы к ра зм етки html
7
М е с т оп оложе ние изобра же ния за да е т с я ука за ние м п олного им е ни фа й ла . Ис клю ч е ние возм ожно т оль ко в т ом с луч а е е с ли фа й л ра с п оложе н в т ой же дире кт ории, ч т о и с а м html докум е нт . Е с ли фа й л ра с п оложе н в с е т и, т о ука зы ва е т с я е го п олное с е т е вое им я. В не кот оры х с луч а ях, ока зы ва е т с я, ч т о бра узе р не с п ос обе н корре кт но от обра зит ь изобра же ние , п оэт ом у ра бот е с изобра же ниям и це ле с ообра зно ис п оль зова т ь а т рибут alt с с инт а кс ис ом alt=”П роизволь ны й т е кс т ”. Изм е ним п ре ды дущий п рим е р <TITLE> Я зы к ра зм етки HTML
