Pra, çfarë është një faqe interneti dhe një faqe interneti? Për të kuptuar këtë çështje, le të mendojmë se çfarë informacioni përmban në të vërtetë faqja e internetit? Përgjigja është e qartë - pothuajse çdo gjë. Faqja mund të përmbajë informacione rreth lojërave kompjuterike, makinave, peshqve të akuariumit, krijesave mitike, qyteteve dhe vendeve të botës, etj. etj. Lista është e pafund. Ju madje mund të vendosni në faqe, për shembull, veprat e klasikëve të mëdhenj rusë. Si ju pëlqen faqja "Lufta dhe Paqja"? Rezulton se faqja është një libër, por jo i thjeshtë, por elektronik? Po, një faqe interneti është, në thelb, një libër elektronik, revistë ose tekst shkollor që mund të përmbajë informacione që janë të dobishme për ju ose që nuk ju interesojnë për momentin.

Ashtu si një libër, një faqe interneti përbëhet nga faqe të quajtura faqe në internet.

Dhe si e gjejmë ne, në fakt, në të njëjtin tekst të shkencave kompjuterike, informacionin që na intereson? Hapim përmbajtjen që është në fillim ose në fund të tekstit, kërkojmë paragrafin në të cilin gjenden informacionet e nevojshme, përpara paragrafit shikojmë numrin e faqes, e hapim dhe studiojmë materialin. Gjithçka është mjaft e thjeshtë dhe e zakonshme.

Pasi të shkojmë në faqen kryesore të një faqeje të dizajnuar mirë, duhet të shohim edhe diçka të ngjashme me përmbajtjen e tekstit shkollor në mënyrë që të mund të gjejmë shpejt informacionin që na nevojitet.

Por si të arrijmë tek informacioni i nevojshëm i vendosur në faqen e internetit, sepse nuk mund të shfletojmë faqet elektronike si ato të zakonshme në letër? Në të vërtetë, ne zakonisht përdorim miun.

Në fakt, lëvizja midis faqeve në një sajt është edhe më e shpejtë se lëvizja midis faqeve kur punoni me një tutorial të rregullt. Për të lëvizur midis faqeve të faqes, përdoren elementë të faqes së internetit, kur klikoni mbi to, mund të kaloni në një faqe tjetër të faqes. Këta elementë faqe quhen hiperlidhje dhe janë të pranishme në të gjitha faqet që përbëjnë faqen.

Në rastin "klasik", një pjesë e tekstit (një fjalë ose disa fjalë) dhe imazhe grafike (fotografi dhe fotografi) përdoren si hiperlidhje.

Meqenëse në rastin e parë, teksti përdoret për të krijuar hiperlidhje, një hiperlidhje e tillë quhet tekst. Shumë shpesh, një hiperlidhje teksti është tekst i nënvizuar blu. Duke parë, për shembull, në faqen kryesore të një faqeje mbishkrimin "Ueb faqet dhe faqet e internetit" të krijuara në mënyrë të ngjashme dhe duke klikuar mbi të me butonin e majtë të miut, duhet të jeni në faqen e internetit të dedikuar për këtë temë. Faqja "Uebfaqet dhe faqet e internetit" duhet të ketë nga ana tjetër të paktën një hiperlidhje që mund ta përdorni për t'u kthyer në përmbajtje.

Nëse një imazh grafik, si p.sh. një fotografi, përdoret si hiperlidhje, do të jetë e vështirë të merret me mend se kjo është një hiperlidhje. Atëherë, si mund të përcaktoni nëse një imazh është një hiperlidhje apo jo? Në këtë rast, mbani mend rregullin e mëposhtëm: "Nëse, kur lëvizni kursorin e miut mbi një element të një faqeje Web, ai kthehet në një dorë, atëherë ky element është një hiperlidhje."

Shënim: Ekziston një përjashtim nga ky rregull, për shembull, në rastin e rrotullimeve, të cilat mund të mos jenë hiperlidhje, por kur kaloni mausin mbi to, kursori merr gjithashtu formën e një dore. Përveç ndryshimit të pamjes së kursorit, kur rri pezull mbi hiperlidhjen, duhet të shfaqet edhe URL-ja (adresa unike e burimit), por ne do të flasim për këtë në mësimin për krijimin e hiperlidhjeve duke përdorur programin FrontPage.

Pyetjet e kontrollit:

