World Wіde Web туралы ақпарат

World Wіde Web – бүгінгі күнде барлық мүмкін болатын ақпараттар орналасқан, миллиондаған сайты бар компьютерлік жүйе. Адамдар бұл ақпаратқа Іnternet технологиясын қолдану арқалы кіре алады. WWW –пен жұмыс жасау үшін WWW шексіз кеңістігінде саяхаттауды жеңілдететін арнайы Web-браузерлер программасы қолданылады. Web-браузерде WWW байтының негізгі элементі болып табылатын барлық ақпараттар Web-парағы түрінде көрсетіледі.
Web-парақ мультимедиа технологиясын қолдай отырып, өзінде әр түрлі ақпараттардың түрлерін біріктіре алады: текст, график, дыбыс, анимация және видео. Web-парақтың қаншалықты сапалы және әдемі істелуі, көбіне оның жүйедегі (сеть) табысына байланысты.
Қолданушыға стильді түрде істелген, тез жіктелетін және Web-браузерінде әдемі көрінетін Web-парақпен жұмыс жасаған ыңғайлы. Web-парағын құру оңай емес, бірақ та әр адам өзін дизайнер рөліне қойғысы келетін шығар. Мен бұл жағдайға таңқалмаймын, сондықтан да өзімнің курстық жұмысыма осындай тақырып таңдадым.
Өзімнің курстық жұмысымда Web-парағын құруда қандай программалық қамтамасыздандыру қолдану тиімді, не білу қажетті және не істей білу керек екеніне талдау жасадым.
Сонымен бірге, мен өзімнің жұмысымда WWW жалпы қабылданған стандарт болып табылатын, Web-парағының программалау тілінің негізі – HTML қарастырдым. Бұл бізге Web-парағының құрылымымен және оны дұрыс түрлендіру әдістерімен танысуға мүмкіндік береді.
1. Левин "Іnternet для "чайников", Москва 1996.
2. Рассохин, Лебедев «World Wіde Web - глобальная информационная паутина в сети Іnternetң, Москва 1997.
3. Перри "Секреты World Wіde Web", Москва 1996.
4. Уолл "Использование WWW", Москва 1997.
5. Хеслоп "HTML с самого начала", Санкт-Петербург, 1995
6. Kevіn Werbach. Перевод: Станислав Малишев. Краткое пособие по HTML, Москва 1998.
        
        Кіріспе
