HTML waa mid ka mid ah luqadaha barnaamijyada loogu isticmaalo horumarinta webka waxayna bixisaa fursado badan oo kala duwan si loo habeeyo loona hagaajiyo muuqaalka ee goobta. Xulashooyinkan waxaa ka mid ah awoodda lagu daro astaanta naqshadeynta bogga shabakadda iyadoo la adeegsanayo HTML. Maqaalkan, waxaan si faahfaahsan u baari doonaa sida loo dhejiyo astaanta HTML. talaabo talaabo ah, Bixinta tusaalooyin cad iyo sharraxaad farsamo si aad u hirgeliso shaqadan mashaariicdaada website si wax ku ool ah.
1. Hordhac gelida astaanta HTML
HTML, oo sidoo kale loo yaqaan HyperText Markup Language, waa luqadda caadiga ah ee loo isticmaalo abuurista iyo qaabaynta nuxurka. websaydhka. Maqaalkan, waxaan ku tusi doonaa talaabo talaabo sida loo geli karo astaanta HTML oo aad u habayn karto muuqaalkeeda si ay ugu habboonaato mareegahaaga.
Si aad u bilowdo, waxaad u baahan doontaa in aad calaamaddaadu u qaabaysan tahay. Qaababka ugu caansan waa JPEG, PNG iyo SVG. Markaad haysato sawirka astaantaada, waxaad isticmaali kartaa calaamadda si aad u geliso boggaaga HTML. Hubi in sawirka uu ku kaydsan yahay isla faylkaaga HTML, ama caddee dariiqa sawirka saxda ah ee "src" sifada summada
.
Gelida summada ka sokow, waxaa laga yaabaa inaad rabto inaad qaabayso muuqaalkeeda, sida cabbirkeeda, toosinteeda, iyo marginkeeda. Waxaad taas ku samayn kartaa adigoo isticmaalaya HTML iyo sifooyinka CSS. Tusaale ahaan, si loo hagaajiyo cabbirka calaamadda, waxaad ku dari kartaa sifooyinka "ballaadhka" iyo "dhererka" ee sumadda. , ku qeexida qiyamka la rabo ee pixels ama boqolkiiba. Intaa waxaa dheer, waxaad isticmaali kartaa sifada "align" si aad summada ugu toosiso bidix, midig, ama bartamaha bogga. Haddii aad rabto inaad ku darto margin agagaarka sumadda, waxaad isticmaali kartaa sifada "margin" ee CSS si aad u qeexdo qiyamka la rabo.
2. Qaababka sawirka ku habboon ee astaanta HTML
Waxaa jira dhowr qaabab muuqaal ah HTML ku habboon oo loo isticmaali karo summada mareegaha. Marka aad dooranayso qaab, waxaa muhiim ah in la tixgeliyo tayada sawirka, cabbirka faylka, iyo ku habboonaanta daalacashada kala duwan.
Mid ka mid ah qaababka ugu caansan ee astaanta HTML waa Qaabka PNG (Garaafyada Shabakadda La Qaadan karo). Qaabkan ayaa si weyn loo isticmaalaa sababtoo ah awoodda ay u leedahay in ay soo bandhigto sawirada si hufan iyo tayada wanaagsan ee aan lumin. 
Qaabka kale ee caanka ah waa qaabka SVG (Scalable Vector Graphics). Doorashadani waxay ku habboon tahay calaamado ay ku jiraan walxo garaafyo qalafsan ama qoraal ah, maadaama sawirada SVG ay yihiin vectors oo la cabbiri karo iyada oo aan tayada lumin. Intaa waxaa dheer, cabbirka feylku waa mid yar oo calaamaddu waxay si fiican ugu eegi doontaa cabbirrada shaashadaha kala duwan. 
Ugu dambeyntii, qaabka JPEG (Kooxda Khubarada Sawirka ee Wadajirka ah) waxay sidoo kale noqon kartaa ikhtiyaarka astaanta HTML. Qaabkani waxa uu ku habboon yahay calaamado ka kooban sawiro ama sawirro leh gradients. Si kastaba ha ahaatee, JPEG waxay isticmaashaa cadaadis khasaare leh, taas oo saameyn karta tayada sawirka haddii cadaadis sare la isticmaalo. 
Waxaa muhiim ah in la xasuusto in marka aad dooranayso qaabka sawirka astaanta HTML, waa in la tixgeliyo la jaanqaadka daalacashada iyo aaladaha kala duwan. Intaa waxaa dheer, waxaa lagu talinayaa in la isticmaalo qalabka hagaajinta sawirka si loo yareeyo cabbirka faylka iyada oo aan waxyeello u geysan tayada muuqaalka.
3. Abuuritaanka iyo naqshadeynta astaanta ee qalabka garaafyada
Qeybtaan, waxaan ku bari doonaa sida loo sameeyo oo loo naqshadeeyo calaamada iyadoo la isticmaalayo qalab garaafyo. Raac tillaabooyinkan si aad u gaadho natiijo xirfad leh oo soo jiidasho leh:
1. Dooro qalabka saxda ah: Waxaa jira fursado badan oo la heli karo, sida Adobe Illustrator, Photoshop, Canva, ama CorelDRAW. Baadh midka ugu habboon baahiyahaaga iyo kartidaada.
2. Qeex fikradda iyo qaabka: Kahor intaadan bilaabin naqshadeynta, ka feker sawirka aad rabto inaad ku gudbiso astaantaada. Ma rabtaa inay noqoto mid casri ah, xarrago leh, madadaalo leh ama dhab ah? Sidoo kale qeex midabada aad isticmaali doonto.
3. Samee sawir-gacmeedyo iyo tijaabooyin: Kahor intaadan u gudbin aaladda garaafyada, waxaa faa'iido leh inaad sawir-gacmeedyo iyo imtixaanno ku samayso warqad. Tijaabi qaabab kala duwan iyo naqshado naqshadeynta ilaa aad ka hesho natiijada la rabo.
4. Ku kaydinta astaanta qaab ku habboon shabakadda
Halkaa marka ay marayso, waa muhiim inaad hubiso inaad u kaydiso astaanta qaab ku habboon isticmaalka shabakadda. Tani waxay hubin doontaa in sawirku si sax ah u soo baxo oo uu leeyahay tayada muuqaal wanaagsan aalado kala duwan iyo browsers. Hoos waxaa ah tillaabooyinka loo baahan yahay si loo fuliyo hawshan:
1. Dooro qaabka saxda ah: Si loo hubiyo in astaanta si sax ah loogu soo bandhigo shabakadda, waxaa habboon in la isticmaalo qaabab muuqaal ah sida JPEG, PNG ama SVG. Qaababkaan si weyn ayaa loo taageeraa waxayna bixiyaan tayada muuqaal wanaagsan. Si kastaba ha ahaatee, waxaa muhiim ah in la tixgeliyo in qaab kastaa uu leeyahay sifooyin gaar ah iyo isticmaalkiisa. Tusaale ahaan, JPEG waxay ku habboon tahay sawirro leh codad badan, PNG waxay ku habboon tahay sawirada hufnaanta, iyo SVG waxay ku habboon tahay calaamadaha leh walxaha vector.
2. kor u qaad cabbirka: Marka aan dooranno qaabka saxda ah, waxaa muhiim ah in la hagaajiyo cabbirka feylka si ay calaamaddu si degdeg ah ugu shubto shabakada. Waxaa jira dhowr qalab oo laga heli karo internetka, sida kombaresarada sawirka, kuwaas oo kaa caawin doona inaad yareyso cabbirka faylka adigoon wax badan u dhimin tayada sawirka. Xusuusnow in calaamadda culus ay si xun u saameyn karto khibradda isticmaalaha iyo waxqabadka bogga.
3. Hubi xallinta: Ugu dambeyntii, waa lagama maarmaan in la hubiyo in xallinta sumadda ay ku habboon tahay shabakadda. Qaraarka waxaa loola jeedaa tirada pixels ee ka kooban sawirka oo si toos ah u saameeya fiiqantiisa iyo tayada muuqaalka. Shabakadda, waxa lagu talinayaa in la isticmaalo xallinta 72 dpi (pixels per inch). Tani waxay xaqiijin doontaa in calaamaddu ay si tayo wanaagsan u soo bandhigto shaashadaha cabbirro iyo xalal kala duwan.
Markaad raacdo tillaabooyinkan, waxaad ku kaydin kartaa summadaada qaab saaxiibtinimo leh oo aad hubiso inay si sax ah uga muuqato goobtaada. Xusuusnow inaad doorato qaabka saxda ah, hagaaji cabbirka faylka oo hubi xallinta.
5. Habaynta qaab dhismeedka HTML si loo martigeliyo astaanta
Qaybtan, waxaan ku baran doonaa sida loo habeeyo qaab dhismeedka HTML si uu u martigeliyo astaanta boggayaga. Waxa laga yaabaa inay u ekaato nidaam adag, laakiin talaabooyinka saxda ah, waxay noqon doontaa mid aad u fudud.
1. Marka hore, waxaan u baahan doonaa inaan furno faylka HTML ee tifaftiraha qoraalka ama jawi horumarineed oo isku dhafan. Tusaalahan, waxaan isticmaali doonaa Muuqaalka Muuqaalka Visual Studio. Faylka HTML dhexdiisa, waxaan ka raadin doonaa meesha aan rabno inaan dhigno astaantayada. Tani waxay ku jiri kartaa bar navigation, madaxa ama qayb kasta oo kale oo bogga ah.
2. Marka aan aqoonsanno goobta sumadda, waxaan samayn doonaa sumad sawir ah oo ku dhex jirta qaybta HTML ee u dhiganta. Waxaan adeegsan doonaa sumadda "img" waxaanan dejin doonaa sifada "src" si aan u qeexno dariiqa sawirka aan rabno inaan u isticmaalno calaamad ahaan. Tusaale ahaan: «`
"" Hubi inaad ku beddesho "logo-path.jpg" goobta iyo magaca sawirka astaantaada.
3. Marka lagu daro sifada "src", waxa kale oo lagu talinayaa in la isticmaalo sifooyinka "alt" iyo "ciwaanka". Sifada "alt" waxay bixisaa qoraal kale oo sawirka ah, kaas oo la soo bandhigi doono haddii sawirku ku guuldareysto inuu soo shubo ama haddii isticmaaluhu isticmaalo akhristaha shaashadda. Sifada cinwaanka ayaa bixisa qoraal sifayn ah oo la soo bandhigi doono marka isticmaaluhu uu dul heehaabayo sawirka. Tusaale ahaan: «`"" Hubi inaad ku habayso sifaadkan macluumaadka ku habboon astaantaada.
Markaad raacdo tillaabooyinkan, waxaad awoodi doontaa inaad si sax ah u habayso qaab-dhismeedka HTML si aad u martigeliso astaanta boggaaga. Xusuusnow inaad sidoo kale ku dari karto qaababka CSS si loo xakameeyo cabbirka, booska, iyo muuqaalka summada bogga. Ha ka waaban inaad tijaabiso oo aad summadaada habayso hadba baahidaada iyo dookhyadaada!
6. Gelida astaanta adoo isticmaalaya calaamadda 'img' ee HTML
Waa hab fudud oo kuu ogolaanaya inaad si muuqaal ah u muujiso sawirka wakiilka ee shirkad ama calaamad bogga shabakadda. Si taas loo gaaro, waxaad u baahan tahay inaad raacdo dhowr tillaabo oo muhiim ah oo hubin doona inay calaamaddu si sax ah u soo bandhigto goobta.
Talaabada ugu horeysa waa inaad hubiso inaad haysato faylka sawirka astaantaada qaab HTML ku haboon, sida .jpg, .png, ama .gif. Markaad haysato faylka qaabka saxda ah, waxaa lagugula talinayaa inaad ku kaydiso sawirka gal gaar ah oo ku dhex jira tusaha mashruuca shabakada si loo fududeeyo meesha uu ku yaal.
Kadib, sumadda 'img' ayaa la geliyaa koodhka HTML. Summadan waxaa loo isticmaalaa in lagu qeexo waddada sawirka oo lagu go'aamiyo cabbirkeeda. Si loo geliyo astaanta, waxa soo socda waa in lagu daraa koodka HTML: 
. Tusaalahan, "logo_path.jpg" waxay u dhigantaa meesha uu ku yaal faylka sawirka astaanta, halka "Company Logo" uu yahay qoraalka kale ee la soo bandhigi doono haddii sawirka aan la rari karin. Ballaca iyo dhererka sawirka waxaa lagu hagaajin karaa iyadoo loo eegayo baahida naqshadeynta.
7. Hagaajinta cabbirka iyo booska astaanta ee bogga shabakadda
Si loo hagaajiyo cabbirka iyo booska sumadda boggaaga, waxaa muhiim ah inaad raacdo dhowr tillaabo oo muhiim ah. Marka hore, iska hubi inaad geli karto faylka astaanta qaabka ku habboon, gaar ahaan qaabka vector si loo hubiyo tayada sawirka ugu fiican. Haddii aadan haysan faylka qaab ku habboon, waxaad tixgelin kartaa inaad isticmaasho aaladaha beddelka ee internetka.
Markaad diyaar u tahay faylka astaanta, waxaad bilaabi kartaa hagaajinta cabbirkeeda. Tan, waxaad isticmaali kartaa tifaftiraha sawirka sida Adobe Photoshop ama GIMP. Fur faylka summada ee tafatiraha oo raadi ikhtiyaarka aad ku beddesho cabbirka sawirka. Halkan, waxaa muhiim ah in la ilaaliyo saamiga asalka ah ee astaanta si looga fogaado qallooca. xasuuso inaad sameyso a keydinta ee faylka asalka ah ka hor intaadan wax isbeddel ah samayn. Ka dib marka la hagaajiyo cabbirka, ku keydi faylka magac cusub oo ka tarjumaya nooca la beddelay.
Hadda oo aad haysato calaamadda cabbirka saxda ah, waa waqtigii aad hagaajin lahayd booskeeda bogga shabakadda. Si tan loo sameeyo, waa inaad wax ka beddeshaa koodhka HTML ee boggaaga. Hel meesha aad rabto in calaamaddu ka muuqato oo raadi calaamadda u dhiganta. Tani waxay noqon kartaa elementama a `
Marka xigta, isticmaal CSS si aad u hagaajiso booska saxda ah ee astaanta. Waxaad isticmaali kartaa guryaha 'booska', 'sare', 'hoose', 'bidix' iyo 'midig' si aad taas u gaadho. Tusaale ahaan, haddii aad rabto in calaamadda ay si toosan ugu jirto xagga sare ee bogga, waxaad isticmaali kartaa summada CSS ee soo socota:
«Css
.logo {
booska: dhammaystiran;
sare: 0;
bidix: 50%;
beddel: translateX (-50%);
}
«` `
Xasuusnoow in guryahani ay shaqayn doonaan oo kaliya haddi curiyaha uu leeyahay meel aan ahayn 'static'. Tijaabi qiyam kala duwan ilaa aad ka hesho booska la rabo. Marka aad sameyso wax ka beddelka lagama maarmaanka ah, ku keydi isbeddellada faylkaaga HTML oo arag bogga browserkaaga si aad u xaqiijiso in calaamadda ay si sax ah u taagan tahay.
8. Habaynta astaanta oo leh astaamo dheeri ah oo HTML ah
HTML, sifooyin dheeri ah ayaa bixiya awooda lagu sii habayn karo astaanta degelkaaga. Waxaad isticmaali kartaa sifooyinkan si aad u bedesho cabbirka, midabka, iyo goobta sumadda, ama xitaa ku darto saameyn gaar ah. Halkan waxaan ku tusi doonaa sida loo sameeyo si tallaabo tallaabo ah.
1. Beddel cabbirka astaanta: Si aad u bedesho cabbirka astaanta, isticmaal sifada "ballaadhka" iyo "dhererka" ee ku jira summada sawirka. Tusaale ahaan, haddii aad rabto in calaamaddu ay yeelato ballac dhan 200 pixels iyo joog 100 pixels, waxaad ku dari kartaa koodka soo socda: .
2. Beddel midabka astaanta: Waxaad isticmaali kartaa sifada "style" si aad u bedesho midabka astaanta. Tusaale ahaan, haddii aad rabto in calaamaddu noqoto casaan, waxaad ku dari kartaa koodka soo socda: . Waxa kale oo aad isticmaali kartaa codes midabka hexadecimal ama magacyo midab hore loo qeexay.
3. Ku dar saamayn gaar ah sumadda: Haddii aad rabto in aad ku darto saamaynta gaarka ah sumadda, sida hadh ama geeso wareegsan, waxaad isticmaali kartaa "style" si wada jir ah CSS. Tusaale ahaan, haddii aad rabto inaad hadh ku darto astaanta, waxaad ku dari kartaa koodka soo socda: . Xusuusnow inaad isku dari karto sifooyin iyo qaabab badan si aad u hesho saamaynta la rabo.
Xasuusnoow in kuwani ay yihiin tusaalayaal kaliya oo aad u habeyn karto astaanta hadba baahidaada iyo dookhooda. Baadh isku-darka kala duwan ee sifooyinka iyo qaababka si loo gaaro natiijada la rabo. Ku raaxayso habeynta summada degelkaaga!
9. Logo optimization for hufnaanta website loading
U wanaajinta summadaada si wax ku ool ah loo raro website-ku waa lama huraan si loo horumariyo khibradaha isticmaalaha iyo kordhinta xawaaraha goobta. Halkan waxaan ku soo bandhigaynaa talooyin wax ku ool ah si tan loo gaaro:
1. Cabbirka iyo qaabka saxda ah: Waa muhiim in la hubiyo in calaamaddu leedahay cabbir iyo qaab loo hagaajiyay shabakadda. Isticmaalka qaababka sawirada sida JPEG ama PNG waxay kaa caawin karaan dhimista cabbirka faylka iyo hagaajinta rarka goobta. Markaad dooranayso cabbirka, tixgeli booska bannaan ee bogga oo iska ilaali inaad calaamadda u ekaato mid pixeled ama qalloocan.
2. Ku cadaadi astaanta: Isticmaalka aaladaha isku-buufinta sawirka waa hab aad u fiican oo lagu dhimo miisaanka faylka astaanta iyada oo aan la dhimayn tayada. Waxaa jira dhowr qalab oo online ah oo kuu oggolaanaya inaad geliso astaantaada oo aad si toos ah u wanaajiso. Xusuusnow inaad dib u eegto tayada natiijada si aad u hubiso in calaamaddu ay sii ahaato mid fiiqan oo la akhriyi karo.
3. U wanaaji aaladaha mobilada: Iyadoo ay aad iyo aad u badan tahay isticmaaleyaashu ay ka helayaan mareegaha mobiladooda, waxaa muhiim ah in kor loo qaado astaanta si wax ku ool ah loogu shubo goobahan. Hubi in cabbirka calaamadda uu si sax ah ugu habboon yahay shaashadaha yaryar iyo in faylka loo habeeyey si dhakhso ah loogu shubo xidhiidhada moobaylka gaabiska ah. Calaamadda culus waxay hoos u dhigi kartaa rarista bogga, taas oo u horseedi karta heer sare oo soo kabasho ah.
Xusuusnow inaad raacdo talooyinkan si aad kor ugu qaaddo astaantaada oo aad u hubiso in website-kaagu yahay mid degdeg ah oo hufan marka loo eego rarka. Summada si wanaagsan loo hagaajiyay ayaa wanaajin doonta waayo-aragnimadaada isticmaalayaashaada waxayna gacan ka geysan doontaa sii-haynta booqdaha. Bilow ku dhaqanka talooyinkan maanta si aad u hesho natiijooyin degdeg ah oo wanaagsan!
10. Isticmaalka links si aad u jihayso bogga markaad gujinayso sumadda
Tani waa shaqo caadi ah oo ka jirta shabakado badan. Mararka qaarkood marka isticmaalayaashu ay gujiyaan astaanta, waxay filayaan in loo wareejiyo bogga guriga ee goobta. Halkan waxaad ka heli kartaa xal tallaabo-tallaabo ah si aad u hirgeliso shaqadan mareegahaaga.
1. Marka hore, hubi in summadaada degelkaaga ay ku duudduuban tahay calaamadda isku xirka ("`"" in HTML). Tani waxay u oggolaan doontaa isticmaaluhu inuu gujiyo astaanta oo loo wareejiyo bog kale.
"html
«` `
2. Hubi inaad ku badasho «`your-homepage-url«» URL boggaga hoyga iyo «`path-of-your-logo-image.png«» oo leh dariiqa saxda ah ee sawirka astaantaada. Waxa kale oo aad hagaajin kartaa sifada "'alt" si aad u bixiso sharraxaad ka duwan astaantaada.
3. Markaad isbedeladan samayso, kaydi faylasha oo fur website-kaaga browserka. Hadda, marka isticmaalayaashu gujiyaan astaanta, waxaa loo wareejin doonaa bogga guriga ee goobta.
Xusuusnow in ay muhiim tahay in la ilaaliyo joogtaynta jihada isku xirka summadaada inta lagu jiro boggaaga. Tani waxay ka caawin doontaa isticmaalayaasha inay si fudud u maraan goobtaada oo ay u helaan macluumaadka ay raadinayaan. Raac tillaabooyinkan si aad u hesho khibrad indho-indheyn oo dareen leh isticmaalayaashaada!
11. Hubinta waafaqsanaanta calaamadda browser-yada kala duwan
Si loo hubiyo in summadayadu si sax ah uga muuqato dhammaan daalacashada, hubinta ku-habboonaanta waa lagama maarmaan. Halkan waxaa ah hage tallaabo-tallaabo ah oo kaa caawinaya inaad xalliso arrin kasta oo aad la kulmi karto:
1. Adeegso aaladaha tijaabinta waafaqsanaanta: Waxaa jira dhowr qalab oo online laga heli karo kuwaas oo kuu oggolaanaya inaad hubiso in calaamadda ay ku habboon tahay browsersyada kala duwan. Qaar ka mid ah xulashooyinka caanka ah waxaa ka mid ah BrowserStack, CrossBrowserTesting, iyo Shaybaarada Sauce Aaladahani waxay ku siin doonaan muuqaal horudhac ah oo ku saabsan sida ay calaamaddu u eegi doonto daalacashada kala duwan waxayna kuu oggolaaneysaa inaad dhibto wixii dhibaato ah ee aad la kulanto.
2. Baadhi koodka CSS: Arrinta iswaafajin la'aanta waxa laga yaabaa inay sabab u tahay khalad ku jira summada CSS-ta. Si taxadar leh dib ugu eeg summadaada CSS oo hubi in si sax ah loogu dabaqay dhammaan noocyada browserka. Sidoo kale, hubi inaysan jirin wax khilaaf ah oo ka jira qaababka kale ee CSS ama xeerarka shabakadaada. Haddii loo baahdo, isticmaal barowsarkaaga CSS debugger si aad u aqoonsato oo u xalliso arrin kasta.
12. Xalka dhibaatooyinka caadiga ah marka la gelinayo calaamad HTML
Marka la geliyo summada HTML, waa wax caadi ah in lala kulmo dhibaatooyin qaarkood oo adkeyn kara in si sax ah loogu muujiyo bogga shabakadda. Marka xigta, waxaan sharxi doonaa sida loo xalliyo dhibaatooyinka ugu caansan tallaabo tallaabo.
1. Hubi dariiqa faylka sumadda: Khaladka caadiga ah waa in calaamadda aan la soo bandhigin waddo khaldan awgeed. Hubi in jidka lagu qeexay sifada "src" ee summada sax. Waxaad isticmaali kartaa qaraabo ama qaab dhismeedka galka saxda ah goobta faylka. Xusuusnow in waddooyinka HTML ay yihiin kuwo xasaasi ah.
2. Hubi qaabka sawirka: dhibka kale ee iman kara waa marka ay calaamaddu ku jirto qaab aan ku habboonayn HTML. Hubi inaad isticmaasho qaab muuqaal ah oo la taageeray, sida JPEG, PNG, ama GIF. Haddii calaamaddu ay tahay mid ka duwan qaab kale, waa inaad u beddeshaa adigoo isticmaalaya qalab sawireed sida Photoshop ama GIMP.
3. Kor u qaad cabbirka astaanta: calaamad aad u weyn waxay saameyn kartaa rarka bogga internetka waxayna sababi kartaa dhibaatooyin soo bandhigid. Waxa lagugula talinayaa in aad wax ka beddesho oo aad hagaajiso cabbirka astaanta ka hor inta aanad gelin HTML. Waxaad isticmaali kartaa qalab online ah ama software tafatirka sawirka si aad u yarayso cabbirka faylka adiga oo aan lumin tayada. Xusuusnow sidoo kale inaad hagaajiso cabbirka calaamadda adigoo isticmaalaya "ballaadhka" ama "dhererka" sifada ku taal calaamadda si loo hubiyo inay si sax ah u soo baxdo.
Markaad raacdo tillaabooyinkan, waxaad xallin kartaa dhibaatooyinka ugu caansan markaad geliso calaamad HTML. Xusuusnow inaad si habboon u hubiso jidka faylka, qaabka sawirka iyo cabbirka si aad u hubiso muujinta saxda ah ee boggaaga internetka. Tilmaamahan, waxaad ka dhigi doontaa astaantaada mid cajiib ah naqshadeynta boggaaga.
13. Dayactirka iyo cusboonaysiinta astaanta bogga internetka
Waa hawl muhiim ah oo lagu ilaalinayo aqoonsiga muuqaalka ee astaanta iyo in la hubiyo joogteynta naqshadeynta. Marka xigta, waxaynu qeexi doonaa tillaabooyinka lagama maarmaanka u ah fulinta hawshan. si hufan.
1. Hubi tayada iyo qaabka faylka summada: Kahor intaadan cusboonaysiin astaanta bogga, waa lagama maarmaan in la hubiyo inaad haysato muuqaal tayo sare leh oo qaab ku habboon leh. Waxaan kugula talineynaa inaad isticmaasho faylasha qaabka vector, sida SVG ama EPS, maadaama ay bixiyaan dabacsanaan weyn marka la waafajinayo cabbirka calaamadda qaybaha kala duwan ee bogga. Intaa waxaa dheer, waxaa muhiim ah in la hubiyo in sawirku aanu lahayn pixelation ama dhibaatooyinka qallooca.
2. Cusbooneysii astaanta dhammaan bogagga shabakadda: Marka aad haysato faylka astaanta qaabka saxda ah, waa inaad sii wadaa inaad ku beddesho sawirkii hore mid cusub oo ku yaal dhammaan bogagga shabakadda. A hab hufan Si taas loo gaaro waa adigoo isticmaalaya CSS si aad isbeddelka ugu dabaqdo caalamka. Tusaale ahaan, waxaad u abuuri kartaa fasalka CSS sumadda ka dibna aad wax ka beddeli kartaa sifadeeda "background-image" si aad u tilmaanto faylka la cusboonaysiiyay.
3. Samee imtixaano iyo xaqiijin: Ka dib markii la cusboonaysiiyo summada bogga internetka, waxaa muhiim ah in la sameeyo baaritaan ballaaran si loo xaqiijiyo inay si sax ah uga muuqato dhammaan daalacashada iyo aaladaha. Waxaa lagu talinayaa in lagu tijaabiyo goobta cabbirro kala duwan, iyo sidoo kale daalacashada caanka ah sida Chrome, Firefox iyo Safari. Intaa waxaa dheer, waxaa fiican in dib loo eego muujinta sumadda ee aaladaha mobilada, maadaama cabbirkeedu aad u kala duwanaan karo marka la barbar dhigo shaashadda desktop-ka.
Markaad raacdo tillaabooyinkan, waxaad awoodi doontaa inaad si wax ku ool ah u ilaaliso oo aad u cusboonaysiiso astaanta degelkaaga, adiga oo hubinaya matalaadda saxda ah ee astaantaada khadka tooska ah. Xusuusnow in, marka lagu daro calaamadda, ay muhiim tahay in la sameeyo dayactirka xilliyeedka dhammaan mareegaha si loo hubiyo in si sax ah u shaqeeyo iyo waayo-aragnimada isticmaale ee ugu fiican.
14. Gabagabada iyo talooyinka gelinta astaanta HTML
Gabagabadii, gelista astaanta HTML waxay noqon kartaa hawl fudud haddii tillaabooyinka saxda ah la raaco. Maqaalkan oo dhan, talooyin iyo tilmaamo kala duwan ayaa la bixiyay si tan si waxtar leh loo gaaro.
Marka hore, waa inaad hubisaa in calaamaddu ay tahay qaab ku habboon shabakadda, sida PNG ama SVG. Intaa waxaa dheer, waxaa muhiim ah in la tixgeliyo cabbirka iyo xallinta calaamadda si loo hubiyo in si sax ah loo soo bandhigay. qalab kala duwan.
Markaad haysato astaanta qaabka saxda ah, waxaad sii wadi kartaa inaad geliso bogga HTML. Tan waxaa lagu gaari karaa iyadoo la isticmaalayo «` tag«`, oo ay tahay in lagu daro sifa «`src«» oo leh URL-ka summada iyo sifada «`alt«» oo leh qoraal sifayn ah haddii ay calaamaddu si sax ah u soo shuban weydo.
Waxa kale oo lagu talinayaa in la isticmaalo sifooyinka «`dhererka«» iyo «`ballaadhka« sifada si loo cayimo cabbirrada calaamadda oo sidaas awgeed laga fogaado in bogga la dejiyo inta sawirku buuxo. Ugu dambeyntii, qaabab dheeraad ah ayaa lagu dabaqi karaa astaanta iyadoo la adeegsanayo CSS si loo hagaajiyo booskeeda, cabbirkeeda, ama dhinac kasta oo muuqaal ah oo aad rabto inaad wax ka beddesho. Tallaabooyinkan iyo talooyinkan, waxa suurtagal noqon doonta in si guul leh loo geliyo astaanta HTML.
Gebogebadii, ku darida astaanta HTML waxay noqon kartaa hab fudud iyadoo la raacayo tillaabooyinka habboon. Adigoo isticmaalaya summada saxda ah, sifooyinka, iyo syntax, waxaan gelin karnaa sawirka summadayada boggayaga shabakadda. Waxaa muhiim ah in la tixgeliyo cabbirka iyo qaabka sawirka, iyo sidoo kale meesha uu ku yaal iyo isku dhejinta marka la eego inta ka hartay nuxurka. Intaa waxaa dheer, waxaa lagu talinayaa in la isticmaalo waddooyinka qaraabada ah si loo hubiyo in sawirku si sax ah ugu rarmeeyo deegaan kasta. Sida had iyo jeer, ku celcelinta joogtada ah iyo aqoonta aasaasiga ah ee HTML ayaa fure u ah hanashada hawshan. Tani, waxaan yeelan karnaa shabakad xirfad leh oo gaar ah oo leh calaamad noo gaar ah. Had iyo jeer xasuuso inaad aqoontaada cusbooneysiiso oo aad sahamiso habab cusub oo aad ku wanaajiso oo aad u wanaajiso mareegahaaga. Ha ka waaban inaad tijaabiso oo ku dhaqanto, xadku waa hal-abuurkaaga!
Anigu waxaan ahay Sebastián Vidal, injineer kombuyuutar oo xiiseeya farsamada iyo DIY. Intaa waxaa dheer, anigu waxaan ahay abuuraha tecnobits.com, halkaas oo aan ku wadaago casharrada si aan tiknoolajiyada uga dhigo mid la heli karo oo qof walba la fahmi karo.