Uebfaqe, blogje, faqe interneti - koncepte tashmë të njohura në kohën tonë. Me zhvillimin e internetit, faqet për pritjen e faqeve në internet janë bërë tepër të njohura, dhe kjo nuk është për t'u habitur: për disa njerëz, të kesh faqen e tyre të internetit është një domosdoshmëri, për të tjerët është një argëtim i këndshëm. Në rastin e parë, zakonisht bëhet fjalë për firma, korporata, sipërmarrës privatë, kur ata reklamojnë ndonjë produkt apo shërbim të kërkuar. E dyta ka të bëjë me blogerët.
Përveç kësaj, ka përdorues të internetit që thjesht kërkojnë informacione, lexojnë blogje, shikojnë video e kështu me radhë.
Për të krijuar një faqe interneti cilësore, ka shumë opsione. Ne do të fokusohemi në programimin në ueb përmes HTML.
Çfarë është HTML
HTML do të thotë "Hyper Text Mark-Up Language". Përkthyer nga anglishtja, kjo do të thotë "Gjuha e Markupimit të Hipertekstit".
Me fjalë të tjera, HTML është një grup kodesh me të cilat mund të krijoni elementët kryesorë të faqes, kornizën e saj, si p.sh.si përbëhen fjalët nga fjali.
Kodet HTML shkruhen ekskluzivisht me shkronja latine dhe quhen etiketa, dhe çdo kod është i mbyllur në kllapa këndore. Disa etiketa janë çiftuar, disa janë të paçiftuara.
Të çiftuara do të thotë që ato duhet të përdoren në çifte pa dështuar. Për shembull, etiketa hapëse tregon se ku fillon në një faqe interneti dhe etiketa mbyllëse tregon se ku ndalon. Kjo e fundit ndryshon nga e para nga prania e një karakteri të pjerrët pas këndit të hapjes. Për shembull, është etiketa hapëse,është etiketa mbyllëse.
Etiketat e paçiftuara nuk kanë nevojë për një partner.
Shumë etiketa mund të kenë atribute - elemente shtesë që i japin një kuptim më specifik. Për shembull, etiketa.
Ku përdoret HTML
Kuptimi klasik se ku nevojitet HTML është ndërtimi i faqes në internet.
Në praktikë, kjo mund të jetë e mjaftueshme, pasi HTML ju lejon të krijoni elementët kryesorë të faqes, menutë (përfshirë ato me shumë nivele), të vendosni sfondin, të futni tekst, imazhe, audio, video, modifikoni fontet dhe shumë më tepër.
Megjithatë, ka gjuhë të tjera që ju lejojnë të shtoni elemente më interesante dhe shpesh të nevojshme në një faqe interneti:
- CSS vendos stile për të gjithë sajtin pa qenë nevoja të përshkruhen vazhdimisht veçori të stilit të elementeve individuale duke përdorur etiketa - për shembull, ngjyrën dhe fontin e tekstit.
- Gjuha e skriptit ju lejon të zhvilloni dhe futni mini-programe (skriptet) në sajt, duke filluar ngagjëra banale estetike (ndryshimi i ngjyrës së lidhjes kur rri pezull me miun) dhe përfundon me ato funksionale (mbledhja e adresave të emailit të klientëve, numrave të telefonit).
- Me PHP mund të zhvilloni librin tuaj të të ftuarve ose sistemin tuaj të komentimit.
Gjithashtu HTML përdoret në krijimin e emaileve për shpërndarje.
Çfarë është një lidhje
Ato ju lejojnë të lundroni në një faqe tjetër ueb, si brenda sajtit ashtu edhe jashtë saj.
Përdoren zakonisht lidhjet HTML:
- Për të shkuar te një burim i jashtëm ueb.
- Për të lëvizur nëpër faqet brenda sajtit.
- Për të shkuar te formularët e google.
Një lidhje me burimin në HTML gjithashtu tregohet shpesh, veçanërisht pasi kur kopjoni materiale nga një faqe tjetër, duhet të specifikoni autorin. Përndryshe, kopjimi pa atribut mund të bjerë nën përkufizimet e shkeljes së të drejtës së autorit, vjedhjes së përmbajtjes dhe reagimit të kundërt. Përveç kësaj, përdorimi i materialeve të huazuara, jo unike redukton performancën e SEO dhe tregimi i një lidhjeje me burimin redukton rreziqet.
Llojet e lidhjeve
Në kuptimin klasik, një lidhje është adresa e një burimi në internet ku mund të shkoni duke klikuar mbi të.
Përveç kësaj, ka hiperlidhje: tekst dhe imazhe. Në këto raste, lidhja HTML "fshihet" nën ndonjë fjali (fjalë) ose imazh dhe për ta ndjekur atë, duhet të klikoni mbi tekstin ose imazhin.
Lloje të tjera lidhjesh:
- I pavizituar - një lidhje që nuk është klikuar ende gjatë një sesioni të caktuar. Për shembull, nëse e keni ndjekur këtë lidhje dje, pastaj e keni fikur kompjuterin dhe e keni aktivizuar sërish sot, tani lidhja nuk është vizituar sërish, pasi ka filluar një seancë e re.
- Aktiv - në këtë gjendje, lidhja ruhet për një kohë shumë të shkurtër: intervali ndërmjet klikimit në lidhje dhe ndjekjes së tij.
- Visited - një lidhje që është vizituar tashmë të paktën një herë gjatë një sesioni.
Për lidhjet e rregullta të tekstit, ato të vizituara kanë tendencë të ndryshojnë ngjyrën nëse nuk specifikohet ndryshe.
Një imazh me hiperlidhje nuk ndryshon pamjen e tij, pavarësisht nëse vizitohet apo jo.
Si të futni një lidhje të rregullt
Shumë burime ueb e perceptojnë adresën e faqes si një lidhje, e bëjnë menjëherë të klikueshme dhe e theksojnë me ngjyra. Për shembull, nëse adresa dërgohet në një mesazher ose me e-mail, duke klikuar mbi të, mund të shkoni në sit.
Në rastin e krijimit të një sajti vetë duke përdorur HTML, duhet të futni një lidhje duke përdorur një etiketë të veçantë. Do të duket kështu: adresa e faqes në internet. Teksti i lidhjes në HTML duhet të specifikohet plotësisht, me protokoll.
Si të futni një lidhje me tekst
U tha më herët se një hiperlidhje tekstuale kryen të njëjtin funksion si një lidhje e rregullt, por duket më e këndshme nga ana estetike: në vend të një adrese faqeje, e cila shpesh është e panevojshme e gjatë, tregohet një fjalë ose frazë. Për shembull, në fjalinë "Kërkoni informacion këtu", mund të fshehni lidhjen nëfjala "këtu". Do të theksohet dhe klikimi mbi të do ta çojë përdoruesin në faqen e dëshiruar.
Si të krijoni një lidhje HTML është diskutuar tashmë më herët. Ju mund të futni një lidhje me tekst duke përdorur të njëjtin etiketë. I vetmi ndryshim është se ju duhet të specifikoni midis etiketave tekstin nën të cilin do të fshihet lidhja: teksti i dukshëm.
Si të futni një hiperlink imazhi
Këtu është pak më e ndërlikuar. Ne përdorim të njëjtin etiketë, por në vend të tekstit, duhet të specifikoni rrugën drejt imazhit.
Rruga është vendndodhja e imazhit. Nëse fotografia (foto) ndodhet në një shërbim të ndarjes së skedarëve, atëherë duhet të specifikoni të gjitha dosjet përgjatë rrugës për në imazh përmes një prerjeje. Ju gjithashtu mund të përfshini një lidhje për një imazh nëse është e mundur.
Për të etiketuar
përveç src, janë të zbatueshme edhe atribute të tjera, duke ju lejuar të rregulloni lartësinë, gjerësinë dhe vendndodhjen e imazhit dhe shumë më tepër. Disa prej tyre:
- Src - specifikon shtegun drejt imazhit.
- Lowsrc - identik me atributin e mëparshëm, por i specifikuar për imazhe me cilësi të ulët.
- Lartësia - lartësia e figurës.
- Gjerësia - gjerësia e saj.
- Alt - përshkrimi i imazhit. Kur rri pezull mbi një foto ose foto, do të shfaqet teksti i specifikuar në këtë atribut.
- Border - përcakton trashësinë e kufirit rreth imazhit.
Atributet janë të specifikuara pas etiketës dhe përfshihen nëpërbërjen e tij. Atributi duhet të ndiqet nga vlera e tij. Për shembull, për atributet "lartësia" ose "gjerësia" (lartësia, gjerësia) specifikon lartësinë e imazhit në faqen e internetit. Njësia e matjes është pikselët, përveç nëse specifikohet ndryshe.
Do të duket kështu: <a href="adresa e faqes në internet"
. Këto atribute do të ndihmojnë në vendosjen e madhësisë së duhur për imazhin. Kufiri ndihmon për të krijuar një kufi të padukshëm rreth imazhit.
Atributet e mësipërme zbatohen veçmas për etiketën e futjes së imazhit. Për shembull:.
Çfarë janë lidhjet e ankorimit
Krijimi i lidhjeve të ankorimit është një aftësi shumë e dobishme. Shpesh ekziston nevoja për të shtruar një faqe në internet me një bllok teksti të gjatë ose me disa nënseksione në një faqe. Në këtë rast, ju mund të filloni menjëherë me një listë të lidhjeve në nënseksionet e tekstit ose faqes së internetit dhe kur të klikoni mbi to, përdoruesi do të shkojë drejtpërdrejt në seksionin e kërkuar.
Krijimi i lidhjeve të ankorimit do të kërkojë më shumë përdorim të etiketave të atributeve sesa llojet e tjera të lidhjeve.
Së pari, duhet të vendosni vlerën e përgjithshme për çdo bllok informacioni ose nënseksion të tekstit duke përdorur atributin e sipërm dhe më pas ta lidhni atë me lidhjen përkatëse.
Veçoritë e tyre janë më të gjera, prandaj këshillohet që fillimisht të zotëroni krijimin e lidhjeve më të thjeshta dhe më pas të kaloni në formimin e lidhjeve të ankorimit.
Këshilla
Ndihmë nga me përvojëprogramuesit:
- Mund ta bëni atë në mënyrë që informacioni për një lidhje të shfaqet në hover në HTML. Për këtë, atributi alt, të cilin ne e përdorim edhe për elementët grafikë, mund të jetë i dobishëm.
- Është e mundur të bëhet një listë e lidhjeve duke përdorur HTML. Në veçanti, kjo mund të jetë e dobishme për lidhjet e ankorimit, si dhe kur ju duhet të bëni një listë të burimeve të internetit që mund të ndiqen nga një lidhje direkt nga faqja aktuale e internetit.
- Me ndihmën e CSS dhe JavaScript, si dhe disa funksione HTML, mund të krijoni një dizajn të ndryshëm të lidhjeve tekstuale dhe hiperlidhjeve se zakonisht. Për shembull, kur rri pezull mbi një lidhje, ajo mund të ndryshojë ngjyrën e saj dhe të kthehet në atë të mëparshme kur kursori është larg saj. Kjo mund të bëhet me një skript të personalizuar JavaScript. Përveç kësaj, ngjyra e lidhjes mund të vendoset në diçka tjetër përveç blu për të pavizituar ose vjollcë për vizitë. Kjo është puna e CSS.
- Mos abuzoni me lidhjet. Një faqe interneti me shumë lidhje të papërshtatshme duket e ngad altë dhe e pakujdesshme.
- Sigurohu që përdoruesi të kuptojë se hiperlidhja me imazhin është me të vërtetë një imazh, dhe jo thjesht një imazh.
Përfundim
Është shumë e lehtë të lidhesh me një faqe në HTML. Është e rëndësishme të ndiqni të gjitha pikat kryesore të kësaj gjuhe, pasi edhe një gabim i vogël mund të çojë në faktin se nuk do të ketë rezultat dhe kodi nuk do të funksionojë.
