Come configurare smartphone e PC. Portale informativo

Come visualizzare il codice sorgente della pagina. Sarà interessante per i principianti

25.04.2019 Televisori (Smart TV)

Ovviamente hai visto su alcuni siti che il tasto destro del mouse non è consentito. Questa funzione combatte principalmente contro coloro che vogliono rubare i tuoi contenuti. Questa misura non ti proteggerà completamente dal furto, ma completamente dalla copia manuale. Altre opzioni .
Non consiglio di disabilitare il tasto destro del mouse se pubblichi materiale che deve essere copiato sul tuo blog. Questi possono essere codici, script, ricette, materiali di riferimento e altro. Nessuna copia in questo caso allontanerà i visitatori da te e il tuo blog diventerà meno utile per i visitatori. Se la protezione contro il plagio è importante per te, è meglio aggiungere l'URL alla fine della copia. Quindi sarai sicuro che se qualcuno vuole pubblicare da qualche altra parte su Internet, copiato da te, è più probabile che il copia-incolla condivida un link al tuo blog.
Questa ricetta funziona per qualsiasi sito web. Devi solo incollare il codice in tutte le pagine del tuo blog:

V Blogger aggiungi il codice al gadget HTML/Javascript nella scheda Progettazione. Se stai utilizzando uno degli ultimi temi sul tuo blog (Emporio, Contempo, Soho, Notable), non dimenticare di attivare la visibilità del widget (casella di controllo accanto a "Visibile a tutti", "Mostra widget" HTML / JavaScript ””).
Sopra Wordpress aggiungi il codice al widget Testo.

Autore: Ivanova Natalia

2019-03-03

La festa si avvicina - Giornata internazionale della donna. Prepariamoci in anticipo. Puoi originariamente congratularti con ragazze e donne utilizzando i servizi di cartoline, che verranno discussi di seguito.

Puoi utilizzare gli stessi servizi per i quali abbiamo utilizzato.

Servizi di cartoline già pronte

Crea una cartolina l'8 marzo online

Utilizza i seguenti servizi per creare una cartolina praticamente da zero.

  1. Canva è un noto editor di foto funzionale. Troverai molti modelli qui. Registrazione richiesta.
  2. Printclick Se hai un'attività in proprio, puoi ordinare un lotto di cartoline con il logo ei contatti della tua azienda. Puoi utilizzare il generatore di cartoline princlick. Ottima promozione e poco costoso.
  3. Crello è un editor che richiede la registrazione. Non lasciarti intimidire dalla lingua inglese, puoi passare al russo nelle impostazioni.
  4. Una cartolina online è per coloro che hanno un'immaginazione ben sviluppata, poiché dovrai creare una cartolina da zero.
  5. Mumotiki: prepara una bella foto e puoi aggiungere un testo di congratulazioni qui. A proposito, se hai solo bisogno di aggiungere del testo all'immagine, puoi familiarizzare con.

Spero che usando uno di questi generatori, sarai in grado di congratularti adeguatamente con le tue donne l'8 marzo!

Autore: Ivanova Natalia

2019-02-17

Il contenuto dell'articolo:

Google Plus si sta chiudendo

La piattaforma Google Plus non ha soddisfatto le aspettative degli sviluppatori e verrà completamente rimossa il 2 aprile 2019. Insieme ad esso, gli album ad esso associati in Google Foto scompariranno, l'autorizzazione sui siti con un account Google Plus diventerà inaccessibile. Dal 4 febbraio la funzione di creazione di profili, canali e pagine Google Plus non è più disponibile. Se nel tuo account sono archiviati contenuti di valore, puoi scaricare una copia di backup.
La maggior parte delle modifiche interesserà i blogger che scrivono su Blogspot. Alcuni widget G+, commenti G+ e il profilo Google+ non saranno più disponibili. Questo è indicato nella notifica nell'area di amministrazione di Blogger:
Dopo l'annuncio che l'API di Google+ sarà interrotta a marzo 2019, il 4 febbraio ci saranno una serie di modifiche all'integrazione di Google+ di Blogger.
Widget di Google+. I design dei blog non supporteranno più il pulsante +1, i follower di Google+ e i widget dell'icona di Google+. Tutte le istanze di questi widget verranno rimosse dal tuo blog.
pulsanti +1. I pulsanti +1 e G + e i link Pubblica su Google+ sotto i post del blog e nella barra di navigazione verranno rimossi.
Tieni presente che se utilizzi un modello personalizzato con funzionalità di Google+, potrebbe essere necessario modificarlo. Contatta la persona che ti ha fornito questo modello per assistenza.
Commenti di Google+. Il supporto per i commenti che utilizzano Google+ verrà interrotto e i commenti predefiniti di Blogger verranno ripristinati per tutti i blog che utilizzano questa funzione. Sfortunatamente, i commenti pubblicati tramite Google+ non possono essere trasferiti a Blogger, quindi non verranno più visualizzati sul tuo blog.

