Tani mund të vendosim një tekst me shtrirje të ndryshme në faqen tonë të internetit:

Këtu janë faqet e mia personale!

Në to mund të gjeni: - një histori për mua dhe hobet e mia; - fotot e mia.

Nga një nga faqet e mia do të jetë e mundur
me dergo nje email.

3. Mjetet për krijimin e faqeve të internetit

3.1 Redaktorët HTML

Secili zgjedh mjetin e tij për krijimin e faqeve në internet. Mund të jetë MS FrontPage ose Macromedia DreamWeaver, Allaire HomeSite ose 1st Page. Dhe dikush përdor një redaktues të thjeshtë teksti, siç është Notepad (Notepad).

Redaktorët e tekstit mund të përdoren vetëm për të krijuar faqe të vogla, pasi ato kanë shumë disavantazhe: projektet nuk mbështeten, nuk ka tekst "theksimi". Në përgjithësi, është jashtëzakonisht e papërshtatshme për të punuar.

Disavantazhi kryesor i MS FrontPage është se ai gjeneron një kod shumë të madh HTML (shumë ekstra), kështu që faqet janë të mëdha, gjë që ndikon në shpejtësinë e ngarkimit. Për më tepër, kur krijoni faqe në internet në këtë redaktues, shihni një gjë, por në një dritare të shfletuesit - krejt tjetër. Faqet rezultojnë të jenë disi të shtrembër, prandaj, për të krijuar faqe në internet me cilësi të lartë, rekomandohet të përdorni paketat që do të diskutohen më poshtë.

Do të fillojmë me Macromedia DreamWeaver popullor. Macromedia konsiderohet si një lider në prodhimin e softuerit për krijimin e faqeve të internetit, si dhe një trendseter në këtë fushë.

Dreamweaver 3.0

Por DreamWeaver është disa hapa përpara redaktuesve të tjerë të WYSIWYG, veçanërisht duke gjeneruar HTML shumë të pastër. DreamWeaver ju lejon të hiqni qafe të njëjtin lloj pune kur krijoni faqe (për shembull, shtroni tekstin) duke përdorur opsionet "sekuenca e komandave të regjistrimit" ( ju shkruani sekuencën e komandave që prodhoni, më pas shtypni, për shembull, CTRL+P dhe DreamWeaver luan gjithçka në të njëjtën sekuencë.

Faqja kryesore 4.0

Redaktori tjetër - HomeSite 4 - për krijimin e faqeve me dorë, dmth. për njohësit e HTML. Ju merrni kontroll të plotë mbi kodin HTML dhe është e mundur të optimizoni faqen tuaj për një nga tre shfletuesit e njohur (MSIE, Google Chrome, Opera).

HomeSite përmban dy mënyra kryesore: Edit dhe Design. Modaliteti i dizajnit është një lloj redaktuesi WYSIWYG që prodhon kodin HTML dhe nëse ngarkoni kodin HTML të dikujt tjetër, atëherë HomeSite do të rishkruajë gjithçka në mënyrën e vet.

Një tipar tjetër dallues i HomeSite është "ngjitja" e tij me Dreamweaver. HomeSite ka një buton "Dreamweaver" dhe është gjithashtu i përfshirë në paketën e tij standarde. Sidoqoftë, DreamWeaver gjithashtu ka aftësinë për të lidhur HomeSite si një redaktues për korrigjimin e kodit HTML.

Një nga redaktuesit më të fundit të HTML është EVR Soft 1st Page v2.

Slogani i saj është "Krijo faqe interneti të klasit të parë!" ("Krijoni faqe interneti të klasit të parë!"). Redaktori përmban disa mënyra - Normal, Lehtë, Avancuar / Ekspert dhe Hardcore, domethënë, ju mund të zgjidhni nivelin tuaj dhe përfundimisht të kaloni në një më të lartë. Një veçori tjetër është një koleksion mjaft i madh i skripteve JavaScript dhe DHTML. E gjithë kjo është mjaft e përshtatshme e ndarë në kategori.

3.2 Redaktorët grafikë

Krijimi dhe optimizimi i grafikës është një detyrë komplekse dhe kapriçioze. Sigurisht, është e mundur të krijohet një faqe në internet pa përdorimin e grafikëve - duke përdorur fontet, skriptet dhe fletët e stilit (CSS) - dhe do të jetë e bukur dhe me stil. Por në fund të fundit, pamja përfundimtare e dokumentit varet nga një numër i madh faktorësh të ndryshëm, si p.sh.: gjerësia e dritares së shfletuesit, paracaktimet e shfletuesit, madhësia e paracaktuar e shkronjave, emri dhe ngjyra e fontit. Gjithashtu, jo të gjitha skriptet dhe stilet mbështeten nga të gjithë shfletuesit. Nëse përdoren grafikë, atëherë vizitori në faqen tuaj do ta shohë atë saktësisht siç e keni parë dhe do ta shohë atë.

Vështirësia kryesore e punës me grafikë në ueb është se gjerësia e brezit të kanaleve të internetit është, në shumicën e rasteve, shumë e ulët dhe menjëherë do të përballeni me probleme - si të bëni një skedar grafik në madhësi të vogël, por me cilësi të mirë, cilat programe dhe teknika duhet të përdorni kur e optimizoni atë.

Kjo është ajo që i kushtohet seksionit për redaktuesit grafikë vektorial dhe raster, të cilët janë një mjet i fuqishëm për përpunimin e imazhit në duar të afta.

Para se të shqyrtoni redaktuesit e grafikës vektoriale dhe raster, duhet të kuptoni se cili është ndryshimi midis paraqitjes vektoriale dhe raster të një imazhi.

Grafika rasterështë një rrjet (raster), qelizat e të cilit quhen piksel. Çdo piksel në një imazh raster ka një vendndodhje dhe ngjyrë të përcaktuar rreptësisht, prandaj çdo objekt përfaqësohet nga programi si një grup pikselësh me ngjyra. Kjo do të thotë që përdoruesi, duke punuar me imazhe bitmap, nuk punon në objekte specifike, por në grupet e pikselëve që i përbëjnë ato.

Imazhet raster sigurojnë besnikëri të lartë në gradimin e ngjyrave dhe tonet e mesme, si dhe detaje të larta të imazhit, kështu që ato janë mënyra më e mirë për të përfaqësuar imazhet me ngjyra tone, si p.sh. fotografitë e skanuara.

Grafikat bitmap përdorin gjithmonë një numër fiks pikselësh, d.m.th. Cilësia e një imazhi raster varet drejtpërdrejt nga rezolucioni i pajisjes. Kjo do të thotë që çdo ndryshim në imazh (rotacion, zmadhim, etj.) çon në një shtrembërim të vazhdueshëm të imazhit dhe kufijtë e objekteve rezultojnë të jenë të pabarabartë.

Imazhe vektoriale formohen në bazë të figurave të përshkruara matematikisht, të quajtura vektorë, dhe lloji i imazhit përcaktohet nga parametrat e vektorëve. Me fjalë të tjera, grafika vektoriale përbëhet nga kthesa që kanë koordinata, ngjyra dhe parametra të tjerë, si dhe zona të mbyllura të mbushura me një ngjyrë specifike. Kufijtë e këtyre rajoneve përshkruhen gjithashtu me kthesa. Skedari i imazhit vektor përmban koordinatat dhe parametrat e kthesave.

Rezultatet e përpunimit të imazheve vektoriale nuk varen nga rezolucioni i pajisjeve, kështu që ju mund të ndryshoni në mënyrë arbitrare parametrat e tyre (madhësia, ngjyra, forma, etj.) - cilësia nuk do të përkeqësohet. Grafikat vektoriale përdoren kur krijohen objekte dixhitale duke përdorur madhësi të vogla (përmasat e shkronjave) ose objekte të tilla si logot, për të cilat është e rëndësishme të ruhen konturet e qarta, me shkallëzim të pakufizuar.

Paketat grafike (redaktorët) ndahen gjithashtu në dy lloje: raster dhe vektor. Tani le të shohim më të njohurit prej tyre.

A) Redaktuesit e grafikës raster

