World Wide Web

Пән: Информатика, Программалау, Мәліметтер қоры
Жұмыс түрі: Материал
Тегін: Антиплагиат
Көлемі: 10 бет
Таңдаулыға:

Кіріспе

World Wide Web - Бүгінгіні күні әр түрлі ақпараттар миллиондаған сайттардан тұратын компьютерлік желі. Қолданушылар бұл ақпаратқа WWW технологиясын қолдану арқылы мүмкіндік алады. WWW навигациясы үшін WWW шексіз кеңістігінде саяхатын жеңілдететін арнайы программалар Web броузерлер қолданылады. Барлық ақпарат WWW сайттарының негізгі элементі болып келетін Web беті ретінде бейнеленеді.

Web-беттер мультимедия технологиясын қолдап, өзінде әр түрлі ақпараттар түрін біріктіреді. Олар: мәтін, графика, дыбыс, анимация және бейне. Көп жағдайда сол немесе басқа Web-беттердің желідегі жетістігі саналы және әдемі жасалуына байланысты.

Қолданушылар стильді безендендірілген, анимация және графикамен тым қамтылмаған, тез жүктелетін Web-броузер терезесінде дұрыс бейнеленетін Web беттерін қолдану ұнамды.

Web-бетті құру оңай емес, бірақ әр бір адам өзін дизайнер рөліне қойғысы келетін шығар. Мен де бұл жағдайдан тыс қалмадым, сондықтан өзімнің курстық жұмысым үшін осы тақырыпты таңдап алдым.

Өзімнің курстық жұмысымда Web-бетті құру үшін не білу және істей алу қажет екендігін, оны құру үшін қандай программаларды қамтамсыз ету және Web-бетті қалай тиімді қолдануды мүмкіндігінше түсінуге тырыстым.

Сондай-ақ бұл жұмыста WWW ортақ қабылдаған стандарт болып келетін Web-бетті программалау тілінің негізі - HTML-ды қарастырдым. Бұл бізге Web құрылымымен және оны дұрыс безендіру тәсілдерімен танысуға мүмкіндік береді.

World Wide Web

Internet-тіњ таралуы

Internet - б±л ењ ‰лкен єлемдік компьютерлік ж‰йе. Ќазір Internet 50 -ден астам елдерде жуыќтап 150 млн. ќолданушылары бар. WWW-ѓа негізінен Internet арќылы ќол жеткізуге(доступен) болады, біраќ WWW жєне Internet бір маѓынаны білдірмейді. WWW-ді ішкі мазм±нѓа келтіруге болады, яѓни б±л ќандайда бір білімніњ абстракттік єлемі, ал Internet глобальді ж‰йеніњ сыртќы жаѓы болып келеді.

WWW концепциясы

Сонымен World Wide Web немесе ќарапайым тілмен айтќанда WWW, Web, немесе одан да оњай 3W деген не? WWW-б±л гипермєтінде негізделген, кењ таралѓан мультимедияныњ аќпараттыќ ж‰йесі . Енді осы аныќтаманы рет-ретімен ќарастырайыќ.

Кењ таралѓан аќпараттыќ ж‰йе: аќпарат WWW сервер (server) деп аталатын керемет ‰лкен жиында саќталады, яѓни арнайы прогаммамен ќамтылѓан жєне Internet желісіне біріктірілген компьютерге орналастырылады. Желіге ќосылуѓа м‰мкіндігі бар ќолданушылар осы аќпаратты клиент- программалары жєне WWW-ќ±жат ќарастыру прграммалары кµмегімен алады. Сонымен ќатар ќарау программасы компьютерлік желі бойынша ќажетті ќ±жаттар бар файлды саќтайтын серверге с±раныс жібереді. С±руѓа жауап ретінде сервер ќарау программасына осы ќажетті файлды немесе егер файл белгілі бір себептермен асќаќ болса, ќабыл алмаѓаны жайында хабар жібереді. Клиент-сервер ќарым-ќатынасы белгілі бір ережелер бойынша немесе, басќаша айтќанда, хаттама арќылы ж‰ргізіледі. WWW-да ќабылданѓан хаттама HyperText Transfer Protocol деп аталады, ќысќартќанда HTTP.

Мультимедиа - мєтінді ѓана емес, сонымен ќатар екі жєне ‰ш µлшемді графикада бейне жєне дыбысты µзіне ќосатын аќпарат.