Eliminazione dei commenti di Google Plus

Sfortunatamente, i commenti che sono stati pubblicati nel sistema verranno eliminati irrevocabilmente. Puoi usare solo lo stesso strumento https://takeout.google.com per dire a Google + commenti di backup sul tuo computer. Solo un bootloader non è previsto ed è possibile ripristinare i commenti solo manualmente in modo piuttosto storto. È un bene che io sia puntuale a tempo debito.

Come sostituire un profilo Google con un profilo Blogger

Se stai bloggando su Blogspot, allora è consigliabile ora passare dal tuo profilo Google Plus al profilo Blogger (per coloro che sono passati a Google Plus in quel momento). Consiglio di farlo subito per evitare situazioni impreviste che potrebbero verificarsi durante l'eliminazione degli account Google Plus.

Come riavere il tuo profilo Blogger

È facile da fare nelle impostazioni di amministrazione di Blogger:
Impostazioni -> Impostazioni utente -> Profilo utente - qui seleziona Blogger


Salva le modifiche.

Conferma la transizione a e inserisci il tuo nome o soprannome.

Non dimenticare di caricare un avatar sul tuo profilo Blogger.

Come rimuovere un profilo Google Plus

Se decidi di eliminare una volta per tutte il profilo G+, allora vai alla tua pagina google plus -> Impostazioni -> scorri fino in fondo alla pagina -> elimina account google plus:


Autore: Ivanova Natalia

Oggi vi dirò cos'è il CSS3, con cosa si mangia, dove cercarlo, come prescriverlo correttamente. Ti avverto, lo dirò da solo, in modo semplificato per il grande pubblico, come la vedo io + esempi. Allora partiamo da lontano.
CSS è lo stile in cui sono scritte le proprietà di un oggetto. Ciò significa che sono in tutti i motori esistenti, se non riesci a trovarli, o non guardi lì o non lo sono davvero ( sito storto). Dove lo trovano di solito? Di solito questa è la radice del sito, il nome del file style.css, anche se, in linea di principio, il nome non è importante quanto l'estensione .css, se il file con questa estensione è un file di stile.
Vedi anche il mio blog.

Dove trovarli?

Il percorso del file è assegnato nel modello tra
" />
In Blogspot è un po' diverso, lì gli stili sono scritti proprio nel codice, prima del tag tra
stili qui

Che aspetto hanno gli stili?

Facciamo un esempio:
#header (background: #fff; font-size: 13px; line-height: 1.5; font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; color: # 333;) .contacts ( posizione: assoluta; in alto: 20px; a destra: 10px;)
contatti dell'autore del sito
Puoi visualizzare gli stili su qualsiasi sito, solo in un browser. Ora puoi riconoscerli facilmente leggendo il loro aspetto in questo articolo.
Come puoi vedere, gli stili sono scritti in modi diversi. Gli stili che iniziano con un cancelletto corrispondono a un ID di blocco specifico, gli stili con un punto corrispondono a una classe di blocco specifica. Non c'è altro modo, gli stili non funzioneranno. Puoi pensare ai nomi che desideri, l'importante è che corrispondano all'id e alla classe scritti in html. Le proprietà di stile devono essere racchiuse tra parentesi quadre, seguite da due punti ( guarda l'esempio sopra), il parametro viene scritto e chiuso con un punto e virgola. È consentito che nell'ultima proprietà alla fine non sia possibile inserire un punto e virgola, solo una parentesi chiusa.
Succede che CSS sia scritto direttamente in un blocco, senza emetterlo in un file separato:
intestazione del sito