Microsoft Paint është një redaktues i thjeshtë (ose më mirë, më i thjeshtë) që vjen standard me sistemet operative të Microsoft. Ka një grup funksionesh të thjeshta (furça, laps, gomë, etj.) që ju lejojnë të krijoni fotografi të thjeshta. Fatkeqësisht, praktikisht nuk është i përshtatshëm për përpunim grafik. Fotografia që shihni në të djathtë është më shumë se sa është në gjendje ky redaktues.

Adobe Photoshop- sot është paketa më e fuqishme për përpunimin profesional të grafikës raster. Ky është një kompleks i tërë që ka mundësi të shumta për modifikimin e një imazhi raster, ka një grup të madh filtrash dhe efektesh të ndryshëm dhe është e mundur të lidhni mjete nga prodhuesit e palëve të treta.

Paketa ofron, për shembull, mjete për riparimin e imazheve të dëmtuara, retushimin e fotove ose krijimin e kolazheve më fantastike që mund të përballojë imagjinata jonë. Në përgjithësi, potenciali i kësaj pakete është vërtet i madh. Duke filluar nga versioni 5.5, paketa përfshin programin Adobe ImageReady, të cilat ofrojnë mundësi të mëdha për përpunimin e grafikëve nën WEB (optimizimi i imazhit, krijimi i gif-ve të animuar, "prerja" e fotografive në më të vogla, etj.). Motoja e zhvilluesve të Adobe Photoshop - "Kamera e mendjes suaj" - nënkupton jo vetëm përsosmërinë teknike, por edhe lirinë e plotë të krijimtarisë, për të cilën një person që punon me këtë program është thjesht i dënuar.

PhotoPaint- një tjetër redaktues grafik po aq i njohur (nga paketa Corel Draw) për përpunimin e grafikëve raster, duke konkurruar me Adobe Photoshop. Ai gjithashtu ka të gjitha mjetet e nevojshme për përpunimin e grafikës, një shumëllojshmëri filtrash, teksturash. Dallimi i vetëm është në përdorshmërinë, ndërfaqen dhe shpejtësinë e aplikimit të filtrave - mbivendosja është pak më e ngadaltë.