Сонымен, Web-бетте стильденген немесе форматталѓан мєтін Internet-тің єрт‰рлі ќорымен, графика жєне гипербайланыс болуы м‰мкін. Осы барлыќ м‰мкіндіктерді іске асыру ‰шін HyperText Markup Language аталатын арнайы тіл жасалды.

HTML-тілінің көмегімен Web-бетті қалыптастыру

1. Web - беттерін ќ±ру ‰шін арналѓан ќ±рал жабдыќтар

HTML-редакторы

Web - беттерін ќ±ру ‰шін єркім µзіне ыњѓайлы ќ±рал жабдыќ тањдайды, ол DreamWeaver, Allaire HomeSite, 1 ^st Page 2. Ал кейбіреуі жєй мєтіндік редактормен, мысалы блокнот (NotePad) ќолданылады.

Мєтіндік редакторды кµлемі кішкентай беттерді ќ±ру ‰шін ќолданылады, µйткені оныњ теріс жаќтары бар: проектілер ±сталмайды, “подсветка . . . ” мєтіні жоќ, ж±мыс істеу ќолайсыз.

MS Front Page басты кемшілігі, ол HTML кодын ‰лкен кµлемде ќабылдайды (ќажетсіз заттар кµп), сондыќтан бет кµлемі µте ‰лкен болады. Ол загрузка ж±мысына кедергі келтіреді. Сонымен ќатар Web-бетіндегі ж±мыс б±л редакторда бір бµлек, ал броузер терезесінде м‰лдем басќа (б±л єсіресе Netscape Navigator-ға тиісті) . Беттер бірт‰рлі ќисыќ болады, сондыќтан Web- бетін ќ±ру ‰шін тµменде берілген пакеттерді ќолдану керек.

Ењ алдымен Macromedia DreamWeaver-дан бастайыќ. Macromedia компаниясы веб-сайтын ќ±руѓа арналѓан программалар ќ±рудан ењ алдаѓы компания болып саналады.

HTML-редактордың соңғы версиясы - DreamWeaver 3 компаниясы, бұл WYSIWYG-редактор катигорясына жатады және бұл пакеттің көп қолайлы жақтары бар: ыңғайлы интерфейс, функцияны түзету және ShockWave технологиялы, FTP арқылы файлды еңгізу, SSI ұстау жіне т. б. Бұл программамен жұмыс істеу ұшін HTML білу қажет емес.

Бірақ DreamWeaver 3 бірнеше қадамға WYSIWYG технологиясын қолданатын басқа редакторлардан алда. Web-бетті құру кезінде біртекті жұмыстан арылтады, ол “командаларды ретпен жазу” опциясы арқылы жұмыс істейді.

Келесі редактор HomeSite 4 бетті қолдан жасау үшін, яғни HTML білетіндерге арналған. Сіз HTML кодын толық басқаруға мүмкіндік аласыз, сонымен бірге өзіңіздің беттеріңізді атақты үш броузердің (MSIE, NN, OPERA) біреуі арқылы оптимизациялауға мүмкіндік береді.

HomeSite басты екі режимнен тұрады: Edit және Design. Design режимі WYSIWYG редакторы сияқты HTML кодын беретін, сонымен қатар бөтен HTML кодын іске қосқанда, HomeSite барлығын өзіне көшіріп алады. Edit режимі толығымен бетті басқаруға мүмкіндік береді.

HomeSite-тың тағы бір ерекшелігі - ол оның DreamWeaver-мен “жапсыруы”.

HTML редакторының соңғы редакторы болып EVR Soft 1 ^st Page 2000 v2 табылады.

2. Гипермәтіндік белгілеу принциптері. Құжаттар құрылымы

HTML-құжатарында белгіліеу модельдерінің негізі ретінде тэгтер моделі қабылдалынған. Тэгтер моделі құжатты контейнерлер ретінде түсіндіріледі, мұндағы контейнерлер дің әр қайсысы тэгтермен басталып, тэгтермен аяқталады. Яғни HTML құжаты кәдігімгі ASCII- файлға HTML басқару кодтары (тэгтері) қосылған файл болып табылады.

HTML-құжатының тэгтері көбінесе қолдануға және түсінуге жеңіл. Себебі олар ағылшын тілінің көпқолданбалы сөздерінен түсінікті түрде қысқартылып және белгіленіп алынған. HTML-тэгі өзінің атынан, міндетті және міндетті емес атрибуттардан тұрады. Тэг мәтіні бұрышты жақшалармен қоршалады. Мысал ретінде қарапайым варианттардың бірі: <HEAD> немесе . Тэгтердің күрделілігі олардың атрибуттарында болып табылады. Мұндағы атрибуттар тэгтердің функцияларын өзгерту үшін қолданылады (көлемін, ұзындығын, түрін және т. б. ) .