• Çfarë është një faqe interneti?
• Çfarë është një faqe në internet?
• Çfarë është një hiperlidhje?
• Cilët elementë të një faqe interneti mund të përdoren si hiperlidhje?
• Si mund ta dalloj nëse një element i faqes është një hiperlidhje?
• A mundet që ueb faqet individuale në një sajt të mos përmbajnë hiperlidhje?

9 vota

Mirë se vini në faqet e blogut Start-Luck. Sot do të doja t'ju tregoja se si të përdorni kodin. Shkrimi i faqeve të internetit është një aktivitet interesant që mund të duket jashtëzakonisht i vështirë për shumë njerëz. Në fakt, një faqe e thjeshtë mund të krijohet në vetëm 5 minuta.

Në këtë artikull, unë do të flas për krijimin e një faqe html. Ne do ta përfundojmë këtë detyrë në më pak se 10 minuta, dhe më pas do të merremi me etiketat kryesore në më shumë detaje. Do të ishte gabim ta quajmë mësim një botim të tillë. Përkundrazi, është një farë që është krijuar për t'ju treguar lehtësinë e punës dhe për t'ju dhënë dëshirën për të ecur përpara, për të mësuar më shumë, për të bërë më mirë.

Si të krijoni një faqe

Unë ju sugjeroj të bëni faqen e parë në notepad. Më e thjeshta, e cila ndodhet në menunë "Start", dosja "Standard". Nuk keni nevojë të shkarkoni asgjë ende. Mundohuni të përdorni atë që keni.

Hapni dokumentin tuaj.

Ngjitni këtë kod në të.

<html> <kokë> <titull> Faqja ime e parë</ titulli> </ kokë> <trup> <qendër> </ h1> <br /> <qendër> "https://pixabay.com/static/uploads/photo/2016/10/14/18/03/workplace-1740807_960_720.jpg"> <br /> <stili i shkronjave = "ngjyra: e kuqe"></ font> <br /> <b></ b> <br /> Arritëm deri në fund<br /> Tani ju dini pak më shumë rreth etiketave dhe mund t'i përdorni ato. Le të përpiqemi të fusim një lidhje për të lidhur disa faqe së bashku.<br /> <hr> Për shembull, këtu është një lidhje në blogun tim -<a href = "http: // site /"> Fillimi-Fat</ a>- flet thjesht për "të vështira".<br /> <br /> </ trupi> </ html>

Krijimi i një faqeje është më i lehtë nga sa mendoni

Shumëkujt mund t'u duket se krijimi i faqes në internet është i vështirë, madje i pamundur. Për ta bërë këtë, ju duhet të mësoni shumë, të mësoni, të bëni. Në fakt, ka rreth 100 etiketa që as nuk duhet t'i mësoni. Është e rëndësishme vetëm të kuptohet se çfarë dhe ku aplikohet. Informacioni mund të spiunohet në fletë të ndryshme mashtrimi dhe me kalimin e kohës do të filloni të mbani mend etiketat në makinë.



Kodi i thjeshtë e bën tekstin të kuq

Të shkruash me shkronja të zeza nuk është shumë më e vështirë

Arritëm deri në fund

Tani ju dini pak më shumë rreth etiketave dhe mund t'i përdorni ato. Le të përpiqemi të fusim një lidhje për të lidhur disa faqe së bashku..

OK tani ka mbaruar. Faqja juaj e parë është gati

Skedari duhet të emërtohet index.html... Përfundimi ".HTML" tregon shtrirjen e skedarit. Nëse thjesht futni emrin e indeksit, atëherë dokumenti do të ruhet si skedar teksti dhe nuk do të hapet në një shfletues.

E ruajta dokumentin në desktopin tim. Tani duhet ta gjeni, klikoni me të djathtën dhe hapeni duke përdorur çdo shfletues. Unë do të zgjedh Google Chrome.

Kështu duket faqja që sapo kam krijuar. E juaja nuk do të jetë ndryshe. Gjithçka është saktësisht e njëjtë: me foto dhe font me ngjyra.

Tani do të hyj në më shumë detaje rreth etiketave, por tani për tani le të heqim vetëm nga titulli " qendër "Dhe fut një rresht që përmban fjalën" Ngjyrë". Nga rruga, unë kam shkruar tashmë. Është shumë e thjeshtë, ju rekomandoj ta lexoni.

Ruani përsëri dokumentin, këtë herë thjesht mund të përdorni shkurtoren e tastierës Ctrl + S dhe më pas rifreskoni faqen në shfletues duke përdorur butonin F5

Mos harroni, pothuajse çdo etiketë duhet të hapet dhe mbyllet. Kjo do të thotë, duhet të ketë një kod të pjerrët diku. Në këtë rast, duket kështu: .