piktor- redaktori ofron mundësi të shkëlqyera për të imituar mjetet reale të vizatimit: grafit, shkumës, vaj, etj. Gjithashtu ju lejon të simuloni strukturën e sipërfaqes së materialeve, të pikturoni, të krijoni animacion. Shumë i dobishëm për dizajnimin e sfondit ose faqeve në internet në stilin e pikturës. Duke përdorur këtë program ju ndiheni si një artist i vërtetë.

Ka gjithashtu një numër redaktorësh ( Microsoft Photo Editor, Microsoft PhotoDRAW), duke lejuar gjithashtu zbatimin e detyrave më të thjeshta, por duke mos kënaqur nevojat e profesionistëve.

B) Redaktuesit e grafikës vektoriale

Adobe Illustrator- paketa ju lejon të krijoni, përpunoni dhe modifikoni grafika vektoriale. Është ekuivalente në fuqi

redaktori raster Adobe Photoshop: ka një ndërfaqe të ngjashme, ju lejon të lidhni filtra dhe efekte të ndryshme, kupton shumë formate grafike, madje si p.sh. cdr (Corel Draw) dhe . swf (Flash).

CorelDraw- sigurisht, një paketë e tillë e njohur grafike nuk mund të bënte pa mjete për përpunimin e grafikave vektoriale. Paketa është pothuajse po aq e fuqishme sa edhe redaktorët grafikë Adobe Photoshop dhe Adobe Illustrator. Përveç përpunimit të grafikave vektoriale, kjo paketë ka një procesor grafik raster (Photo Paint), një gjurmues imazhesh, një redaktues fonti, përgatitje teksture dhe krijimin e barkodit, si dhe koleksione të mëdha imazhesh (CorelGallery).

Adobe Streamline- Një tjetër produkt Adobe i krijuar për gjurmimin (përkthimin) e grafikave raster në grafikë vektoriale. Ky është një produkt i vogël, por shumë i dobishëm dhe i fuqishëm. Kjo është veçanërisht e dobishme nëse krijoni faqe në internet duke përdorur grafikë vektoriale si teknologjia Flash.

4. Krijimi i një faqeje duke përdorur CMS Joomla 1.5.7

Pa probleme, sipas parimit nga e thjeshta në komplekse, kalojmë nga faqet statike WWW në ato dinamike. Për ta bërë këtë, ne kemi nevojë për njohuri të gjuhëve të Uebit PHP, Jscript, Perl, jQuery dhe të paktën gjuhën e strukturuar të pyetjeve MySQL. Është në rregull, vetëm disa vjet dhe ju jeni një profesionist, i aftë për të krijuar faqe të tilla shumëfunksionale, në të cilat krijohen faqe në fluturim, në të cilat ka baza të dhënash të klientëve të forumit, hyrje, fjalëkalime, identifikim, vërtetim, lidhje animacioni dhe me shume.

Por nuk është e nevojshme të keni njohuri të të gjitha gjuhëve për të krijuar një faqe dinamike multifunksionale. Unë kisha njohuri të mjaftueshme për HTML, SCC, PHP, 3Ds Max, Photoshop dhe SMC Joomla.

Joomla është një sistem i menaxhimit të përmbajtjes i shkruar në PHP dhe JavaScript që përdor një bazë të dhënash MySQL si ruajtje. Është softuer i lirë i licencuar sipas GNU GPL.

Karakteristikat kryesore:

1. Funksionaliteti mund të zgjerohet duke përdorur module shtesë (ekstensione, shtojca).

2. Moduli i sigurisë për vërtetimin në shumë nivele të përdoruesve dhe administratorëve.

3. Sistemi shabllon e bën të lehtë ndryshimin e pamjes së faqes.

4. Paraqitjet e modulit të personalizueshëm, duke përfshirë blloqet e menusë majtas, djathtas dhe qendrore.

5. Përparësitë e sistemit përfshijnë faktin që ju mund t'i shkruani vetë të gjitha modulet, komponentët, shtojcat, shabllonet, t'i vendosni ato në një drejtori të strukturuar shtesë ose të modifikoni një shtesë ekzistuese sipas gjykimit tuaj.

Ju mund të punoni me Joomla në serverin pritës në internet (kosto shtesë, dhe shumë varet nga shpejtësia e internetit). Unë preferoj të punoj në një server lokal. Për këtë zgjodha Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 Server në 127.0.0.1 Port 80.