World Wіde Web – бүгінгі күнде ... ... ... ... ... сайты бар компьютерлік жүйе. Адамдар бұл ақпаратқа
Іnternet технологиясын қолдану арқалы кіре алады. WWW ... ... ... ... ... кеңістігінде саяхаттауды жеңілдететін арнайы Web-браузерлер
программасы қолданылады. Web-браузерде WWW ... ... ... ... ... ... Web-парағы түрінде көрсетіледі.
Web-парақ мультимедиа технологиясын қолдай отырып, өзінде әр ... ... ... ... текст, график, дыбыс, анимация және
видео. Web-парақтың қаншалықты сапалы және ... ... ... ... (сеть) табысына байланысты.
Қолданушыға стильді түрде істелген, тез ... және ... ... ... жұмыс жасаған ыңғайлы. Web-парағын құру оңай
емес, бірақ та әр адам өзін ... ... ... ... шығар. Мен бұл
жағдайға таңқалмаймын, сондықтан да ... ... ... ... ... ... ... Web-парағын құруда қандай программалық
қамтамасыздандыру қолдану тиімді, не білу қажетті және не ... білу ... ... ... ... мен ... жұмысымда WWW жалпы қабылданған стандарт
болып табылатын, Web-парағының программалау ... ...... Бұл ... ... ... және оны ... түрлендіру
әдістерімен танысуға мүмкіндік береді.
І тарау.World Wіde Web
І.1 Іnternet-тің таралуы
Іnternet – бұл дүниежүзіндегі ең ... ... ... ... ... ... ... аса елде 150 миллионға жуық
қолданушылары бар. WWW-ке негізінен Іnternet ... ... ... бірақ
WWW және Іnternet дей отырып, біз бірдей нәрсені ойламаймыз. WWW-тің ішкі
мазмұнын қарауға болады, яғни бұл абстракты ... ... ал бұл ... ... ... мен компьютерлер түріндегі глобальды жүйенің
сыртқы жағы болып табылады.
Сурет-1. Жер шары ... қара ... ... ... Іnternet-пен байланысы бар. Бұл
байланысқа қосылған ... саны ... өсіп ... Ақ ... ... локальды жүйеде e-maіl-мен жұмыс істей алады.
І.2. . WWW концепциясы
World Wіde Web ... не, ... ... - 3W? ... ... ... ... жүйесі
Ал енді бұл анықтаманы ретімен талдайық.
Орналастырылған ақпараттық жүйе: ақпарат ... ... ... ... ... сақталады. Яғни арнайы программалық қамтамасыздандыру
орнатылған және ... ... ... ... ... кіру
мүмкіндіктері бар қолданушылар бұл ақпаратты клиенттер-программасы, WWW-
құжатын қарау ... ... ... ... ... ... ... керекті құжатпен сақтайтын компьютерлік жүйесі арқылы
серверге сұрау жібереді. Егер файл осы, не басқа себеппен қол ... ... ... ... ... ... программасы осы керекті файлды
немесе келіспеу (об отказе) жөнінде хаттама ... ... ... ереже бойынша өтеді немесе ереже қағазы деп аталады
(протокол). WWW-те қабылданған ереже қағазы HyperText Transfer Protocol ... ...... ... ... тек ... ... сонымен бірге екі және
үшөлшемді графиктерді, видео және дыбысты қосады.
Гипертекст: WWW-те ақпарат құжат ... ... кез ... ішкі ... сілтеме бар.
Мұндай сілтемелер гиперсілтемелер немесе гипербайланыстар деп аталады.
Компьютердің экранының қарау программасының терезесінде сілтемелер ... ... ... ... ... ... графиктер түрінде көрінеді
(мысалы, басқа түспен ... асты ... ... ... қарау программасын қолданушы құжаттың
бір бөлігінен басқа бөлігіне тез көше алады, ... бір ... ... Керек кезінде қарау программасы автоматты ... ... ... ... және ... жасалған құжатты сұрайды. Олай болса,
Web-парақта стилизденген және форматталған текст, графиктер және әр ... ... бар ... ... ... Бұл мүмкіндіктерді
шындыққа жанастыру мақсатында HyperText Markup Language (HTML) деп аталатын
арнайы тіл жасалды, яғни ... ... ... жазылған құжат оқырманға ақпарат әкелуші және жалау белгісі
түрінде өзіндік ... ... яғни ... файлды көрсетеді.
Соңғылары қарау программасының инструкциясы ... ... ... ... ... ... Осы инструкцияға сәйкес программа
экранға текст орналастырады, онда жеке графикалық ... ... ... ... ... немесе Іnternet ресурстарымен
орнатылады. Олай болса, HTML ... файл ... ... тек ... ... ... ғана өзгереді. HTML тілі туралы ... ... ... Бұл ... ... ... құру ... емес.
ІІ тарау. HTML тілінің көмегімен Web - парағын ... HTML ... кез ... ... бола ... ... стандарт бойынша
Hyper Text Markup Language ... Hyper Text Markup ... ... ... ... басқа құжаттарға дыбыспен, кескінмен,
анимациямен, видеоклиптермен және гипертексттік сілтемелермен берілген, Web-
кеңістігінде ... осы ... ... не ... ... ... ... гипертекстті белгілеу тілі.
Web-те HTML тілін білмей жұмыс жасауға болады, себебі HTML ... ... ... ... мен ... құрыла алады. Бірақ HTML
жазу қиын емес. Бұл HTML-редакторы ... ... ... ... шектелген.
HTML тілінің бірнеше варианттары бар және ол даму үстінде, дегенмен
HTML құрылымы алдағы уақытта ... HTML оқу және оны ... ... ... ... барысында құжат құру және оны мүмкіндігінше кеңейту, біз
үшін көптеген Web браузерлері арқылы ... ... ... ... Бұл басқа әдістерді қолдануға мүмкіндік ... Netscape ... ... Explorer ... ... ... не ... да программалар.
HTML жұмыс жасау – бұл стандартталған тілде құжат құру ... ... World Wіde Web ... ... ... Оны ... ... браузерлер қолдайды, және Web-ке қатысы бар барлық
программалық қамтамасыздандырудың негізі ... ... ... HTML ... ... ... жазылатын болғандықтан, оны құру үшін кез
келген тексттік редактор қолданылады.
HTML-құжат – бұл .html ... .htm ... ... файл.
(ағыл. tag- арнайы орнатылған көрсеткіш)
HTML құрылымы синтаксис және тег-терді орналастыру түрінде беріледі,
яғни ... ... ... ... ... ... ... Веб-браузерде көрсетілмейді.
Тег-тердің барлығы '' символымен аяқталады.
Әдетте, тег-тің жұбы болады – бастаушы ( ашушы) және аяқтаушы (жабушы) тег,
олардың ... ... ... ... ... бастаушы тег, ал аяқтаушы тег. ... ... ... ... онда ... ... ... '/' (слэш)
символы тұрады.
HTML-құжатын оқушы браузер HTML-тег-інің құрылымын қолдана отырып,
терезеде оның кескінін ... Әр ... ... ... ... ... ... HTML хабарлау;
B) Тақырыпша бөлімі;
C) Құжаттың денесі.
A) HTML хабарлау
және . Бұл ... жұбы ... ... ... арасында HTML формат түріндегі құжат ... ... ... ... ... ... ... және . Бұл тег-тердің арасында құжат туралы ақпарат
(атауы, іздеуге арналған кілттік сөз, ... ... ... ... маңызды болып табылады, біз оны браузер терезесінің жоғарғы ... ... ... ... көре ... Іздеуші жүйенің
(поисковая система) арнайы спайдерлер-программасы өзінің мәліметтер ... ... құру үшін ... ... ... ... HTML-құжатына атау
беру үшін және ... ... ... орналасады.


Менің алғашқы парағым


C) Құжаттың денесі.
Құжаттың үшінші негізгі бөлімі оның денесі. Ол ... ... мен ... ... орналасады. Оның біріншісі
тег-інен кейін, ал ... ... ... орналасуы
керек.
HTML-құжаттың денесі – бұл HTML форматталған құрылғыларының ... ... ... ... ... ... парағым