CSS su Blogspot

Gli stili possono essere scritti in modo diverso, spiegherò più avanti a causa di cosa. Aprendo il codice, possiamo vedere questo (guarda attentamente gli stili e vedrai i familiari tag di blog che definiscono gli stili):
Come puoi vedere, la proprietà style .Intestazione h1 enunciato separatamente sopra. Come capire e trovare un immobile? molto semplice, u font c'è un parametro header.font, è quello che stiamo cercando. Trovalo nel gruppo di proprietà "Blog Title" per lo stile ".header h1", all'interno delle 2 proprietà "header.font" e "header.text.color". Quindi li stiamo cambiando. Questo viene fatto per consentire al browser di leggere rapidamente gli stili, quindi fa meno richieste. Dopotutto, la proprietà intestazione.testo.colore può essere ripetuto da qualche altra parte. Sotto è ancora header.shadow.offset.left e altri, il significato in essi è lo stesso, non lo ripeterò.
Quando dicono di cercare in css (o stili), allora stiamo cercando in blogspot tra i tag
e di solito prima del tag
a meno che, ovviamente, non siano scritti direttamente in html (esempio sopra, stili in blocchi). In altri cms, tutto viene solitamente inserito in un file separato con estensione .css

Autore: Ivanova Natalia

2019-02-15

Questo ultimo articolo è stato scritto per fornirti informazioni aggiornate sulla rimozione di link indesiderati dai modelli di Blogspot e sui nuovi temi di Blogger. Come sai, nel 2018 sono stati apportati cambiamenti ai codici di Blogger, quindi molte azioni con il codice devono essere eseguite in un modo nuovo. Inoltre, sono comparsi nuovi argomenti che si formano in modo diverso. In relazione a queste modifiche, analizzeremo l'argomento dell'eliminazione dei collegamenti.
Puoi controllare il tuo blog per i collegamenti esterni sui servizi https://pr-cy.ru/link_extractor/ e https://seolik.ru/links. Ricordati di controllare non solo la home page del blog, ma anche i post (post) e le pagine (Page). Si sconsiglia un numero elevato di collegamenti esterni aperti per l'indicizzazione.

Come rimuovere i collegamenti dal vecchio modello predefinito di Blogger