Shikoni, titulli është bërë i kuq. Po kështu, mund t'i jepni nuancën e dëshiruar çdo pjese të tekstit.

Epo, kjo është e gjitha, një shembull është gati, dhe ju duhet të jeni krenarë për veten tuaj. Sigurisht, nuk është ende online, për këtë ju duhet të vendosni faqen e internetit, e cila ofrohet nga hosti. Ju gjithashtu duhet të lidhni domenin tuaj në mënyrë që njerëzit e tjerë të mund të shohin krijimin tuaj.

Deri më tani, vetëm ju mund ta shihni faqen. Por duhet ta pranoni se një faqe e tillë mund të befasojë vetëm një person nga epoka e hekurit. Por kjo është përvoja e parë, le ta bëjmë edhe më të suksesshme duke kuptuar etiketat që kemi përdorur. Kjo do t'ju ndihmojë të mësoni se si të krijoni projektet tuaja, pa ndihmën e askujt tjetër.

Etiketat

Me lejen tuaj, unë do të kaloj në NotePad ++. Ka një sërë avantazhesh ndaj një fletoreje të zakonshme. Për momentin, theksimi i etiketave është shumë i dobishëm për t'ju treguar elementët për të cilët do të flas. Në përgjithësi, nëse do të mësoni html, atëherë unë rekomandoj shumë instalimin e këtij programi falas.

Nuk është i vetmi dhe mund t'ju ofroj disa të tjera nëse dikush është i interesuar për alternativa. Do të kalojmë në pjesën teorike.

Kryesor

Faqja fillon dhe përfundon me etiketa ... Ata i tregojnë shfletuesit se ky është një dokument ueb i krijuar duke përdorur html.

Tjetra vjen ose titulli. Ai përmban informacionin më të rëndësishëm në lidhje me faqen, në rastin tonë -. Nëse nuk e keni gjetur ende shprehjen "Faqja ime e parë", e cila është e pranishme në kod, kushtojini vëmendje vetë skedës, sipër vijës së kërkimit.

Domethënë etiketat janë përgjegjës për fillimin dhe fundin e informacionit kryesor rreth faqes.

Etiketë

tregon se fraza është një titull. Si parazgjedhje, është pak më i madh se teksti i trupit dhe është i theksuar. Nëse ju dhe unë tani do të shkruanim jo vetëm në html, por gjithashtu do të krijonim një skedar CSS me të cilin skedari ynë bënte jehonë, ne mund të kontrollonim madhësinë, fontin dhe madje edhe ngjyrën e të gjithë titujve në faqe pa përshkruar stili i fontit siç bëmë në shembull. Edhe pse kjo është gjithashtu pak herët.

Nga rruga, Titulli dhe H1 kanë efektin e tyre kur caktojnë faqen tuaj në rezultatet e kërkimit. Duhet t'i trajtoni me shumë vëmendje dhe të mos shkruani brenda çfarë. Ato janë të lidhura me. Përveç h1, ka edhe h2, h3, h4.

Në të njëjtën linjë ka një hapje dhe një mbyllje

... Falë këtij elementi, ju mund ta rreshtoni tekstin në mes. Nëse kjo etiketë hiqet, teksti do të rreshtohet në të djathtë.

Është një nga etiketat e pakta të vetme. Kjo do të thotë, funksionon vetë. Falë kësaj, elementët kërcejnë nga një rresht në tjetrin. Me fjalë të thjeshta, indent. E kemi shkruar një herë, që do të thotë kemi zbritur një herë, dy herë, si e imja, dhe dhëmbëzimi doli të ishte pak më shumë.

Foto

Më pas vjen etiketa img , pra imazh, foto. Hapet kllapa katrore, të gjitha informacionet bazë për imazhin futen në të, vetëm pasi të mbyllet. Duhet theksuar se img Është një etiketë, dhe të gjithë elementët e tjerë të kodit që përshtaten brenda janë atributet e tij.

Gjëja e parë është alt , domethënë një përshkrim. Kjo është gjithashtu e nevojshme për optimizim. Ndonjëherë shtohet dhe titullin ... Kur kaloni pezull mbi imazhin me miun, një këshillë mjeti shfaqet pranë kursorit kur faqja është tashmë e hapur në shfletues.

Ishte e mundur të ngarkoja një fotografi në dosjen e faqes dhe të shkruaja një rrugë drejt saj, por unë shkova në rrugën e thjeshtë. Gjeta një foto në Pixabay, e hapa në një dritare të re dhe ngjita lidhjen.