Pra, vendosni një server lokal. Në direktorinë localhost/home/www/, krijoni një dosje në të cilën vendosim vetë Joomla. Dua të vërej se nën PHP5.3.1 Joomla nuk funksionon siç duhet. Vazhdimisht komponentët e forumeve FireBoard dhe Kunena japin gabime në faqe, ju duhet të redaktoni php. ini dhe çaktivizoni daljen e gabimit, që do të thotë se vetë veprimi premton rrethana të paparashikuara për sitin. Prandaj, unë rekomandoj të zgjidhni versionin 5.2.4 të PHP, puna është e qëndrueshme për të gjitha shtojcat, modulet dhe komponentët. Pas instalimit të Joomla përmes një shfletuesi, krijoni një përdorues admin në MySQL dhe shkoni te paneli i administratorit duke përdorur hyrjen dhe fjalëkalimin e tij. Tjetra, duhet të zgjidhni një shabllon për sitin. Në pamje të parë, do të duket se është shumë e lehtë, por duke gërmuar më thellë, jeni të bindur se 80% e kohës shpenzohet për përditësimin e këtij shablloni. Prandaj, unë rekomandoj të zgjidhni modelin më të përshtatshëm për nevojat tuaja, duke mos harruar për modulet e daljes. Tjetra, ne lidhim të gjithë funksionalitetin e faqes: regjistrimin, forumin, shfaqjen e rrëshqitjes, banderola, shkarkimin e skedarëve, video në linjë, audio, modifikim, të gjitha faqet e shfaqura. Ne punojmë kryesisht me Indeksin. php dhe shabllon. css dhe sigurisht ne konfigurojmë për vete të gjitha shtesat e lidhura, nga të cilat janë rreth 6000 për Joomla. Atëherë mbetet gjëja më e këndshme - ky është dizajni i faqes. Duke përdorur programin raster Photoshop dhe 3Ds Max (një sistem softuerësh profesional me funksione të plota për krijimin dhe modifikimin e grafikëve dhe animacioneve tredimensionale, i zhvilluar nga Autodesk, përmban mjetet më moderne për artistë dhe specialistë të multimedias), ne krijojmë një model shabllon. Redaktimi i kokës, marrja e pamjes së dëshiruar.

konkluzioni

Me zhvillimin e shpejtë të programimit të Uebit dhe krijimin e CMS-ve të shumta, puna e dizajnerit të Ueb-it është bërë më e lehtë. Tani, për të krijuar një ueb portal dinamik të fuqishëm multifunksional, mjafton të zotëroni disa gjuhë programimi (nëse shtojmë shtesa dhe skripta), të jeni të aftë në programet grafike dhe raster, pak frymëzim, inovacion dhe aftësi.

Letërsia

1. Kotorev D.V., Kostarev A.F. "PHP 5 ose manuali më i plotë në origjinal." Petersburg 2005

2. A. Goncharov "HTML Tutorial".

3. A. Matrosov, A. Sergeev, M. Chaunin "HTML 4.0 në origjinal"

4. Isaacs S. "Dynamic HTML"

5. Bayens J. "Vegla e programimit WEB"

6. Bursov M.V. et al. "Bazat e punës me Redaktorin HTML Dreamweaver. Tutorial"

7. Velikhov V. "Handbook HTML 4.0"

HyperTextMarkupLanguage (HTML) -- gjuha e shënjimit të hipertekstit -- është krijuar për të shkruar dokumente hiperteksti të publikuara në WorldWideWeb.

Një dokument hipertekst është një skedar teksti që ka shenja të veçanta të quajtura etiketa, të cilat më pas njihen nga shfletuesi dhe përdoren prej tij për të shfaqur përmbajtjen e skedarit në ekranin e kompjuterit.

Duke përdorur këto shenja, mund të nënvizoni titujt e dokumenteve, të ndryshoni ngjyrën, madhësinë dhe stilin e shkronjave, të futni grafikë dhe tabela. Por avantazhi kryesor i hipertekstit mbi tekstin e thjeshtë është aftësia për të shtuar hiperlidhje në përmbajtjen e dokumentit -- konstruksione të veçanta të gjuhës HTML që ju lejojnë të lundroni në një dokument tjetër me një klikim të mausit.

Struktura e dokumentit HTML

Më e rëndësishmja nga etiketat HTML është etiketa me të njëjtin emër. . Gjithmonë e hap dokumentin, ashtu si një etiketë duhet të jetë në rreshtin e fundit. Këto etiketa tregojnë se linjat ndërmjet tyre përfaqësojnë një dokument të vetëm hipertekst. Pa këto etiketa, shfletuesi ose shikuesi tjetër nuk është në gjendje të identifikojë formatin e dokumentit dhe ta interpretojë atë saktë.

Një dokument HTML përbëhet nga dy pjesë: një titull (kokë) dhe një trup (trup), të rregulluar në rendin e mëposhtëm:

Titulli i dokumentit

Trupi i dokumentit

Më shpesh, një etiketë çifti përfshihet në titullin e një dokumenti. A që specifikon emrin e dokumentit. Shumë shikues e përdorin atë si titullin e dritares në të cilën shfaqet dokumenti. Programet që indeksojnë dokumentet në internet përdorin titullin për të identifikuar faqen. Një titull i mirë duhet të jetë mjaft i gjatë për të treguar saktë faqen përkatëse, duke u vendosur ende në titullin e dritares. Titulli i dokumentit përshtatet midis etiketave hapëse dhe mbyllëse.

Trupi i dokumentit është një element i detyrueshëm, pasi përmban të gjithë materialin e dokumentit. Trupi i dokumentit vendoset midis etiketave dhe

. Çdo gjë që vendoset midis këtyre etiketave interpretohet nga shfletuesi në përputhje me rregullat e gjuhës HTML, të cilat lejojnë që faqja të shfaqet saktë në ekranin e monitorit.

Teksti në HTML ndahet në paragrafë duke përdorur një etiketë<р>. Vendoset në fillim të çdo paragrafi dhe shfletuesi, kur e ndesh, i ndan paragrafët nga njëri-tjetri me një rresht të zbrazët. Përdorimi i një etikete mbyllësejo e nevojshme.

