Haluatko nähdä, miten verkkosivu on rakennettu? Yritä katsella lähdekoodia.
Web-sivun HTML- lähteen katseleminen on yksi helpoimmista (ja silti tehokkaimmista) tavoista oppia HTML-koodia, varsinkin uusille alan ammattilaisille, jotka ovat juuri aloittaneet alan. Jos näet jotain verkkosivustolla ja haluat tietää, miten se on tehty, katsele kyseisen sivuston lähdekoodia.
Jos pidät vain sivuston ulkoasusta, katsomalla lähdettä ja tarkastelemaan, miten tämä layout on tehty, auttaa sinua oppimaan ja parantamaan omaa työtäsi. Vuosien varrella monet web-suunnittelijat ja kehittäjät ovat oppineet melko paljon HTML: ää yksinkertaisesti katselemalla niiden verkkosivujen lähdettä . Aloittelijoille on erinomainen tapa oppia HTML-koodeja ja kokenut web-ammattilaiset näkemään, miten sivustoihin voidaan soveltaa uusia tekniikoita.
Muista, että lähdetiedostot voivat olla hyvin monimutkaisia. Sivun HTML-merkinnän lisäksi on luultavasti paljon CSS- ja komentotiedostoja, joiden avulla sivuston ulkoasua ja toimintoja luodaan, joten älä turhaudu, jos et pysty selvittämään, mitä tapahtuu heti. HTML-lähteen katselu on vasta ensimmäinen askel. Tämän jälkeen voit käyttää työkaluja, kuten Chris Pederickin Web Developer -laajennusta, katsomaan CSS: ää ja komentosarjoja sekä tarkastamaan HTML: n tiettyjä osia.
Jos käytät Safari-selainta, voit tarkastella sivun lähdekoodia, miten se luotiin.
HTML-lähteen tarkasteleminen Safarissa
- Avaa Safari.
- Siirry sivulle, jota haluat tarkastella.
- Napsauta Kehitä- valikkoa ylävalikkopalkissa. Huomaa: Jos Kehitys-valikkoa ei näy, siirry Asetukset-osiossa Lisäasetukset-osiossa ja valitse Näytä valikkorivin Kehitä-valikko.
- Valitse Näytä sivun lähde . Tämä avaa tekstin ikkunan, jossa näkyy sivun HTML-lähde.
vinkkejä
- Useimmilla verkkosivuilla voit myös tarkastella lähdettä napsauttamalla hiiren kakkospainikkeella sivua (ei kuvaa) ja valitsemalla Näytä sivun lähde. Tämä näkyy vain, jos Kehys-valikko on käytössä Määritykset-kohdassa.
- Safari käyttää myös pikanäppäintä HTML-lähteen katselemiseen - pidä komento- ja valintanäppäimiä painettuna ja napsauta U (Cmd-Opt-U).
Onko lähdekoodin katselu oikeutettua?
Kun kopioit sivuston koodin tukkumyyntiä ja siirrät sen pois omasta sivustossasi, ei varmastikaan ole hyväksyttävää. Käyttämällä tätä koodia ponnahduslautana oppimiseen on oikeastaan kuinka paljon kehitystä tehdään tällä alalla. Itse asiassa, sinun olisi vaikea löytää työtä web-ammattilainen tänään, joka ei ole oppinut jotain katselemalla sivuston lähde!
Loppujen lopuksi verkko-opiskelijat oppivat toisiltaan ja parantavat usein työtä, jota he näkevät ja ovat inspiroineet, joten älä epäröi tarkastella sivuston lähdekoodia ja käyttää sitä oppimistyökaluna.