Në etiketë src është shkruar rruga për në foto. Është ai që i tregon shfletuesit se çfarë të lëvizë më pas për të gjetur imazhin e dëshiruar dhe në cilin drejtim të shikoni - shkruani vetë.

Formatimi i tekstit

është përgjegjës për t'i dhënë një pjese të tekstit një stil të veçantë, për shembull, si në rastin tonë, një ngjyrë të ndryshme. stil = "ngjyra: e kuqe" tregon se ngjyra do të jetë e kuqe. Nëse dëshironi të verdhë, shkruani të verdhë, jeshile - jeshile. Ju mund të përdorni kodet e ngjyrave nga Photoshop.

ndihmon për ta bërë tekstin të trashë.

---

vizaton një vijë horizontale. Eshte teke dhe perdoret vetem kur eshte i mbyllur. Nëse shkruani

---

disa herë, do të merrni saktësisht të njëjtin numër vijash horizontale kur hapni faqen në një shfletues.

Lidhjet

i tregon shfletuesit se lidhja do të jetë e radhës. Ju dëshironi ta ridrejtoni lexuesin në një adresë tjetër. Ky etiketë vjen me një atribut të kërkuar href = "adresa" ... Kuotat përfshijnë rrugën ku shfletuesi duhet ta çojë vizitorin në faqe. Pasi të regjistrohet ky etiketë, futet një përshkrim, një fjalë ose disa, duke klikuar mbi të cilin lexuesi do të transferohet më tej. Pasi të plotësohen këto kushte, mund të futni një etiketë të dytë mbyllëse .

Pasi të shkruhet pjesa kryesore e faqes, ju mbyllni etiketën trupi meqenëse trupi është i plotë. Dhe tregoni se nuk e përdorni për sot html .

Nëse dëshironi të mësoni më shumë rreth etiketave html dhe të mësoni se si të futni jo vetëm fotografi, por edhe video, të krijoni butona, forma të ndryshme, lista, paragrafë, atëherë unë mund t'ju ofroj një kurs falas nga Evgeny Popov " Bazat e HTML ". Vetëm 33 mësime do t'ju ndihmojnë të arrini nivelin tjetër.

Do të doja t'ju rekomandoja gjithashtu një kurs video që ju tregon se si janë krijuar faqet. I gjithë procesi tregohet me shembuj realë, gjë që është veçanërisht e mirë. Kursi është i destinuar si për fillestarët që nuk e dinë ende HTML-në, ashtu edhe për ata që tashmë e njohin mirë HTML dhe CSS, megjithatë, ata nuk janë të mirë në kodimin e faqeve. Informacion më të plotë mund të merrni duke klikuar në linkun: www.srs.myrusakov.ru/makeup

Përveç kësaj, hiqni Libër falas për ndërtimin e faqes në internet ! Ky libër është krijuar për fillestarët dhe këtu po krijohet një sajt OT dhe DO. Dmth përgatitet dizajni, pastaj krijohen faqet, shkruhet pjesa e softuerit dhe më pas faqja vendoset në internet. Autori komenton me kujdes gjithçka, dhe libri përmban shumë pamje dhe ilustrime. Për më tepër, e veçanta e librit është se nuk është një faqe abstrakte që po krijohet, por një faqe krejtësisht reale që ekziston në internet.

Sot keni bërë shumë, sepse hapi i parë është më i vështiri.

Abonohuni në buletinin dhe Grupi VKontakte , dhe mësoni më shumë: si dhe pse ju nevojitet një motor sajti, çfarë është një plan urbanistik dhe një rrjet modular, si të shkruani saktë faqet dhe shumë më tepër.

Deri herën tjetër dhe suksese!

Përpara se të fillojmë udhëtimin tonë nëpër mësimet e krijimit të faqeve të internetit në HTML dhe CSS, është e rëndësishme të kuptojmë ndryshimet midis dy gjuhëve, sintaksën e secilës gjuhë dhe disa terminologji bazë.

Çfarë janë HTML dhe CSS?

HTML (HyperText Markup Language) përcakton strukturën e përmbajtjes dhe kuptimin e saj, duke përcaktuar përmbajtje të tilla si, për shembull, titujt, paragrafët ose imazhet. CSS (Cascading Style Sheets) ose Cascading Style Sheets është një gjuhë prezantimi e krijuar për të stiluar pamjen e përmbajtjes duke përdorur, për shembull, fontet ose ngjyrat.