Nëse dëshironi të "thyeni" tekstin, duke transferuar pjesën tjetër të tij në një rresht të ri, duke mos theksuar një paragraf të ri, përdorni etiketën e ndërprerjes së rreshtit
. Kjo bën që shikuesi të shfaqë personazhet pas tij në një rresht të ri. Ndryshe nga etiketa e paragrafit, etiketa
nuk shton një varg bosh. Kjo etiketë nuk ka një etiketë fundore që përputhet.

Gjuha HTML mbështet formatimin logjik dhe fizik të përmbajtjes së dokumentit. Formatimi logjik tregon qëllimin e një pjese të caktuar të tekstit, ndërsa formatimi fizik specifikon pamjen e tij.

Kur përdorni formatimin logjik të tekstit, shfletuesi thekson pjesë të ndryshme të tekstit sipas strukturës së dokumentit. Për të shfaqur titullin, përdoret një nga etiketat e titullit. Titujt në një dokument tipik ndahen në nivele. Gjuha HTML ju lejon të specifikoni gjashtë nivele të titujve: h1 (titulli i nivelit të parë), h2, h3, h4, h5 dhe h6. Titulli i nivelit të parë është zakonisht më i madh dhe më i pasur se titulli i nivelit të dytë. Një shembull i përdorimit të etiketave të kokës:

l. Titulli i kapitullit

l.l. Emri i seksionit

Etiketat e formatimit fizik vendosin drejtpërdrejt pamjen e tekstit në ekranin e shfletuesit, për shembull, një palë tekstesh të theksuara, vendos nënvizimin e tekstit, kontrollon fontin e tekstit.

Etiketë fut imazhin në dokument sikur të ishte vetëm një karakter i madh. Shembull aplikimi i etiketimit:

Një palë etiketash përdoren për të krijuar një lidhje hiperteksti<а>... . Një pjesë teksti, një imazh ose ndonjë objekt tjetër i vendosur midis këtyre etiketave shfaqet në dritaren e shfletuesit si një lidhje hiperteksti. Aktivizimi i një objekti të tillë bën që një dokument i ri të ngarkohet në dritaren e shfletuesit ose të shfaqet një pjesë tjetër e faqes aktuale të internetit. Një lidhje hiperteksti formohet duke përdorur shprehjen:

Href këtu është një atribut i kërkuar, vlera e të cilit është URL-ja e burimit të kërkuar. Kuotat në vlerën e atributit href janë opsionale. Nëse specifikohet një lidhje me një dokument në një server tjetër, atëherë hiperlidhja do të duket si kjo:

<а href = "http://www.school.donetsk.ua/11.jpg">Foto 11-A

Me ndihmën e etiketave të ndryshme, mund të vizatoni tabela, të formatoni tekstin, të futni imazhe, skedarë video dhe zëri në një dokument dhe më shumë.

Hyper Text Markup Language (HTML) - gjuha e shënjimit të hipertekstit - e krijuar për të shkruar dokumente hiperteksti të publikuara në World Wide Web.

Një dokument hipertekst është një skedar teksti që ka shenja të veçanta të quajtura etiketa, të cilat më pas njihen nga shfletuesi dhe përdoren prej tij për të shfaqur përmbajtjen e skedarit në ekranin e kompjuterit.

Duke përdorur këto shenja, mund të nënvizoni titujt e dokumenteve, të ndryshoni ngjyrën, madhësinë dhe stilin e shkronjave, të futni grafikë dhe tabela. Por avantazhi kryesor i hipertekstit mbi tekstin e thjeshtë është aftësia për të shtuar hiperlidhje në përmbajtjen e një dokumenti - konstruksione të veçanta të gjuhës HTML që ju lejojnë të klikoni për të parë një dokument tjetër.

dokument HTML përbëhet nga dy pjesë: teksti aktual, d.m.th të dhënat që përbëjnë përmbajtjen e dokumentit dhe etiketat - ndërtime të veçanta të gjuhës HTML që përdoren për të shënuar dokumentin dhe për të kontrolluar shfaqjen e tij. Etiketat e gjuhës HTML përcaktojnë formën në të cilën do të paraqitet teksti, cili nga përbërësit e tij do të luajë rolin e lidhjeve të hipertekstit, cilat objekte grafike ose multimediale duhet të përfshihen në dokument.

Informacioni grafik dhe audio i përfshirë në një dokument HTML ruhet në skedarë të veçantë. Shikuesit e dokumenteve HTML ( shfletuesit) interpretoni flamujt e shënjimit dhe rregulloni tekstin dhe grafikët në ekran në mënyrë të përshtatshme. Shtesat e pranuara për skedarët që përmbajnë dokumente HTML janë .htm ose .html.

Në shumicën e rasteve, etiketat përdoren në çifte. Çifti përbëhet nga një hapje<имя_тега>dhe mbylljaetiketa. Veprimi i çdo etikete të çiftuar fillon në vendin ku u takua etiketa hapëse dhe përfundon kur haset etiketa përkatëse mbyllëse. Shpesh thirren një palë etiketa fillimi dhe mbarimi enë, dhe pjesa e tekstit, e kufizuar nga etiketa hapëse dhe mbyllëse, - element.