Utilizzando il modello semplice come esempio.
Questi modelli forniscono la maggior parte dei collegamenti in entrata. Sul mio blog di prova, quando ho installato un tema semplice, l'ho verificato e ho trovato 25 collegamenti in entrata sulla homepage, di cui 14 indicizzati.
Ti ricordo che prima di apportare modifiche al codice del template, fai un backup!
  1. Rimuovi collegamento a Blogger - https://www.blogger.com/. Questo collegamento è racchiuso nel widget Attribuzione. Nella scheda Blog Design, viene visualizzato come gadget Attribuzione e. Per rimuoverlo, vai alla scheda "Tema" -> cambia HTML. Cercando i widget (elenco dei widget), trova Attribution1 ed elimina tutto il codice insieme alla sezione footer in cui è racchiuso. Ecco come appare il codice compresso da rimuovere:


    Ed ecco il codice completo:














    Salviamo le modifiche e controlliamo il blog per l'attribuzione.
  2. Hai sicuramente visto le icone della chiave inglese e del cacciavite sul tuo blog per una rapida modifica dei widget. Ciascuna di queste icone porta con sé un collegamento esterno a Blogger. Ora sono chiusi con il tag nofollow, ma devi ancora sbarazzartene. Modificherai i widget nella scheda Design.
    Ecco un elenco parziale di collegamenti crittografati nelle icone della chiave inglese (l'ID del blog sarà il tuo)
    - Widget HTML1: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
    - Widget HTML2 http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
    - Archivio del blog: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
    - Scorciatoie del blog: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
    - Post popolari: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
    Tutti questi collegamenti sono facili da eliminare. Trova il tag nel modello del tuo blog ... Appare tante volte quanti sono i widget sul tuo blog. Rimuovi tutte le occorrenze del tag .
  3. Rimuovi i collegamenti per modificare rapidamente i post del blog (icona "Matita"). Semplifica la modifica dei post, ma comporta una minaccia come collegamento esterno del modulo: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=matita
    Come eliminare:
    Metodo 1. Nella scheda Design, modifica l'elemento "Post del blog" e deseleziona la casella di controllo "Mostra" Modifica rapida ".
    Metodo 2. trova il tag nel modello del blog e rimuoverlo. Salva le modifiche e controlla il tuo blog per l'icona e il link.
  4. Rimuovi barra di navigazione. Cerca i widget nel modello html del blog navbar1 e rimuovi tutto il codice insieme alla sezione.

    Vale a dire:









    Ora Navbar nel blog non fornisce collegamenti esterni indicizzati, ma credo che questo sia un elemento in più che non porta un carico funzionale ed è meglio rimuoverlo.
  5. Rimuovere i collegamenti esterni alle immagini. Quando carichi immagini su un post del blog, un collegamento viene automaticamente incorporato in esse. Per rimuovere tali collegamenti, è necessario modificare tutti i post del blog. Nella modalità "Visualizza" e oltre all'icona "Link". Se l'immagine non contiene un collegamento esterno, quando fai clic sulla foto nell'editor del post, l'icona "Link" non è attiva (non viene evidenziata l'icona).

  6. Rimuovi il collegamento al profilo dell'autore del blog. Rimuovi l'autore del blog sotto il post. Per farlo, trova il codice veroe sostituisci vero con falso. risulterà falso
  7. Chiudi il link dal widget “” dall'indicizzazione con il tag nofollow. Se utilizzi il widget del profilo sul tuo blog, utilizza una ricerca rapida del widget nel modello del blog per trovare il codice per il gadget Profilo1. È necessario modificare il codice del widget, sostituendo rel = 'autore' in due punti con rel = 'nofollow' e aggiungere rel = 'nofollow' a due collegamenti. Dovresti ottenere qualcosa come lo screenshot:


    Realizzato sull'esempio della modifica di un profilo Google Plus. Ti ricordiamo che Google Plus verrà gradualmente eliminato il 2 aprile 2019. Di conseguenza, dopo tale data, sarà necessario apportare altre modifiche al codice del widget "Chi sono".

  8. Verifica dei collegamenti in entrata di qualsiasi pagina di post di blogspot che contiene commenti. Trova ed elimina il codice nel modello del blog:

    Nelle Impostazioni blog, lungo il percorso Impostazioni blog -> Altro -> Feed sito -> Consenti feed blog, applica le seguenti impostazioni:

Rimuovi i link esterni dal nuovo modello predefinito di Blogger

Usando il tema Notevole come esempio
  1. Rimuovi attribuzione (link sotto - Blogger Technologies)
    Trova Attribution1 nel modello blog di ricerca widget (elenco di widget) ed elimina il codice insieme alla sezione simile al vecchio modello Blogger (vedi sopra 1).
  2. Rimuovere il collegamento dal widget "Segnala abuso". Questo è il widget SegnalaAbuso1. Troviamo nella ricerca per widget:
    L'intero codice ha questo aspetto:




  3. Controlliamo la pagina del post del blog con i commenti e rimuoviamo i collegamenti per analogia con i vecchi modelli di blog (vedi sopra - punto 8).
  4. Rimuovi i link dai post del blog che sono incorporati nelle immagini dei post (vedi punto 5).

Autore: Ivanova Natalia

Per molto tempo, l'opzione "mostra il codice sorgente della pagina" è stata inutile e poco interessante per me. Finora, imparare l'HTML su Codecademy e il layout dei miei siti non è diventato il mio nuovo hobby. Qui è sorta la domanda: dove trovare casi reali e prendere in prestito soluzioni interessanti per il tuo "salvadanaio"? La risposta è stata inaspettatamente semplice, come ogni cosa geniale: guarda il codice sorgente della pagina in Google Chrome! Condivido con voi le mie modeste scoperte.

Che cos'è il codice sorgente della pagina?

Se anche tu, come me, stai muovendo i primi passi nella programmazione HTML, non sarà superfluo scoprire qual è il codice sorgente della pagina.

Il codice sorgente, noto anche come codice HTML della pagina, è un testo in Hyper Text Markup Language (HTML). Include il contenuto effettivo della pagina (testo, tabelle) e i tag. Questi ultimi fungono da istruzioni per il browser: come visualizzare il contenuto, che tipo di formattazione utilizzare, dove inserire un collegamento ipertestuale o un file multimediale. Ebbene, per noi programmatori alle prime armi, il codice sorgente è la migliore palestra: troviamo un sito interessante e lo spiamo, lo salviamo, utilizziamo frammenti di successo. Come?

Come visualizzare il codice sorgente nella pagina del browser Google Chrome

Trova la pagina che ti piace. Ad esempio, ero interessato al design del menu del sito. Esistono tre modi per aprire il codice sorgente nel browser Google Chrome:

  1. Clicca sull'icona menù nell'angolo in alto a destra del browser e seleziona la voce "Strumenti aggiuntivi". Tra le altre, c'è l'opzione "Visualizza codice sorgente". Francamente, uso raramente questo metodo: molti movimenti inutili. Può essere reso ancora più semplice.
  2. Premi la combinazione di tasti Ctrl + U- si apre una nuova finestra con il codice sorgente;
  3. Per gli appassionati del menu contestuale: fare clic con il tasto destro sulla pagina e selezionare l'opzione "Visualizza codice pagina".

Abbiamo affrontato il compito di visualizzare il codice HTML della pagina nel browser. Passiamo alla fase più interessante.

Come modificare e salvare il codice sorgente

Per imparare a creare siti, non è sufficiente leggere il codice HTML di qualcun altro. Devi giocarci, sperimentare, apportare modifiche e controllare il risultato. Puoi anche iniziare compilando alcuni buoni esempi. Come modifico e salvo il codice sorgente?

Opzione 1. "Manualmente"

Dopo aver aperto il codice sorgente della pagina, chiamiamo il menu contestuale e selezioniamo l'opzione "Salva con nome" e salviamo il file sul disco rigido. Modifichiamo il file in Blocco note o Blocco note, salviamo le modifiche e lo apriamo tramite il browser. I risultati delle nostre modifiche (buone e cattive) si rifletteranno nella finestra del browser.

Opzione 2. Per i professionisti

Quando "giochi" con il codice sorgente ogni giorno, il processo di "salva - apri - cambia - salva - controlla" è faticoso. Per quanto mi riguarda, ho trovato una soluzione sotto forma di installazione di un plug-in per Google Chrome: Firebug Lite. Ti consente di modificare e salvare il codice sorgente senza uscire dalla finestra del browser.

Probabilità di esaminare l'iniziale codice ragnatela pagine, ricevuto dal browser a seguito di una richiesta al server, si trova praticamente in tutti i browser Internet. L'accesso al comando corrispondente è organizzato all'incirca nello stesso modo, ma ci sono differenze significative in quale metodo e in quale forma ti verrà presentato l'iniziale codice .

Istruzioni

1. Nel browser Mozilla FireFox, apri la sezione "Visualizza" nel menu e fai clic su "Iniziale codice pagine". Lo stesso elemento si trova anche nel menu contestuale che appare quando fai clic con il pulsante destro del mouse sul testo pagine... È inoltre consentito utilizzare la combinazione di tasti CTRL + U. Mozilla FireFox non utilizza programmi esterni - iniziale codice pagine con l'evidenziazione della sintassi si aprirà in una finestra del browser separata.

2. In Internet Explorer, fai clic sulla sezione File del menu e seleziona Modifica nel Blocco note. Invece del nome Blocco note, è possibile scrivere un altro programma che hai assegnato nelle impostazioni del browser per visualizzare l'iniziale codice un. Al clic pagine facendo clic con il tasto destro del mouse sul menu di scelta rapida, che ha anche un elemento che consente di aprire l'iniziale codice pagine in un programma esterno - "Visualizza HTML- codice un".

3. Nel browser Opera, apri il menu, vai alla sezione "Pagina" e probabilmente preferirai la voce "Iniziale codice"O l'oggetto" Iniziale codice portafoto ". I tasti di scelta rapida CTRL + U e CTRL + SHIFT + U sono assegnati a questa selezione, rispettivamente. Nel menu contestuale ancorato a un clic pagine tasto destro, c'è anche la voce "Iniziale codice". Opera apre il sorgente pagine in un programma esterno assegnato nel sistema operativo o nelle impostazioni del browser per la modifica dei file HTML.

4. Il browser Google Chrome, senza dubbio, ha la migliore organizzazione di navigazione dell'iniziale codice un. Quando fai clic con il pulsante destro del mouse su una pagina, potresti preferire Visualizza codice un pagine"E poi la fonte con l'evidenziazione della sintassi verrà aperta in una scheda separata. Oppure potresti preferire la riga “Visualizza codice un elemento "e il browser nella stessa scheda aprirà due riquadri aggiuntivi in ​​cui è possibile ispezionare HTML e CSS codice qualsiasi elemento pagine... Il browser reagirà allo spostamento del cursore lungo le linee codice a, evidenziando gli elementi nella pagina che corrispondono a questa sezione di HTML- codice un.

5. Nel browser Apple Safari, espandi la sezione "Visualizza" e seleziona la riga "Anteprima HTML- codice un". Nel menu che appare quando fai clic con il pulsante destro del mouse su apri pagine, l'elemento corrispondente è denominato "Visualizza sorgente". Hot CTRL + ALT + U è assegnato a questa azione codice si apre in una finestra del browser separata.

È necessario esaminare rapidamente tutte le modifiche sul sito stesso, senza influire sui file e sul codice del sito pubblicati su Internet. Ad esempio, cambia lo schema dei colori di un blocco, sposta un elemento in movimento, ecc.

Per fare ciò, molti webmaster utilizzano server locali Denwer o OpenServer, che eseguono una copia completa del sito sul proprio computer. Questo metodo è universale e adatto ai professionisti, con l'aiuto di esso puoi controllare il funzionamento di vari script e plugin, sperimentare con la modifica del design e modificare tutti i file del sito e, dopo il test, trasferire le modifiche appropriate direttamente al sito.

Per gli utenti che sono lontani dall'arte del webmaster, consiglio di utilizzare un browser per questi scopi. Poiché utilizzo Chrome, fornirò istruzioni con schermate per questo particolare browser. Per analogia, puoi lavorare con Opera, Yandex Browser, Mozilla Firefox e altri browser, il principio dei loro strumenti è simile.

Istruzioni 1: come visualizzare l'intero codice HTML di un sito Web in un browser

Apri la pagina web richiesta per il tuo sito. Cliccando con il tasto destro sull'elemento desiderato, apparirà un menu a tendina contestuale del browser con i comandi disponibili:

Figura 1. Visualizzazione dell'intero codice HTML di una pagina Web nel browser Chrome

Importante: I comandi nel menù a tendina possono differire, ad esempio, per elementi attivi (link, immagini, video) e inattivi (testo, sfondo, dive):

Figura 2. Menu a discesa del browser Chrome

Pertanto, se non hai trovato il comando richiesto, fai semplicemente clic con il pulsante destro del mouse in un altro punto o utilizza i tasti di scelta rapida del browser.

Tornando alla Figura 1, mostra il comando necessario per visualizzare tutto il codice HTML della pagina web originale, si chiama “ Visualizza il codice della pagina". Facciamo clic sul comando, si aprirà una nuova scheda con il codice completo della pagina Web originale, un grande vantaggio per tutto: la vista è disponibile con l'evidenziazione della sintassi:

Figura 3. Un frammento del codice di questo sito

Questo strumento è molto utile per trovare e modificare gli elementi che stai cercando.

Modi alternativi per visualizzare l'intero codice HTML di una pagina web

Per un accesso più rapido, puoi utilizzare altri metodi per chiamare questo strumento

  1. Nella Figura 1, vediamo anche che questo comando è disponibile tramite la scorciatoia da tastiera + ;
  2. Inserisci nella barra degli indirizzi del browser view-source: site al posto del mio dominio, inserisci il tuo indirizzo;

Entrambi i metodi sono universali e dovrebbero funzionare in tutti i browser.

All'inizio, sembrerà ad alcuni che questo non sia affatto uno strumento necessario, ma visualizzare l'intero codice HTML del sito è ottimo per trovare gli elementi necessari nel codice, questi possono essere collegamenti, tag, meta tag, attributi e altri elementi.

Combinazione di tasti di scelta rapida +apri la casella di ricerca, nel browser Chrome compare in alto a destra:

Figura 3. Ricerca per codice del sito

Dopo aver inserito una query nel modulo di ricerca, lo schermo si sposterà sul primo elemento trovato, utilizzando le frecce è possibile navigare tra di essi e selezionare quello richiesto:

Figura 4. Ricerca per codice HTML del sito

Istruzione 2: come visualizzare e modificare il codice HTML e CSS del sito nel browser Google Chrome

Passiamo ora alla parte più importante, in cui mostrerò come è possibile modificare il codice HTML e CSS del sito nel browser. quindi trasferire le modifiche al browser.


Uno strumento così utile è sempre disponibile nel tuo browser, sperimenta altri comandi che ti renderanno più facile modificare il sito.

". C'è lo stesso elemento nel menu contestuale, che, se fai clic con il pulsante destro del mouse sul testo pagine... Puoi anche usare la scorciatoia da tastiera CTRL + U. Mozilla FireFox non usa programmi esterni - l'originale codice pagine con l'evidenziazione della sintassi si aprirà in una finestra del browser separata.

In Internet Explorer, fai clic sulla sezione File del menu e seleziona Modifica nel Blocco note. Invece del nome Blocco note, potrebbe essere scritto un altro, che hai assegnato nelle impostazioni del browser per visualizzare l'originale codice un. Al clic pagine facendo clic con il pulsante destro del mouse sul menu di scelta rapida, che ha anche un elemento che consente di aprire l'originale codice pagine in un programma esterno - "Visualizza HTML- codice un".

Nel browser Opera, apri il menu, vai alla sezione "Pagina" e potrai selezionare nella sottosezione "Strumenti di sviluppo" la voce "Sorgente codice"O l'oggetto" Iniziale codice portafoto ". Le scorciatoie CTRL + U e CTRL + MAIUSC + U sono assegnate a questa selezione, rispettivamente. Nel menu contestuale ancorato a un clic pagine tasto destro, c'è anche la voce "Iniziale codice". Fonte dell'opera pagine in un programma esterno assegnato nel sistema operativo o nelle impostazioni del browser per la modifica dei file HTML.

Il browser Google Chrome, senza dubbio, ha la migliore organizzazione per visualizzare l'originale codice un. Facendo clic con il tasto destro, è possibile selezionare Visualizza codice un pagine"E poi la fonte con l'evidenziazione della sintassi verrà aperta in una scheda separata. Oppure puoi selezionare la riga "Visualizza codice un elemento "e nella stessa scheda si apriranno due riquadri aggiuntivi in ​​cui è possibile ispezionare HTML e CSS codice elemento pagine... Il browser reagirà allo spostamento del cursore lungo le linee codice a, evidenziando gli elementi nella pagina che corrispondono a questa sezione di HTML- codice un.

Principali articoli correlati

I migliori programmi per creare musica di base ed elettronica
I migliori programmi per creare musica di base ed elettronica
Struttura generale dei file del tema
Struttura generale dei file del tema
Principi di base dell'uso del colore nel web design
Principi di base dell'uso del colore nel web design
Categorie:
© 2021 bumotors.ru. Come configurare smartphone e PC. Portale informativo.