Këto dy gjuhë - HTML dhe CSS janë të pavarura nga njëra-tjetra dhe duhet të mbeten të tilla. CSS nuk duhet të shkruhet brenda një dokumenti HTML dhe anasjelltas. Në mënyrë tipike, HTML do të përfaqësojë gjithmonë përmbajtjen dhe CSS gjithmonë do të diktojë se si është stiluar.

Me këtë kuptim të ndryshimit midis HTML dhe CSS, le të zhytemi në HTML në më shumë detaje.

Termat bazë të HTML

Përpara se të filloni me HTML, ka të ngjarë të hasni terma të rinj dhe shpesh të çuditshëm. Me kalimin e kohës, do të njiheni më shumë me të gjitha, por tani për tani duhet të filloni me tre terma bazë HTML - elemente, etiketa dhe atribute.

Elementet

Elementet tregojnë se si të përcaktohet struktura dhe përmbajtja e objekteve në një faqe. Disa nga elementët e përdorur zakonisht përfshijnë nivele të shumta të titujve (të përcaktuar si elementë me

përpara

) dhe paragrafët (të përcaktuar si

); ju mund të përfshini artikuj në listë ,

, , dhe dhe shume te tjere.

Artikujt identifikohen duke përdorur kllapa këndore<>që rrethon emrin e elementit. Kështu, elementi do të duket si ky:

Etiketat

Shtimi i kllapave këndore< и >rreth elementit krijon atë që njihet si etiketë. Etiketat më së shpeshti gjenden në çifte etiketash fillimi dhe mbarimi.

Një etiketë hapëse shënon fillimin e një elementi. Ai përbëhet nga simboli<, затем идёт имя элемента и завершается символом >; Për shembull,

.

Një etiketë fundore shënon fundin e një elementi. Ai përbëhet nga simboli< с последующей косой чертой и именем элемента и завершается символом >; Për shembull,

.

Përmbajtja që bie midis etiketave të fillimit dhe të fundit është përmbajtja e këtij elementi. Një lidhje, për shembull, do të ketë një etiketë hapëse dhe etiketën mbyllëse... Ajo që është midis këtyre dy etiketave do të jetë përmbajtja e lidhjes.

Pra, etiketat e lidhjeve do të duken diçka si kjo:

...

Atributet

Atributet janë veti që përdoren për të dhënë informacion shtesë rreth një elementi. Atributet më të zakonshme përfshijnë atributin id, i cili identifikon elementin; atributi i klasës që klasifikon elementin; atributi src, i cili identifikon burimin e përmbajtjes së ngulitur; dhe një atribut href që tregon një lidhje me burimin e lidhur.

Atributet përcaktohen në etiketën hapëse pas emrit të elementit. Në përgjithësi, atributet përfshijnë emrin dhe vlerën. Formati për këto atribute përbëhet nga emri i atributit i ndjekur nga një shenjë e barabartë e ndjekur nga vlera e atributit në thonjëza. Për shembull, element me atributin href do të duket kështu:

Shay howe

Demonstrimi i termave bazë të HTML

Ky kod do të shfaqë tekstin "Shay Howe" në faqen e internetit dhe kur të klikohet do ta çojë përdoruesin në http://shayhowe.com. Elementi i lidhjes deklarohet me një etiketë hapëse dhe etiketën mbyllëse duke mbuluar tekstin, si dhe atributin dhe vlerën e URL-së së lidhjes së deklaruar përmes href = "http://shayhowe.com" në etiketën hapëse.

Oriz. 1.01. Sintaksa HTML e skemës përfshin një element, një atribut dhe një etiketë

Tani që e dini se çfarë janë elementët, etiketat dhe atributet HTML, le të hedhim një vështrim në faqen tonë të parë të internetit. Nëse diçka duket e re këtu, mos u shqetësoni - ne do të deshifrojmë gjithçka gjatë rrugës.

Vendosja e strukturës së dokumentit HTML

Dokumentet HTML janë dokumente me tekst të thjeshtë të ruajtura me shtesën .html dhe jo me .txt. Për të filluar të shkruani HTML, së pari ju duhet një redaktues teksti që është i përshtatshëm për ju. Fatkeqësisht, kjo nuk përfshin Microsoft Word ose Faqet pasi ato janë redaktues kompleks. Dy redaktuesit më të njohur të tekstit për të shkruar HTML dhe CSS janë Dreamweaver dhe Sublime Text. Alternativa falas janë gjithashtu Notepad ++ për Windows dhe TextWrangler për Mac.

