Paprastai redaguodami tinklalapį naudojame tam tikrą redagavimo įrankį, pvz., „Adobe Dreamweaver“, „CoffeeCup“, „Bluefish“ ar vieną iš kitų kūrimo įrankių. O kaip būtų, jei mes tiesiog mąstysime ar norime ką nors išbandyti tiesioginiame puslapyje? Galėtume pasidaryti pasirinkto įrankio puslapio kopiją ir su tuo pažaisti. Arba galime tai padaryti naudodamiesi savo interneto naršykle. Ši instrukcija parodys, kaip redaguoti tinklalapį naršyklėje.
„Firefox“, vadinamas „Developer Tools“, vadina funkciją „Check Element“, o „Chrome“ ją vadina „Inspect“. Bet kokiu atveju tai yra būdas naršyklei žvilgtelėti į jūsų dizaino blizgesį ir pažvelgti į kodą, kuris ją varo. Ši funkcija yra gana gerai žinoma ir naudojama daug. Tai, kas nėra taip gerai žinoma, yra galimybė pakeisti šį kodą iškart.
Bet koks jūsų atliktas pakeitimas nebus išsaugotas ir jis neturės įtakos tiesioginiam perdavimui. Jei nenorite įkelti puslapio į savo kūrėjo įrankį, tai yra puikus būdas eksperimentuoti.
Redaguokite bet kurį naršyklės tinklalapį
„Dreamweaver“ ir panašūs įrankiai turi įmontuotą naršyklės emuliatorių, kuris modeliuoja, kaip atrodys dizainas skirtingose naršyklėse. Kad ir kokie puikūs jie yra, jie ne visada yra tikslūs ir paleidę svetainę dažnai pastebite, kad tai, kas jūsų kūrėjo įrankyje atrodė fantastiškai, autonominėje naršyklėje atrodo šiek tiek kitaip.
Paprastai jūs paleisite svetainę vidiniame interneto serveryje ir išbandysite naršyklėje prieš paleisdami tiesioginę versiją dėl šios priežasties. Jei puslapis jau yra aktyvus arba tiesiog norite ką nors išbandyti, nereikia jo kopijuoti ir įkelti į savo kūrimo įrankį, galite tiesiog naudoti naršyklės kūrėjo įrankį.
Aš naudoju „Firefox“, todėl parodysiu, kaip tuo naudotis. Vis dėlto „Chrome“ yra beveik tas pats.
- Naršyklėje atidarykite tinklalapį, kurį norite eksperimentuoti.
- Dešiniuoju pelės mygtuku spustelėkite bet kurią puslapio vietą ir pasirinkite Patikrinti.
Jūs turėtumėte pamatyti savo puslapį padalijant į dvi dalis, apačioje atsirandančią naują skydą, kurioje yra koks nors kodas. Šis kodas yra varomoji jūsų pasirinkto puslapio jėga. Skirtingi puslapio elementai pasiekiami iš skirtukų, esančių apatinio skirtuko viršuje. Pavyzdžiui, „Firefox“ matome „Inspector“, „Console“, „Debugger“, „Style Editor“ ir pan.
Jei žymeklį perkelsite per linijas apatinėje srityje, pamatysite skirtingas tinklalapio dalis. Kodo eilutė, kurią naudojate paryškinimo metu, yra kodas, kuris daro įtaką tai puslapio daliai.
- Jei norite pažvelgti į tai, kaip atrodo puslapis, pabandykite „Style Editor“.
- Jei norite pažvelgti į tai, kaip veikia puslapis, išbandykite konsolę arba pritaikymą neįgaliesiems.
- Jei norite pašalinti klaidas ar išspręsti problemą, naudokite konsolę arba derinimo įrankį
Našumas naudingas vietoje esančiam SEO, tačiau atmintis, tinklas ir saugykla nenaudojami tiek.
Atminkite, kad galite suklaidinti kūrėjo įrankius tiek, kiek jums patinka, ir tai neturės įtakos svetainei. Bet kokie pakeitimai atliekami tik to, kaip puslapis rodomas jūsų individualioje naršyklėje, jūs neturite įtakos pačiai svetainei. Uždarius įrankį, visi pakeitimai prarandami.
Puslapio pakeitimų atlikimas
Dabar jūs žinote, kad galite pakeisti bet ką, kas jums patinka, nepažeisdami faktinės svetainės. Pabandykime šiek tiek pasilinksminti. Puslapyje raskite elementą, kurį norėtumėte redaguoti. Galite pakeisti šriftą, jo spalvą, fono paveikslėlį ar bet ką, kas jums patinka. Šiame pavyzdyje pakeisiu antraštės šrifto spalvą.
- Dešiniuoju pelės mygtuku spustelėkite tikslų elementą, kurį norite pakeisti, ir pasirinkite Patikrinti.
- Pažymėkite liniją arba „title“, arba „H1“, kad tekstas būtų paryškintas viršutinėje srityje.
- Eikite į kairę dvi sritis ir raskite šrifto spalvą.
- Pakeiskite reikšmę į ką nors kitą arba pasirinkite spalvų tašką, jei norite naudoti parinkiklį.
Jūsų pakeitimas bus rodomas dinamiškai, kai baigsite pakeitimą. Galite pakeisti spalvą, dydį, šriftą, foną ir viską, kas susiję su šriftu. Negalite išsaugoti darbo, tačiau jūsų pakeitimai liks toje sesijoje.
Galite pakeisti viską, kas yra idealu, jei turite idėją ir norite ją greitai patikrinti prieš suaktyvindami visas savo kūrimo programas. Viskas, ką jums reikia padaryti, tai prisiminti, kokius pakeitimus atlikote ir kur negalite jų išsaugoti čia. Turėsite padaryti ekrano kopiją arba įrašyti pakeitimus ir pakartoti juos kūrėjo įrankiuose, kad jis išliktų.
Tinklalapio redagavimas naršyklėje yra puikus būdas eksperimentuoti ar žaisti su puslapiais. Tai taip pat geras būdas šiek tiek sužinoti apie internetinių svetainių kūrimą nereikia pirkti į brangius kūrėjo įrankius. Dabar jūs žinote, kaip eiti, pažaisti!