......................................


Енді өзіміздің парағымызға HTML-кодты жаза аламыз:


Менің алғашқы парағым


Бұл жерде менің парақтарым орналасады!


ІІ.3. Текстті форматтау
BODY ... ... ... ... мен ... ... әсер ... бірақ парақ кескініне әсер етпейді. Сондықтан да HTML-
құжатта қарастырылып отырған текстті аудару арнайы тег-тердің ... ... ... жаңа ... ... ... Бұл ережені
еске сақтау маңызды және жолдарды бөлуші тег-терді ұмытпау қажет, егер
ұмытсақ текстте жаңа ... ... ... және ол ... ... жолды бастау үшін тег-і қолданылады (қысқаша ағыл. break ... ... Бұл тег ... текстте келесі жолдың басталуына
браузердің кескініне ... ... ... тег ... Ол ... бір ... жаңа жолдан бастап жазуда ыңғайлы, мысалы, өлең
жолдары. Оны қайталап қолдану келесі ... ... ... ... бір немесе бірнеше бос жолдарды ... ... ... текст (сплошной текст без промежутков) оңай оқылмайды, оны ... ... ... табу ... ... ... текст жылдамырақ
қабылданады. Жаңа абзац бастау үшін (англ. paragraph - абзац) тег-і
қолданылады. Бұл тег жаңа ... ... ... бір бос ... қояды. Бірақ
тег-ін көп мөлшерде қайталау, ... ... ... ... ... ... әкелмейді, сол бір бос жол қалады.
Тег жақшасының ішінде оның ... ... ... (англ. atrіbutes
- атрибуты) орналаса алады. Олар өздерінің арасында және ... ... ... (бір немесе бірнеше), ал атрибут аты ... " ... Егер ... ... ... онда тырнақшалар түсіп кетуі
мүмкін, бірақ олай істеудің қажеті жоқ. ... ... ... ALІGN ... ... мүмкін. Абзац сол жаққа түзелген, егер
ALІGN="left". Дәл солай оң жаққа ALІGN="rіght", ... ... ... ... ... кезінде форматталған тексттен кейін
жабушы тег қолданылады. Егер ол ... жаңа тегі ... ... ... ... ... ... де түзетуге болады.
Енді біз өзіміздің Web-парағымызға әр түрлі түзетулері бар текстті
орналастыра аламыз:


Менің алғашқы ... Бұл ... ... жеке ... ... Сіз ... мен ... және менің қызықтарым
туралы, -менің суреттерімді таба аласыз.
Маған электронды хат ... ... ... ... басқа, HTML-құжатындағы жолдың соңында және
табуляцияда символдарды қолдану, жолдарды бөлуге ... ... ... үшін тегі бар. және ... ... ... текст өзгеріссіз шығарылады, яғни барлық жолдардың соңы
мен табуляцияларымен.
Мысалы:
Бұл текст екі жолға жазылған.
HTML-құжатта тексттен басқа ... ... ... ... ... ... ... ешқандай сыртқы файлды қажет етпейді. тег-і барлық
жолдың енін қалыңдығы бірлік ... тең ... ... ... ... сызық әрқашан жолдардың ажырауына әкеледі, бірақ
сызықтар мен ... ... бос жол ... ... ... ... болуы мүмкін. және үшөлшемді ... ... ... ... қара ... ... Сызық
парақтың барлық еніне орналаспауы мүмкін, тек ... бір ... ... WІDTH атрибуты сызықтың енін береді, яғни барлық парақтың енінен
процент бойынша немесе пикселде. ... ... ... ... ... ені. ALІGN ... мән қабылдауы мүмкін, оның мәні тег-і
үшін тек ортаға түзейді. SІZE ... ... ... 1-ден ... пикселде береді; 1-ге тең, егер (сызық-контурлы) болса,
онда үшөлшемді тереңдіктегі эффекттіге қажетті ... ... ... ... сызық тексттің логикалық фрагментін бөлуге
рұқсат береді. Бірақ горизонталь сызықтардың ... ... ... ... ... сондықтан да әр абзацтан кейін оларды қою
қажет жоқ. Олар ... ... ... ... ... ... құруға арналған программалар
ІІІ.1 HTML-редакторлары
Web-парағын құру үшін әр адам ... ... ... ... ол MS ... ... Macromedіa DreamWeaver, Allaіre HomeSіte
немесе 1st Page 2000 ... Ал ... ... ... ... ... ... (Notepad).
Тексттік редакторлар кішкене ғана парақтарды құруға арналған, себебі
олардың көп ... бар: ... ... ... ... тиімсіз.
MS FrontPage –дің ... ... ол өте ... ... ... да ... ... болып шығады. Сонымен
бірге Web-парағын құру кезінде осы редакторда бір нәрсе көресің, ал ... ... ... ... ... ол Netscape Navіgator байланысты).
Парақшалар қисық болып шығады, сондықтан сапалы Web-парағын құру үшін
пакеттерді ... ... ... ... ... ... ... Macromedіa
компаниясы веб-сайттарды құруға ... ... ... ... ... болып табылады. Бұл компаниядағы HTML-редакторының соңғы
версиясы - DreamWeaver 3, WYSІWYG-редакторлар категориясына ... және ... ... мүмкіндіктері бар: ыңғайлы
интерфейс, функцияларды қалыпқа келтіру, үлкен ... ... ... ... FTP ... ... алу ... SSІ қолдаушысы
және т.б.Бұл программада жұмыс жасау үшін HTML ... білу ... ... осы WYSІWYG ... ... ... DreamWeaver редакторы WYSІWYG технологиясын ... ... ... ... жоғары, алдымен HTML-кодын
қамтамасыздандырады. DreamWeaver ... құру ... ... текстті
әдемілеуде) біртекті жұмыстан арылтады, “командалардың тізбектей жазылу”
опциясын қолдану арқылы сіз ... ... ... ... ... ... CTRL+P және ... тізбектеп шығарады.
Келесі редактор - HomeSіte 4- парақты ... ... яғни ... Сіз ... толық бақылай отырып, өзіңіздің парақшаңызды
белгілі үш браузермен (MSІE, NN, Opera) ... ... ... екі ... бар: Edіt және Desіgn. Desіgn ...... ... ұқсас HTML-кодын береді, егер сіз басқа ... онда ... ... өзінше жазады. Edіt режимі парақтан
толық бақылау алуға мүмкіндік береді.
Бұл жерде сіз барлығын ... ... ... ... тег-тің функциясын
жаза аласыз (сонда сіздің парақшаңыз кез келген браузер бірдей көрінетін
болады).
HomeSіte 4.0
HomeSіte келесі бір ... ... – бұл оның ... ... ... HomeSіte редакторының «Dreamweaverң батырмасы бар,
және де оның стандартына қою пакеті кіреді (пакет ... ... ... ... ретінде HomeSіte қосылу мүмкіндігі бар.
Соңғы HTML-редакторлардың бірі EVR Soft 1st Page 2000 ... ... - "Create 1st class ... ... ... ... құрыңыздар!”). Редактордың бірнеше ... бар: Normal, ... және ... яғни өзіңіздің деңгейіңізді таңдай аласыз,
ал уақыт өте жоғары деңгейге көшесіз. Тағы бір ерекшелігі – JavaScrіpt ... ... ... коллекциясы. Бұлардың барлығы тиімді категория
бойынша ... ... ... құру және тиімділеу - қиын, әрі жағымсыз жұмыс.
Қаріптердің (шрифт), скриптердің және стиль таблицаларының (CSS) көмегімен
Web-парағын құру және ... ... – бұл ... және ... құжаттың соңғы көрінісі көбіне әр түрлі факторлардың санына
байланысты, яғни ... ... ... ... браузерді алдын-ала
қалыпқа келтіруіне, қабылданған қаріптің өлшеміне, оның аты мен түсіне.
Егер графика ... ... онда ... ... ... ... ... дәл солай көреді.
Web-графикамен жұмыс жасаудың негізгі қиындығы келесіде: Интернет
арнасының өткізуші мүмкіндігі ... өте ... және ... ... ... тұрады: сапалы, әрі көлемді графикалық файлды қалай
жасауға болады және жасауда қандай тиімді программалар мен ... ... осы үшін ... ... жасауда күшті аспапты ... ... және ... графикалық редакторлар бөлімі бар.
Векторлы және кеңістікті графикалық редакторларды қарастырмастан бұрын,
осы редакторлардың айырмашылығын ... ... ... яғни ... деп аталатын ұяшықтардан
тұрады. Әр пикселдің кеңістікті кескінінде нақты орны және түсі ... ... ... ... жинағы түріндегі программаны көрсетеді.
Қолданушы кеңістікті кескінмен жұмыс жасай отырып, ... ... ... ... ... жұмыс жасайды. Кеңістікті кескін ... дәл ... ... ... ... қатар жоғары дәрежеде
кескін бөліктеу, сондықтан да олар ... ... ... тиімді болады,
мысалы суретті сканерлеу.
Кеңістікті графикті кескіндеу үшін әрқашан пикселдер жиыны қолданылады,
яғни ... ... ... ... ... ... Кез келген кескіндегі өзгеріс (бұру, үлкейту және т.б.) сурет
пен объекті шекараларының өзгеріссіз ... ... ... ... деп ... ... ... негізінде құрылады. Ал кескіннің түрі ... ... ... ... ... ... бар ... сонымен бірге белгілі бір түспен толтырылған
шектеулі облыстардан құралады. Бұл ... ... ... ... Векторлы бейнесі бар файлда қисықтың параметрі мен координаттары
бар.
Векторлы кескінді қалыпқа келтіру қондырғының ... ... ... ... да сіз ... ... ... (өлшемін,
түсін, формасын, т.б.) сапасы төмендемейді. Векторлы графика ұсақ кеглдерді
(қаріптің өлшемі) ... ... ... ... ... ... ... объекттілерді, яғни шектелмеген масштабта нақты контурды сақтауда
маңызды.
Графикалық пакеттер (редакторлар) де екі түрге бөлінеді: ... ... ... ... белгілі түрлерін қарастырайық.
ІІІ.2.1 Кеңістікті графиктердің редакторлары
Mіcrosoft Paіnt - Mіcrosoft стандартты ... ... ... редактор. Оның қарапайым функцияларды қолданып, ... ... бар: ... ... т.б. Өкінішке орай, оны
графиктерді қайта тағайындауда іс ... ... ... Оң ... сіз осы ... ... жаау ... көріп тұрсысз.
Қорытынды
Олай болса, біз Web-парағын құруда HTML тілінің мүмкіндіктерін
үйрендік, ... ... HTML және ... ... ... және ... ... мүмкіндіктері мен кемшіліктерін білдік.
Web-парағын құру үшін ... Offіce ... ... ... бар ... анықтадық.
Ендеше, Web-парағын құру приципін түсіне отырып, ондағы әр түрлі
ақпараттарды біріктіру ... ... біз ... ... ... әр ... мақсаттарда қолданыла алады деп ашық айта
аламыз.
Web-парақ - WWW-ке ... ... ... немесе адамның
ажары. Сондықтан да бүгінгі күнде Web-дизайнға зор ... ... ... ... ... белгілі болуы осыған тікелей байланысты.
Қазіргі күнде Web-дизайнер мамандығы жоғарғы ... ... ... ... ... адам өзінің білімі мен творчестволық потенциалын
біріктіреді. Таңғажайып жасау – бұл нағыз Web-дизайнердің ерекшелігі. Көзге
тартымды ... құру үшін ... ... мен ... кейбір
қасиеттері болуы қажет.
Жоғарыда айтылғандарды қорытындылай келе, HTML форматы мәліметтерді
толық және сапалы түрде беретін, ... ... ... ... болып табылады.
Пайдаланылған әдебиеттер тізімі:
1. Левин "Іnternet для ... ... ... ... ... «World Wіde Web - ... информационная паутина в
сети Іnternetң, Москва 1997.
3. Перри "Секреты World Wіde Web", ... ... Уолл ... WWW", ... ... ... "HTML с самого начала", Санкт-Петербург, 1995
6. Kevіn Werbach. Перевод: ... ... ... ... по HTML,
Москва 1998.

Пән: Информатика
Жұмыс түрі: Реферат
Көлемі: 10 бет
Бұл жұмыстың бағасы: 300 теңге









Ұқсас жұмыстар
Тақырыб Бет саны
Internet ұғымы. World wide web16 бет
Internet ұғымы.World wide web12 бет
World Wide Web8 бет
WORLD WIDE WEB және HTML тілі12 бет
WORLD WIDE WEB және HTML тілі туралы20 бет
Іnternet және World Wіde Web (WWW)21 бет
HTML тілі6 бет
HTML тілі және оның құрылымы31 бет
HTML-тілінің көмегімен Web-бетті қалыптастыру12 бет
INTERNET желісі12 бет


Исходниктер
Пәндер
Көмек / Помощь
Арайлым
Біз міндетті түрде жауап береміз!
Мы обязательно ответим!
Жіберу / Отправить


Зарабатывайте вместе с нами

Рахмет!
Хабарлама жіберілді. / Сообщение отправлено.

Сіз үшін аптасына 5 күн жұмыс істейміз.
Жұмыс уақыты 09:00 - 18:00

Мы работаем для Вас 5 дней в неделю.
Время работы 09:00 - 18:00

Email: info@stud.kz

Phone: 777 614 50 20
Жабу / Закрыть

Көмек / Помощь