Të gjitha dokumentet HTML përmbajnë një strukturë të detyrueshme që përfshin deklaratat dhe elementet e mëposhtme: , , dhe .

Deklarata e llojit të dokumentit osendodhet në fillim të dokumentit HTML dhe u tregon shfletuesve se cili version i HTML është duke u aplikuar. Meqenëse do të përdorim HTML-në më të fundit, lloji i dokumentit tonë thjesht do të jetë... Kjo pasohet nga elementi që tregon fillimin e dokumentit.

Brenda element përcakton pjesën e sipërme të dokumentit, duke përfshirë metadata të ndryshme (informacionet shoqëruese për faqen). Përmbajtja brenda elementit nuk shfaqet në vetë faqen e internetit. Në vend të kësaj, ai mund të përfshijë titullin e dokumentit (i cili shfaqet në shiritin e titullit të dritares së shfletuesit), lidhjet me çdo skedar të jashtëm ose ndonjë metadatë tjetër të dobishme.

E gjithë përmbajtja e dukshme e faqes së internetit do të jetë në element ... Struktura e një dokumenti tipik HTML duket si kjo:

Përshendetje Botë!

Kjo është një faqe interneti.

Demonstrimi i strukturës së një dokumenti HTML

Ky kod tregon dokumentin duke filluar me deklaratën e llojit të dokumentit,, pastaj vjen menjëherë elementi ... Brenda artikujt shkojnë dhe ... Elementi përmban kodimin e faqes përmes etiketës dhe titulli i dokumentit përmes elementit

Koha për të testuar punën tonë dhe për të parë se si HTML dhe CSS-ja jonë shkojnë së bashku. Hapja e skedarit index.html (ose rifreskimi i faqes nëse është tashmë i hapur) në një shfletues duhet të tregojë një rezultat pak më të ndryshëm se më parë.

Oriz. 1.04. Uebfaqja jonë e konferencës së stileve me rivendosje të CSS

Demo dhe kodi burim

Më poshtë mund të shikoni faqen e internetit të Konferencës Styles në gjendjen aktuale, si dhe të shkarkoni kodin burimor të faqes së internetit për momentin.

Përmbledhje

Pra, është në rregull! Ne kemi bërë disa hapa të mëdhenj në këtë tutorial.

Vetëm mendoni, ju tani i dini bazat e HTML dhe CSS. Ndërsa ne ecim përpara dhe kaloni më shumë kohë duke shkruar HTML dhe CSS, do të jeni shumë më të rehatshëm duke punuar me këto dy gjuhë.

Kujtojmë që kemi parë sa vijon:

• Dallimi midis HTML dhe CSS.
• Njohja me elementet, etiketat dhe atributet HTML.
• Vendosja e strukturës së faqes tuaj të parë të internetit.
• Njohja me përzgjedhësit CSS, vetitë dhe vlerat.
• Puna me përzgjedhësit CSS.
• Treguesi drejt CSS nga HTML.
• Rëndësia e rivendosjes së CSS.

Tani le të hedhim një vështrim më të afërt në HTML dhe të njihemi pak me semantikën.

Burimet dhe lidhjet

• Termat e zakonshëm HTML nëpërmjet Scripting Master
• Kushtet dhe përkufizimet e CSS nëpërmjet Uebsajteve Impressive
• Mjetet CSS: Rivendosni CSS nëpërmjet Eric Meyer

udhëzime

Çdo gjë që vizitori sheh në ueb rikrijohet nga shfletuesi nga udhëzimet e dërguara nga serveri i tij. Këto udhëzime janë të shkruara në HTML (HyperText Markup Language) dhe janë të theksuara në htm dhe html për skedarët në të cilët janë ruajtur. Ju mund të krijoni një skedar të tillë në një redaktues teksti të rregullt - ky do të jetë hapi i parë në krijimin faqet e internetit... Hapni Notepad standard, për shembull, dhe krijoni një skedar bosh me emrin index.html. Kur shkruani një adresë uebsajti pa specifikuar një specifikë Faqja(për shembull), gjëja e parë që duhet të bëni është të kërkoni Faqja me këtë emër - indeks.