Тэгтер атрибуттары оның атынан кейін жазылады және бір-бірінен бір немесе бірнеше табуляция, пробел немесе жол басына қайтару символдары арқылы ажыратылады. HTML тілінде тэгтер атрибуттарын кезекпен жазуды керек етпейді. Атрибуттың мәні атрибут атынан соң жазылатын теңдік белгісінен кейін жазылады. Егер атрибут мәні бір сөз немесе сан болып келетін болса, онда оны ешбір қосымша белгілеусіз теңдік белгісінен кейін жаза беруге болады. Басқа жағдайларда атрибут мәндерін бірлік немесе екілік тырнақшаларға алып жазу керек, әсіресе егер олар пробел арқылы бөлінген бірнеше сөз болса. Атрибут мәнінің ұзындығы 1024 символға дейін рұқсат етілген. Мысалға, әсіресе HREF атрибутының мәні ретінде басқа құжаттардың адресін (URL) көрсеткенде керекті регистрді қолдану маңызды болып табылады.

Көп жағдайларда HTML тэгтері бастапқы және ақырлы компоненттерден тұрады және олардың арасына мәтін және басқа да құжат элементтері орналасады. Жабушы тэгтің аты бастапқы тэгтің атына сәйкес болып келеді, бірақ жабушы тэгтің атының алдына көлденең сызықша (/) қойылады. Мысалы, шрифт түрі -курсив тэгі үшін жабушы сыңары түрінде болады. Жабушы тэгтер үшін атрибуттар ешқашанда қойылмайды, қойылса да ол атрибут қабылданбайды. Мәні бойынша тэгтер әмбебап программалау тілдерінің “begin \ end” белгілеулеріне түсінігі бойынша өте ұқсас болып келеді. Тэгтер құжаттың мәтіндік интерпритациялау шартының әрекет ету ауданын анықтайды.

Ішкі тэгтерді қолданғанда құжатта ерекше ұқыптылықты сақтау керек. Ішкі тэгтерді соңғысынан бастап ьастапқысына қарай жауып шығу керек. Кейбір HTML тэгінің жабушы тэгтері болмайды, өйткені олар автономды элементтер болып табылады. Мысалы, бейнелер тэгі <IMG> жабушы компонентті қажет етпейді. Автономды тэгтерге тағы да - жолдарды айыру, <HR>-көлденең сызық және көрсетілетін нәтижеге әсер етпейтін, тек қана құжат туралы ақпараттар сақтайтын <META> және <BASE> сияқты тэгтер жатады.

Кейбір жағдайларда жабушы тэгтердіжазбаса да болады. Көптеген браузерлер құжат мәтінін өңдегенде бастапқы тэгті алдыңғы тэгтің жабушы тэгі ретінде қабылдайды. Ең көп тараған мұндай тэгтің түрі абзац тэгі - . өйткені оны құжаттарда жиі қолданады және оны әдетте әр абзац алдына жазады. Бір абзац біткеннен кейін келесі тэгі браузерге осы абзацты аяқтап жаңа абзац бастау керектігін көрсетеді.

Басқа бір жабушы тэгтер түрі, жоқ болса да нәтижеге әсер етпейді және браузерлер оларсыз еш мүлтіксіз істей береді. Оларға мысал ретінде </HTML> тэгін алуға болады. Сөйте тұрса да, әр жабушы тэгтерді қойып отырған дұрыс. өйткені құжатты өңдеуден өткізгенде кейбір жаңылулар мен қателер болуы мүмкін.

Фрейм дегеніміз не?

“Фрейм” деген сөздің өзі “рамкаға алынған сурет, терезешік немесе бет” дегенді білдіреді. <FRAME> тэгін HTML дизайнері енгізе отырып, браузер экранын бірнеше бөліктерге бөледі. Нәтижесінде бетті қарап отырған адам беттің бір бөлігін басқа бөлігінен тәуелсіз қарастыра алады.

Фреймдер қалай жұмыс істейді?

