Visualizzare il codice sorgente HTML di una pagina Web è uno dei modi più semplici (e tuttavia più efficaci) per imparare l'HTML, soprattutto per i nuovi professionisti del Web che stanno appena iniziando nel settore. Se vedi qualcosa su un sito web e vuoi sapere come è stato fatto, visualizza il codice sorgente per quel sito.
Se ti piace solo il layout di un sito web, vedere la fonte per vedere come è stato realizzato quel layout ti aiuterà a imparare e migliorare il tuo lavoro. Nel corso degli anni, molti web designer e sviluppatori hanno imparato un sacco di HTML semplicemente visualizzando la fonte delle pagine Web che vedono. È un ottimo modo per i principianti di imparare l'HTML e per i professionisti del web esperti per vedere come nuove tecniche potrebbero essere state applicate a un sito.
Ricorda che i file sorgente possono essere molto complicati. Insieme al markup HTML per una pagina, ci saranno probabilmente molti file CSS e script che sono usati per creare l'aspetto e la funzionalità di quel sito, quindi non essere frustrato se non riesci a capire cosa sta succedendo immediatamente. La visualizzazione della sorgente HTML è solo il primo passo. Dopodiché, puoi utilizzare strumenti come l'estensione per sviluppatori Web di Chris Pederick per esaminare il CSS e gli script, nonché esaminare elementi specifici dell'HTML.
Se si utilizza il browser Safari, ecco come è possibile visualizzare il codice sorgente di una pagina per vedere come è stato creato.
Come visualizzare l'origine HTML in Safari
-
Apri Safari.
-
Passare alla pagina Web che si desidera esaminare.
-
Clicca sul Sviluppare menu nella barra dei menu in alto.
Se il menu Sviluppo non è visibile, vai in Preferenze nella sezione Avanzate e seleziona Mostra menu Sviluppo nella barra dei menu.
-
Clic Mostra origine pagina. Questo aprirà una finestra di testo con il sorgente HTML della pagina che stai guardando.
Suggerimenti
- Nella maggior parte delle pagine Web è anche possibile visualizzare la fonte facendo clic con il pulsante destro del mouse sulla pagina (non su un'immagine) e scegliendo Mostra origine pagina. Questo verrà visualizzato solo se il menu Sviluppo è abilitato in Preferenze.
- Safari ha anche una scorciatoia da tastiera per visualizzare il codice sorgente HTML: tieni premuti i tasti comando e opzione e premi U (Cmd-Opt-U.)
Stai leggendo il codice sorgente?
Mentre copiare il codice di un sito all'ingrosso e distribuirlo come proprio su un sito non è certamente accettabile, usare quel codice come trampolino da cui trarre insegnamento è in realtà quanti progressi sono fatti in questo settore. In effetti, ti troverebbe difficile trovare un professionista del Web che oggi non abbia imparato qualcosa visualizzando la fonte di un sito!
Alla fine, i professionisti del web imparano gli uni dagli altri e spesso migliorano il lavoro che vedono e si ispirano, quindi non esitate a visualizzare il codice sorgente di un sito e utilizzarlo come strumento di apprendimento.