Udhëzimet HTML quhen "etiketa" dhe secila prej tyre është e mbyllur në kllapa të tilla -<>... Disa nga etiketat janë të çiftuara, domethënë ato përbëhen nga etiketat hapëse dhe mbyllëse, dhe informacioni vendoset midis tyre. Për shembull, një etiketë që i tregon shfletuesit se kodi është në HTML më poshtë, si kjo: Etiketa mbyllëse që tregon se HTML është e plotë në këtë pikë është shkruar kështu: Siç mund ta shihni, etiketa mbyllëse ndryshon nga etiketa e hapjes nga prania e një prerjeje pas kllapave hapëse (

I gjithë kodi që vendosni midis etiketave dhe, duhet të ndahet në dy pjesë - kokën dhe trupin e dokumentit. Etiketat e titullit të hapjes dhe mbylljes janë shkruar kështu: Kjo është pjesa e "shërbimit" të faqes - këtu vendosen informacione për titullin e dritares, fjalë kyçe dhe përshkrime për robotët e kërkimit, përshkrimet e stileve, skriptet, etj. Vendosni titullin e dritares së faqes në të: Teksti i plotë i faqes suaj html në këtë pikë duhet të duket kështu:

Pas pjesës së titullit, duhet të vendosni etiketa midis të cilave do të mbyllen udhëzimet e trupit të dokumentit: Shkruani mes tyre, për shembull, një etiketë që shfaqet në Faqja paragrafi i tekstit:

Këtu është një paragraf i tërë informacioni!

Jo të gjitha etiketat HTML janë çiftuar. Për disa prej tyre, gjithçka që ju nevojitet vendoset brenda etiketës hapëse. Etiketa të tilla kanë një vijë të pjerrët mbyllëse përpara kllapave mbyllëse. Për shembull, një etiketë në fund të linjës dhe një "kthim transporti"
:

Rreshti i parë i paragrafit.


Rreshti i dytë i paragrafit.

E gjithë kjo është e mjaftueshme që shfletuesi të shfaqë tuajën Faqja... I gjithë kodi html i mbledhur duhet të duket kështu:

Rreshti i parë i paragrafit.


Rreshti i dytë i paragrafit.

Në këtë

Në këtë artikull, ne do të prezantojmë koncepte të ndryshme që lidhen me Ueb-in: faqet e internetit, faqet e internetit, serverët në internet dhe motorët e kërkimit. Këto terma shpesh ngatërrojnë si fillestarët me ueb-in ashtu edhe njerëzit që rrallë përdorin ueb. Le të kuptojmë se çfarë nënkuptojnë saktësisht këto koncepte!

Me pak fjalë

Si çdo fushë tjetër e njohurive, Web-i është plot me terma specifikë. Por mos u shqetësoni, ne nuk duam t'ju mbingarkojmë që në fillim të udhëtimit tuaj (dhe nëse kurioziteti ende mbizotëron, atëherë ne kemi një fjalor). Sidoqoftë, për të filluar, duhet të mësoni ende disa terma bazë, pasi ato do t'i hasni në artikujt tanë mjaft shpesh. Ndonjëherë është e lehtë të ngatërrosh këto terma pasi ato janë të lidhura, por kanë funksione të ndryshme. Me siguri e keni vënë re keqpërdorimin e tyre në lajme apo gjetkë.

Ne do t'i diskutojmë këto koncepte dhe teknologji pak më vonë, por tani përkufizimet e shkurtra më poshtë do të jenë një fillim shumë i mirë për ju:

Faqe në internet Një dokument që mund të shfaqet nga shfletuesit e uebit si Firefox, Google Chrome, Microsoft Internet Explorer / Edge ose Safari i Apple. Për hir të shkurtësisë, vetë nocioni "faqe në internet" do të quhet thjesht "faqe". Faqja e internetit Një koleksion i faqeve të internetit që janë të lidhura në çfarëdo mënyre. Përdorimi i fjalorit: "faqe interneti" ose thjesht "faqe". Web server Një kompjuter që ofron kompjuterin dhe softuerin e nevojshëm për funksionimin e një faqe interneti. Motori i kërkimit Një faqe interneti që ju ndihmon të gjeni faqe të tjera interneti, si Google, Bing ose Yahoo.

Të mësuarit aktiv

Deri më tani, mësimi aktiv nuk është i disponueshëm. Nëse mund të jepni informacion të dobishëm, atëherë.

Duke shkuar më thellë

Pra, le të gërmojmë pak më thellë dhe të zbulojmë se si këto 4 terma lidhen me njëri-tjetrin dhe pse këto koncepte shpesh ngatërrohen me njëri-tjetrin.

Faqe interneti

Faqe interneti- një dokument i thjeshtë i shfaqur në një ekran kompjuteri përmes një shfletuesi. Një dokument i tillë është i shkruar në HTML (të cilin do ta shohim më në detaje). Një faqe interneti mund të përmbajë shumë materiale të ndryshme si:

• informacion mbi stilin- kontrollimi i faqes me perceptim dhe ndjesi
• skriptet- të cilat e bëjnë faqen më dinamike dhe më miqësore për përdoruesit
• media- imazhe, muzikë dhe video.

Shënim: shfletuesit shpesh mund të shfaqin disa dokumente ose imazhe PDF, por termi faqe interneti lidhur më drejtpërdrejt me dokumentet HTML. Deri në fund të artikullit, në këtë rast, ne do të përdorim konceptin dokument.

Të gjitha faqet e internetit në ueb kanë adresën e tyre unike. Për të hyrë në faqen e dëshiruar, thjesht shkruani adresën e saj në shiritin e adresave të shfletuesit tuaj:

Faqe në internetështë një koleksion faqesh të lidhura në çfarëdo mënyre (duke përfshirë lidhjet e tyre me burime të tjera), të cilat janë të disponueshme nën një emër domeni të vetëm. Çdo faqe e faqes përmban lidhje direkte (pothuajse gjithmonë pjesë të theksuara të tekstit që mund të klikohen me miun), gjë që i lejon përdoruesit të kërcejë shpejt nga një faqe e faqes së internetit në tjetrën.

Për të hyrë në një faqe interneti, shkruani emrin e tij të domenit në shiritin e adresave të shfletuesit tuaj dhe shfletuesi juaj do të shfaqë faqen kryesore të faqes ose, me fjalë të tjera, faqen kryesore:

faqe interneti dhe Faqe në internetështë veçanërisht e lehtë të ngatërrohen me njëri-tjetrin kur faqe përmban vetëm një faqe. Kjo faqe nganjëherë quhet faqe interneti me një faqe.

Web server

Web serverështë një kompjuter që ofron një ose shumë faqet e internetit (hosting)... Pritja do të thotë se gjithçka faqet dhe skedarët e bashkangjitur në to gjenden në këtë kompjuter. ato. Web server do të dërgojë ndonjë Faqja Me faqe me kërkesë të çdo përdoruesi, i cili do të presë shfletuesin e përdoruesit.

Mos u ngatërroni faqe interneti dhe ueb server... Për shembull, nëse dëgjoni dikë që thotë, "Uebfaqja ime nuk po përgjigjet", do të thotë me të vërtetë se po ueb server nuk i përgjigjet kërkesës, dhe për këtë arsye nuk është i disponueshëm vetë faqe. Për më tepër, meqenëse një server në internet mund të presë shumë site, termi server në internet nuk përdoret kurrë për t'iu referuar një faqe interneti, pasi kjo mund të çojë në shumë konfuzion. Duke iu rikthyer shembullit të mëparshëm, nëse thoshim, "Serveri im i uebit nuk po përgjigjet", do të thoshte se nuk ka faqe të disponueshme në këtë server për momentin.

Sistemi i kërkimit

Motorë kërkimi janë një shkak i zakonshëm i konfuzionit të rrjetit. Sistemi i kërkimitështë një lloj i veçantë uebsajti që ndihmon përdoruesit të gjejnë faqet që dëshirojnë të tjerët faqet.

Motorët më të njohur të kërkimit: Google, Bing, Yandex, DuckDuckGo dhe shumë të tjerë. Disa prej tyre janë universale, dhe disa janë të përqendruara në një zonë specifike. Përdorni motorin e kërkimit që është i përshtatshëm për ju.

Shumë përdorues fillestarë ngatërrojnë një motor kërkimi dhe një shfletues. Le të sqarojmë: shfletuesi është softuer që gjen dhe shfaq faqet e internetit; sistemi i kërkimit është një lloj i veçantë faqesh që i ndihmon përdoruesit të gjejnë faqet që u nevojiten të tjerët faqet. Konfuzioni lind nga fakti se kur dikush hap për herë të parë një shfletues, ai shfaq faqen kryesore të motorit të kërkimit. Ky është pikërisht rasti, sepse gjëja e parë që bëni kur hapni shfletuesin tuaj është të gjeni një faqe në internet dhe ta hapni atë. Por mos e ngatërroni infrastrukturën (d.m.th. shfletuesin) me shërbimin (d.m.th. motorin e kërkimit). Ky ndryshim do t'ju ndihmojë pak, por edhe disa ekspertë i përdorin këto koncepte në mënyrë arbitrare, kështu që nuk duhet të shqetësoheni shumë për këtë.

Më poshtë është një shembull se si shfletuesi Firerox shfaq si parazgjedhje kutinë e kërkimit të Google në faqen fillestare (në fillim):