Бір қарағаннан фреймдер өте күрделі сияқты болып көрінеді, бірақ оларды кестелерге ұқсастырсақ оңайырақ түсінуге болады. Фреймдердің экранда орналасуы кестелердің ұяшықтарын орналастыру сияқты беріледі. Фреймдер мен кестелердің арасында ұқсастықтар болғанымен, олардың арасында да кейбір айырмашылықтар бар. Ұяшықтар құрамы кестемен HTML-беттің кодымен беріледі. Кесте құрамындағы мәтін немесе графика кестені баяндайтын HTML-бетте атрибуттармен, тэгтермен бірге енгізіледі. Ал фреймдері бар экран HTML-беттте <FRAMESET> атты тэгпен баяндалады. Фреймдер құрамы - ол өзінше бөлек HTML-бет болып табылады. Фреймдік құрылым тек фреймдері бар экранды ұйымдастыру әдісін анықтайды және фреймнің қайда орналасатынын көрсетеді. Барлық фреймдер үшін олардың мәліметтері қайда орналасқанын баяндайтын URL беріледі.

Фреймдері бар жай бет құру

Оңайырақ түсіну үшін екі фреймі бар бір бет құрайық. Сол жағынан статья тақырыптарынан тұратын мазмұнын береміз, ал оң жағынан сол статьяларды орналастырамыз. Бұл беттің жұмысы келесі түрде жүргізіледі: қолданушы сол жақтағы сілтемелерден тұратын мазмұнды басқанда, оң жақ фреймде әр тақырыптың сәйкесінше статьялары көрінеді. Бұл фреймдерді қолдануға ең танымал әдіс болып табылады.

Фреймдік құрылымның берілуі

Ең алдымен біз беттің жалпы көрінісін келтіруіміз керек - фреймдер қалай және қандай көлемде болатындығын. Сонан соң ғана оның құрамын ойластыруға болады. Төменде <FRAMESET> тэгін қолдана отырып фреймдік құрылым құру программасы көрсетілген. Назар аударыңыз: фреймдік құрылымы бар құжатта <BODY> тэгі қолданылмайды.

9. 1. Фреймдерге арналған тэгтер мен атрибуттар

<NOFRAMES> - фреймдерді қабылдай алмайтын, яғни фреймдермен жұмыс істей алмайтын ескі браузерлер үшін арналған. Бұл ескі браузерлер фреймді көрсете алмайтындықтан және браузер экраны бос болып, түсініспеушілік болмау үшін қолданылады. Егер фреймдер көрсетілмесе, онда экран бетіне <NOFRAMES> және </NOFRAMES> тэгтерінің арасына жазылған мәлімет шығады.

<FRAMESET> - фреймдер компоновкасын баяндайтын мәтінді білдіреді. Бұл жерде фреймдердің саны, көлемі және орналасуы (көлденең немесе тігінен) туралы ақпараттарды береді. <FRAMESET> тэгінің тек екі болмыс атрибуттары бар: ROWS және COLS. <FRAMESET> тэгі <BODY> тэгінің көрсетілуін қажет етпейді, бірақ ол тэгті фреймдік құрылымның соңында, <NOFRAMES> және </NOFRAMES> тэгтерінің арасында қолдануға болады. <FRAMESET> және </FRAMESET> тэгтерінің арасында <BODY> және </BODY> тэгтерінің арасына қолданатын тэгтер мен атрибуттар болмауы керек. Тек <FRAME>, <FRAMESET> және <NOFRAMES> тэгтері қолданылуы мүмкін. Бұл артық жұмыстан арылтады.

ROWS және COLS атрибуттары ұқсас болып келеді. Әр қатар мен бағана үшін өзінің <FRAME> тэгтер жиынтығы болу керек.

ROWS атрибуты- <FRAMESET> тэгінің қатар бойынша (көлденең) фреймдер саны мен көлемін береді. <FRAME> тэгтерінің саны көрсетілген қатар санына сәйкес болуы керек. Теңдік белгісінен кейін фрейм көлемін пикселмен немесе пайызбен беруге болады. Атрибуттар мәндері арасына тырнақшалар мен үтірлерді және арасына пробел қоюды ұмытпаңыз. Мысалы:

<FRAMESET ROW=”10%, 60%, 30%”>

Ал пикселмен:

< FRAMESET ROW="20, 80, *" >

мұндағы * белгісі 20+80 пикселден қалған экран орнын қамтитындығын білдіреді.

Ал егер келесі түрде жазылатын болса:

< FRAMESET ROW="20, 2*, *" >

мұнда 2* мәні 20 пикселден қалған экран бөлігінің астыңғы фрейм көлемінен екі есе болатындығын көрсетіп тұр.

... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.