Sekuenca e karaktereve që përbëjnë tekstin mund të përbëhet nga hapësira, skeda, rreshta të rinj, kthime, shkronja, shenja pikësimi, numra dhe karaktere speciale (për shembull, #, +, $, @), me përjashtim të katër karaktereve të mëposhtme, të cilat kanë në HTML, kuptimi i veçantë është: (më i madh se), & (shqip) dhe " (citim i dyfishtë). Nëse dëshironi të përfshini ndonjë nga këto karaktere në tekstin tuaj, duhet ta kodoni atë me një sekuencë të veçantë karakteresh.

Struktura e dokumentit HTML

Më e rëndësishmja nga etiketat HTML është etiketa me të njëjtin emër. . Gjithmonë e hap dokumentin, ashtu si një etiketë duhet të jetë në rreshtin e fundit. Këto etiketa tregojnë se linjat ndërmjet tyre përfaqësojnë një dokument të vetëm hipertekst. Pa këto etiketa, shfletuesi ose shikuesi tjetër nuk është në gjendje të identifikojë formatin e dokumentit dhe ta interpretojë atë saktë.

Një dokument HTML përbëhet nga dy pjesë: një titull (kokë) dhe një trup (trup), të rregulluar në rendin e mëposhtëm:

Titulli i dokumentit Trupi i dokumentit

Më shpesh, një etiketë çifti përfshihet në titullin e një dokumenti. A që specifikon emrin e dokumentit. Shumë shikues e përdorin atë si titullin e dritares në të cilën shfaqet dokumenti. Programet që indeksojnë dokumentet në internet përdorin titullin për të identifikuar faqen. Një titull i mirë duhet të jetë mjaft i gjatë për të treguar saktë faqen përkatëse, duke u vendosur ende në titullin e dritares. Titulli i dokumentit përshtatet midis etiketave hapëse dhe mbyllëse.

Trupi i dokumentitështë një element i detyrueshëm, pasi përmban të gjithë materialin e dokumentit. Trupi i dokumentit vendoset midis etiketave dhe

. Çdo gjë që vendoset midis këtyre etiketave interpretohet nga shfletuesi në përputhje me rregullat e gjuhës HTML, të cilat lejojnë që faqja të shfaqet saktë në ekranin e monitorit.

Teksti në HTML ndahet në paragrafë duke përdorur një etiketë<р>. Vendoset në fillim të çdo paragrafi dhe shfletuesi, kur e ndesh, i ndan paragrafët nga njëri-tjetri me një rresht të zbrazët. Përdorimi i një etikete mbyllësejo e nevojshme.

Nëse dëshironi të "thyeni" tekstin, duke transferuar pjesën tjetër të tij në një rresht të ri, duke mos theksuar një paragraf të ri, përdorni etiketën e ndërprerjes së rreshtit
. Kjo bën që shikuesi të shfaqë personazhet pas tij në një rresht të ri. Ndryshe nga etiketa e paragrafit, etiketa
nuk shton një varg bosh. Kjo etiketë nuk ka një etiketë fundore që përputhet.

Gjuha HTML mbështet formatimin logjik dhe fizik të përmbajtjes së dokumentit. Formatimi logjik tregon qëllimin e një pjese të caktuar të tekstit, ndërsa formatimi fizik specifikon pamjen e tij.

Duke përdorur formatimi logjik shfletuesi i tekstit thekson pjesë të ndryshme të tekstit në përputhje me strukturën e dokumentit. Për të shfaqur titullin, përdoret një nga etiketat e titullit. Titujt në një dokument tipik ndahen në nivele. Gjuha HTML ju lejon të specifikoni gjashtë nivele të titujve: h1 (titulli i nivelit të parë), h2, h3, h4, h5 dhe h6. Titulli i nivelit të parë është zakonisht më i madh dhe më i pasur se titulli i nivelit të dytë. Një shembull i përdorimit të etiketave të kokës:

l. Titulli i kapitullit

l.l. Emri i seksionit

etiketa formatimin fizik caktoni drejtpërdrejt pamjen e tekstit në ekranin e shfletuesit, për shembull, çifti e bën tekstin të guximshëm, vendos nënvizimin e tekstit, kontrollon fontin e tekstit.

Etiketë fut imazhin në dokument sikur të ishte vetëm një karakter i madh. Shembull aplikimi i etiketimit:

Për krijimin lidhje hiperteksti palë etiketash të përdorura<а>... . Një pjesë teksti, një imazh ose ndonjë objekt tjetër i vendosur midis këtyre etiketave shfaqet në dritaren e shfletuesit si një lidhje hiperteksti. Aktivizimi i një objekti të tillë bën që një dokument i ri të ngarkohet në dritaren e shfletuesit ose të shfaqet një pjesë tjetër e faqes aktuale të internetit. Një lidhje hiperteksti formohet duke përdorur shprehjen:

Href këtu është një atribut i kërkuar, vlera e të cilit është URL-ja e burimit të kërkuar. Kuotat në vlerën e atributit href janë opsionale. Nëse specifikohet një lidhje me një dokument në një server tjetër, atëherë hiperlidhja do të duket si kjo:

<а href = "http://www.school.donetsk.ua/11.jpg">Foto 11-A

Duke përdorur etiketa të ndryshme, mund të vizatoni tabela, të formatoni tekstin, të futni imazhe, video, skedarë zanore dhe më shumë në një dokument.

Në vitin 1989, hiperteksti përfaqësonte një teknologji të re premtuese që kishte një numër relativisht të madh zbatimesh, nga njëra anë, dhe nga ana tjetër, u bënë përpjekje për të ndërtuar modele formale të sistemeve të hipertekstit që kishin natyrë më përshkruese dhe të frymëzuara nga suksesi i qasjes relacionale ndaj përshkrimit të të dhënave.

HTML është një gjuhë shënjimi hiperteksti që përdoret për të koduar dokumentet. Gjuha HTML është një grup komandash sipas të cilave shfletuesi shfaq përmbajtjen e dokumentit, komandat HTML nuk shfaqen. HTML zbaton një mekanizëm lidhjeje hiperteksti që lidh një dokument me një tjetër. Këto dokumente mund të jenë të vendosura në të njëjtin server me faqen nga e cila janë lidhur, ose mund të strehohen në një server tjetër.

Ideja e HTML është një shembull i një zgjidhjeje jashtëzakonisht të suksesshme për problemin e ndërtimit të një sistemi hiperteksti me ndihmën e një mjeti të veçantë të kontrollit të ekranit.

Lidhjet kontekstuale të hipertekstit u njohën si forma më efektive e organizimit të hipertekstit, dhe përveç kësaj, u njoh ndarja në lidhje të lidhura me të gjithë dokumentin në tërësi dhe me pjesët e tij individuale.

Të gjithë dokumentet HTML ndajnë të njëjtën strukturë, të përcaktuar nga një grup fiks etiketash strukturore. Një dokument HTML duhet të fillojë gjithmonë me një etiketë< HTML >dhe përfundoni me etiketën e duhur fundore (). Ekzistojnë dy seksione kryesore brenda dokumentit: seksioni i titujve dhe trupi i dokumentit, në atë renditje. Seksioni i titullit përmban informacion që përshkruan dokumentin në tërësi dhe kufizohet në etiketa<НЕАD>dhe. Në veçanti, seksioni i titullit duhet të përmbajë titullin e përgjithshëm të dokumentit, të kufizuar nga etiketa e çiftit<ТITLE>.

). Megjithatë, nuk rekomandohet të hiqen etiketat strukturore gjatë krijimit të një dokumenti HTML. Dokumenti më i thjeshtë i duhur HTML që përmban të gjitha etiketat që përcaktojnë strukturën mund të duket kështu:

< TITLE >Titulli i dokumentit< /TITLE >

Teksti i dokumentit

Elementet HTML.

Për etiketat e çiftuara, shtrirja përcaktohet nga pjesa e dokumentit midis etiketave hapëse dhe mbyllëse. Kjo pjesë e dokumentit konsiderohet si një element i gjuhës HTML. Pra, mund të flasim për "elementin BODY" që përfshin etiketën, trupin e dokumentit dhe etiketën fundore. I gjithë dokumenti HTML. mund të mendohet si një "element HTML". Për etiketat e paçiftuara, elementi përputhet me etiketën që e përcakton atë.

Shumica e elementeve të gjuhës HTML. përshkruan pjesë të përmbajtjes së dokumentit dhe vendoset midis etiketave . dhe, pra brenda elementit strukturor BODY. Elementë të tillë ndahen në bllok dhe tekst. Elementet e bllokut i referohen seksioneve të tekstit të nivelit të paragrafit. Elementet e tekstit përshkruajnë vetitë e frazave individuale dhe edhe më shumë pjesë të vogla të tekstit.

Tani mund të formulojmë rregullat për futjen e elementeve.

Elementet nuk duhet të mbivendosen. Me fjalë të tjera, nëse etiketa hapëse është brenda një elementi, atëherë etiketa fundore përkatëse duhet të jetë brenda të njëjtit element.

Elementet e bllokut mund të përmbajnë elemente të mbivendosur bllok dhe tekst.

Elementet e tekstit mund të përmbajnë elemente teksti të mbivendosur.

Elementet e tekstit nuk mund të përmbajnë elemente blloku të mbivendosur.

Elementet e bllokut funksional.

Në shumicën e dokumenteve, titujt dhe paragrafët janë elementët kryesorë funksionalë. Gjuha HTML. mbështet gjashtë nivele të titujve. Ato vendosen duke përdorur etiketa të çiftuara nga<Н1>përpara<Н6>. Kur shfaqen, dokumentet në ueb jepen duke përdorur këtë mënyrë; etiketë (dokument në ekranin e kompjuterit, këta elementë tregohen duke përdorur shkronja të madhësive të ndryshme.

Paragrafët normalë vendosen duke përdorur një etiketë çifti<Р>. Gjuha HTML. nuk përmban mjete për krijimin e një indenti të paragrafit ("vija e kuqe"), prandaj, kur shfaqen në një ekran kompjuteri, paragrafët ndahen me një rresht bosh. Etiketa mbyllësekonsiderohet si opsionale. Kuptohet që qëndron përpara etiketës që vendos fillimin e paragrafit tjetër të dokumentit. Për shembull:

kokë

<Р>Paragrafi i parë<Р>Paragrafi i dytë

Titulli i nivelit të dytë

Si pasojë e të pasurit një etiketë të veçantë që përcakton një paragraf është fakti që karakteri i zakonshëm i fundit i rreshtit i futur duke shtypur tastin ENTER nuk mjafton për të krijuar një indent të paragrafit. Gjuha HTML. trajton karakteret dhe hapësirat e fundit në një mënyrë të veçantë. Çdo sekuencë; i përbërë vetëm nga hapësira dhe karaktere në fund të rreshtit, trajtohet si një hapësirë ​​e vetme kur shfaqet dokumenti. Kjo, në veçanti, do të thotë që karakteri i fundit i linjës nuk kryen as një rresht të ri (për këtë qëllim, përdoret një element teksti, i specifikuar nga etiketa e paçiftuar
.

Një vizore horizontale mund të përdoret gjithashtu si një kufizues i paragrafit. Ky element specifikohet nga një etiketë e paçiftuar

---

. Kur një dokument shfaqet në ekran, një vizore ndan pjesë të tekstit nga njëra-tjetra. Gjatësia dhe trashësia e saj përcaktohen nga atributet e etiketës.

---

.

---

Ky etiketë krijon një vizore horizontale të gjerë 10 pikselë që përfshin gjysmën e gjerësisë së dritares dhe pozicionohet në të djathtë.

Zhvillimi i faqes në internet është një nga mundësitë e disponueshme gjerësisht të industrisë moderne të internetit. Krijimi aktual i faqeve, në parim, nuk është shumë më i komplikuar sesa krijimi i kutive postare elektronike personale dhe kartave elektronike të biznesit.

Për të krijuar një faqe, para së gjithash, ju duhet një server i lidhur në internet, në të cilin mund të vendosni hipertekstet e nevojshme. Për më tepër, është e nevojshme të regjistrohet emri i saigës me ofruesin që i shërben serverit të zgjedhur.

Në internet, mund të gjeni ofrues që ofrojnë hapje falas të faqeve në serverët e tyre. Faqet falas mund të hapen në serverët vendas narod.ru, boom.ru, hotmail.ru dhe në serverë të huaj, si geocities.com, tripod.com.

Në serverët e specifikuar, mund të regjistroni emrat e domenit të formularit:

<имя>. people.ru

name>.boom.ru,

Shembuj të emrave të domain të regjistruar:

wdu.da.ru - faqja e internetit e universitetit elektronik;

wduniv.newmail.ru - faqja e një universiteti të shpërndarë.

Pas regjistrimit të emrit të domenit të faqes, mbi të mund të vendosen hipertekste. Vendosja e hiperteksteve në faqe kryhet me ndihmën e programeve speciale që ju lejojnë të krijoni, modifikoni, grumbulloni dhe kopjoni një sërë hipertekstesh. Menjëherë pas vendosjes së faqes së parë (kryesore) të hipertekstit, informacioni i tij mund të lexohet duke përdorur një shfletues në çdo vend nga çdo kompjuter i lidhur me internetin. Për ta bërë këtë, adresa e faqes në internet tregohet në dritaren e shfletuesit. Për shembull: http://bak.boom.ru

Të gjithë skedarët e pritur duhet të jenë hipertekst, të shkruar në format HTML dhe të kenë identifikues të formularit<имя>.html

HTML është gjuha e shënjimit të hipertekstit.

Sipas strukturës, hiperteksti është një tekst me lidhje me hipertekste të tjerë të vendosur në këtë server ose në serverë të tjerë. Kur klikoni në një lidhje të tillë, shfletuesi ngarkon automatikisht një faqe hiperteksti në ekranin e kompjuterit, pavarësisht nga cili server dhe në cilin vend ndodhet.

Me ndihmën e këtyre mjeteve dhe programeve, në internet mund të krijohen një sërë faqesh dhe sistemesh informacioni - faqe personale, faqe kompanish, gazeta elektronike, revista, libra elektronikë, enciklopedi, si dhe arkiva dhe biblioteka elektronike.

Dallimi midis faqeve qëndron në sasinë e informacionit, strukturën e tyre dhe procedurat e përditësimit. Në përgjithësi, për faqet në internet, si dhe për çdo organizatë, mund të flasim për ciklet e jetës së krijimit, zhvillimit, modernizimit dhe likuidimit të tyre.

Sasia e informacionit përcaktohet nga pronarët - njerëzit ose organizatat që kanë krijuar faqet dhe vendosin informacionin e tyre në to. Vëllimi i informacionit në sajte mund të variojë nga disa kilobajt në disa gigabajt (miliona kilobajt).

Struktura e vendeve mund të jetë shumë e larmishme. Struktura më e thjeshtë është faqja kryesore me lidhje me një grup tekstesh. Këto lidhje mund të jenë në tekstin e faqes kryesore ose të dallohen në tabelën e përmbajtjes në fillim të faqes.

Çdo faqe e sajtit mund të pajiset me një titull që shfaqet në vijën e sipërme të ekranit kur faqja ngarkohet nga shfletuesi.

Për më tepër, në faqen kryesore të faqes, mund të specifikoni një listë të fjalëve kyçe për motorët e kërkimit.

Makinat e kërkimit skanojnë të gjithë serverët në internet çdo javë dhe regjistrojnë adresat e të gjitha faqeve dhe hipertekstet që gjejnë, së bashku me fjalët kyçe të theksuara në to. Për këto arsye, jo më vonë se një javë më vonë, çdo informacion i publikuar në internet mund të gjendet duke përdorur fjalë kyçe që gjenden në to.