Come configurare smartphone e PC. Portale informativo
  • Casa
  • Notizia
  • Come creare una pagina web in html. Cosa significa il messaggio "La pagina web sta rallentando il browser"?

Come creare una pagina web in html. Cosa significa il messaggio "La pagina web sta rallentando il browser"?

Dove inizia una pagina web?

Quali sono le fasi del processo di creazione? Per capire cos'è una pagina web è necessario capire come è formata.

Progetto

Tutto inizia con il lavoro del designer. Lui, in conformità con le esigenze e gli obiettivi del cliente, sviluppa un layout del futuro sito web. Questo layout viene creato per una, due o più pagine. In questa fase, viene determinata la posizione di tutti gli oggetti necessari, vengono selezionati i caratteri, le immagini e il design in generale. Cioè, è inizialmente formato aspetto pagine, da cui verrà poi assemblato un sito web a tutti gli effetti.

Disposizione

Quindi il progettista del layout viene coinvolto nel lavoro. Sulla base del layout sviluppato dal designer, realizza l'impaginazione della pagina, ottimizzandola per vari browser. Per fare ciò, crea un documento normale, ad esempio, nel Blocco note, che viene salvato con l'estensione .html. È in questo linguaggio che viene scritta una semplice pagina web. HTML sta per HyperText Markup Language ed è un insieme di tag che servono per implementare una varietà di attività. Questo linguaggio è abbastanza semplice ma funzionale. Con il suo aiuto viene creata una struttura logica della pagina ed è suddivisa in singoli elementi- intestazioni, elenchi, paragrafi, tabelle e altri oggetti. Inoltre, i tag definiscono il significato di tutto il contenuto. Forniscono al browser informazioni su cosa evidenziare, sottolineare, dove rientrare, dove inserire un'immagine e cosa convertire in un collegamento. Di conseguenza, la pagina assume l'aspetto appropriato. Tuttavia, affinché corrisponda pienamente a quanto ideato dal progettista, è necessario utilizzare anche i CSS. Si tratta di fogli di stile a cascata che definiscono l'aspetto di un documento HTML e il suo design. Usando gli strumenti CSS puoi “colorare” la pagina colori richiesti, applica uno o un altro stile di carattere, aggiungi altri elementi di design. L'uso di HTML e CSS ci dà una pagina finita e ben progettata. Ma deve ancora essere reso dinamico e questo dipende dal programmatore.

Programmazione

In questa fase, hai già capito cos'è una pagina web e come viene creata. Ma non è tutto. Esistono diversi tipi di pagine: statiche, dinamiche e interattive. I primi sono proprio quelli che si creano solo con utilizzando l'HTML e css. Per rendere dinamica una pagina, è necessario un motore: CMS (o Content Management System). Questo è un programma speciale che, in base alle richieste dell'utente, crea una pagina dai dati memorizzati nel database del server. Cioè, la pagina viene creata quando viene ricevuta una richiesta dall'utente. Per scriverlo vengono utilizzati linguaggi come ASP, PHP e altri. Per quanto riguarda le pagine interattive, esse comprendono i cosiddetti moduli attraverso i quali l'utente e il server si scambiano dati. Sono anche scritti Linguaggi PHP, JavaScript, ecc. La programmazione è un processo più complesso del layout; richiede una conoscenza specifica di alta qualità di almeno uno (o preferibilmente più) dei linguaggi elencati.

Come viene caricata una pagina web?

Affinché la pagina diventi disponibile per tutti gli utenti di Internet, essa (cioè il documento in cui è descritta) viene posizionata su un server web. Questo è un computer che funziona continuamente, aspettando l'arrivo delle richieste dai browser. Quando lo riceve, trova la risorsa richiesta (ad esempio, una pagina web) e la invia al browser appropriato. E che, a sua volta, sulla base delle informazioni (segnali) contenute nel documento, visualizza una pagina web.

Perché non riesco ad aprire una pagina web?

Ci sono situazioni in cui inserisci una richiesta (indica un indirizzo, scrivi una parola nella barra di ricerca o fai clic su un collegamento), ma il browser non riesce a visualizzare le informazioni necessarie e scrive che la pagina web non è stata trovata. Qual è la ragione qui e come risolvere un problema del genere?

Innanzitutto, dovresti controllare l'URL per vedere se è stato inserito correttamente. Se viene commesso un errore in qualsiasi lettera o simbolo, il server non sarà in grado di trovare informazioni adeguate alla tua richiesta e il browser, di conseguenza, non sarà in grado di visualizzarle. Ma se l'indirizzo è corretto, perché la pagina web non è disponibile? La causa potrebbe essere i cookie. Sono creati da pagine web che hai visitato in precedenza per memorizzare alcune impostazioni e altro. Se un file di questo tipo è danneggiato, potrebbe impedire il corretto caricamento della pagina. Per correggere la situazione, deve essere rimosso. Per fare ciò, individua la sezione "Privacy", vai alle impostazioni dei contenuti e nella finestra che si apre seleziona "Tutti i cookie e i dati dei siti". Fare clic su "Elimina tutto".

La terza ragione potrebbe essere lavoro lento browser a causa dell'utilizzo di un server proxy. Per risolvere il problema è necessario modificare le impostazioni. Questo può essere fatto nella sezione "Connessioni Internet". Seleziona la rete che stai utilizzando, apri Impostazioni e trova la scheda Proxy. Impostato impostazioni richieste il suo utilizzo. Ora tutto dovrebbe funzionare.

Conclusione

Da questo articolo hai imparato cos'è una pagina web, come è formata e quali specialisti prendono parte alla sua creazione. Abbiamo anche esaminato il modo in cui vengono caricate e visualizzate le pagine del sito, il motivo per cui potrebbero non aprirsi e come risolvere questo problema. Ora sai qualcosa in più su come funziona Internet e quali sono le sue risorse web.

Tutto ciò che vediamo sullo schermo del browser mentre “viaggiamo” su Internet si chiama pagina WEB. Una pagina WEB può contenere un'ampia varietà di contenuti (o contenuti): testo, immagini, video, riproduzione di musica o un interessante gioco online.

Qualsiasi pagina WEB ha un indirizzo. La pagina è reperibile su Internet a questo indirizzo. L'indirizzo della pagina viene visualizzato nella barra degli indirizzi del browser. Ad esempio, la pagina WEB che stai leggendo adesso ha il seguente indirizzo:

http://www..html

Controlla che dovrebbe essere visualizzato in pagina dell'indirizzo Il tuo navigatore.

Ora molte persone si stanno presentando barra degli indirizzi parola chiave o un'intera frase. In precedenza, in questo caso il programma browser generava un errore. Nessun indirizzo del genere, pagina non trovata! Adesso il browser elabora questo errore nel modo seguente: contatta il motore di ricerca (Google, Yandex o altro) con una richiesta composta da una parola o una frase inserita nella barra degli indirizzi. Così, motore di ricerca cerca di spingere l'utente alla risposta corretta alla sua domanda e di trovare le informazioni necessarie su Internet pagina WEB, dove le parole inserite dall'utente ricorrono più spesso. Prova a scrivere a barra di ricerca domanda posta nel titolo di questo articolo e riceverai un intero elenco di collegamenti contenenti le risposte a questa domanda. È del tutto possibile che troverai questo articolo in questo elenco.

Ma torniamo all'indirizzo della pagina WEB. Questo indirizzo si legge da sinistra a destra ed è composto da più parti. La prima parte dell'indirizzo per le pagine WEB sarà sempre http:// o https://. Queste lettere designano il protocollo con il quale le pagine WEB vengono trasmesse su Internet. Questo protocollo è chiamato protocollo di trasferimento ipertestuale (HyperText Protocollo di trasferimento-HTTP). Le pagine WEB sono un tipico ipertesto, cioè testo con collegamenti ad altri materiali testuali e multimediali. Pertanto, per il trasferimento delle pagine WEB viene sempre utilizzato il protocollo HTTP.

Se una pagina WEB è come la pagina di un libro pubblicata su Internet, il libro stesso può essere considerato un sito Internet che unisce più pagine WEB collegate tra loro da collegamenti Internet. Proprio come una pagina WEB, anche un sito Internet ha un indirizzo. L'indirizzo del sito web fa parte di Indirizzi WEB pagina e si trova tra i caratteri // e il primo carattere /.

L'indirizzo del sito ha due forme: digitale - per il computer e simbolica - in modo che questo indirizzo venga percepito dalle persone. È facile tradurre una forma di rappresentazione in un’altra. Lo fa sistema speciale nomi di dominio (Domain Name System - DNS), che servono Internet.

L'indirizzo del sito, scritto in forma simbolica, ha diversi componenti separati da punti, tra cui il nome del sito (topauthor) e il titolo dominio nazionale, a cui appartiene il sito (ru, che significa Russia). La / è seguita dal nome della pagina WEB, che è sostanzialmente l'indirizzo della pagina sul sito.

Il sistema di indirizzamento non termina a livello di pagina. Anche tutti i componenti del contenuto (file di immagini, musica e video) hanno indirizzi. Tali indirizzi sono altrimenti chiamati localizzatori di risorse uniformi (Uniform Resource Locator - URL). Quindi, ad esempio, l'indirizzo del logo Topavtor è:

Il fatto che questo componente del contenuto sia un'immagine è indicato da tre lettere, png, che seguono il punto alla fine dell'indirizzo. Il nome dell'immagine si trova tra il simbolo / e il punto. Questa foto chiamato logo e pubblicato sul sito web www.. Se inserisci l'indirizzo URL sopra indicato nella barra degli indirizzi del tuo browser, sullo schermo apparirà un'immagine del logo del sito web Topavtor.

Quello che è successo? Il programma del browser all'indirizzo trovato sul sito www.site in cui è stata memorizzata l'immagine, ha copiato questo file computer locale utente (a volte dicono "scaricato") e ha mostrato l'immagine corrispondente sullo schermo del browser, che ora è memorizzata non da qualche parte nel cielo di Internet, ma a portata di mano, sul computer locale.

Infatti, le componenti di contenuto pubblicate sulla pagina WEB non devono necessariamente essere archiviate sul sito stesso. Ad esempio, per pubblicare il dipinto "Deuce Again" su una pagina WEB, è possibile fornire un collegamento a un file che si trova su un altro sito, ad esempio sul sito Wikipedia nell'articolo "Deuce Again" o sul sito web di Tretyakov Galleria, dove è esposto questo dipinto. Il risultato sarà lo stesso. In entrambi i casi l'immagine apparirà sulla pagina WEB.

La pagina WEB stessa è composta da testo scritto linguaggio speciale markup ipertestuale (HyperText Markup Language - HTML). Questo testo può essere visto se si dà al browser un comando per mostrare l'origine della pagina WEB (Visualizza sorgente pagina). Il linguaggio HTML consente di descrivere in modo inequivocabile il posizionamento di tutti i componenti del contenuto su una pagina WEB. Ad esempio, i tipi e le dimensioni dei caratteri utilizzati durante la stampa dei testi, le dimensioni delle immagini e la loro posizione rispetto al testo.

Qualsiasi sito Internet è ospitato su un server. Un server è un computer controllato programma speciale. Il server serve tutte le richieste inviate al sito. Grazie al lavoro del server vengono scambiate informazioni tra il sito e il browser. Il browser è ospitato e viene eseguito sul computer dell'utente connesso a Internet. Il computer dell'utente è anche chiamato computer locale. Il processo di scambio di informazioni tra il server e il computer locale inizia in risposta a una richiesta del browser dal computer locale. Questo processo è molto simile a una trasmissione radiofonica, in cui il server è il trasmettitore radio e il browser è il ricevitore radio.

Testo scritto dentro Linguaggio HTML. Possiamo supporre che un album fotografico con posti vuoti, lasciato per immagini, musica, videoclip e programmi. In questi posti finora ci sono solo Indirizzi URL tutti i componenti multimediali del contenuto. Il browser “passa” attraverso tutti questi indirizzi e copia da essi file di immagini, musica o video sul computer locale. Quindi tutti questi file vengono posizionati sullo schermo, come previsto dal programmatore che ha sviluppato la pagina WEB. Il browser lo gestisce in pochi secondi, poi tocca all'utente: leggere, ascoltare musica, guardare video. Internet è al tuo servizio!

Istruzioni

Tutto ciò che un visitatore vede sul Web viene ricreato dal browser dalle istruzioni inviate dal suo server. Queste istruzioni sono scritte in HTML (HyperText Markup Language) e i file in cui sono archiviate sono contrassegnati come htm e html. Puoi creare un file del genere nel solito editor di testo- questo sarà il primo passo della creazione pagine web. Aperto, ad esempio, Blocco note standard e creare file vuoto denominato indice.html. Quando si digita l'indirizzo di un sito Web senza specificare un file specifico pagina(ad esempio, ), prima di tutto cerca pagina con esattamente questo nome: indice.

Le istruzioni HTML sono chiamate “tag” e ciascuna di esse è racchiusa tra parentesi come questa:<>. Alcuni tag sono accoppiati, ovvero sono costituiti da un tag di apertura e uno di chiusura e tra di essi vengono inserite le informazioni. Ad esempio, un tag che indica al browser che il codice seguente è in HTML, in questo modo: Il tag di chiusura, che indica che il codice HTML a questo punto è completo, è scritto così: Come puoi vedere, il tag di chiusura differisce dal tag di apertura per la presenza di una barra dopo la parentesi di apertura (

Tutto il codice che inserisci tra i tag E, dovrebbe essere diviso in due parti: l'intestazione e il corpo del documento. I tag di intestazione di apertura e chiusura sono scritti in questo modo: Questa è la parte "servizio" della pagina: qui vengono inserite le informazioni per il titolo della finestra, le parole chiave e le descrizioni per i robot di ricerca, le descrizioni dello stile, gli script, ecc. Inserisci al suo interno il titolo della finestra della pagina: Questo è il titolo! Il testo completo della tua pagina HTML a questo punto dovrebbe assomigliare a questo:

Questo è il titolo!

Dopo la parte dell'intestazione, è necessario posizionare i tag tra i quali verranno racchiuse le istruzioni del corpo del documento: Inserisci tra loro, ad esempio, un tag che visualizza pagina paragrafo di testo:

C'è un intero paragrafo di informazioni qui!

Non tutti i tag della lingua HTML sono accoppiati. Alcuni di loro hanno tutto ciò di cui hanno bisogno all'interno del tag di apertura. Per tali tag, la barra di chiusura viene posizionata prima della parentesi di chiusura. Ad esempio, il tag di fine riga e "ritorno a capo".
:

Prima riga del paragrafo.


Seconda riga del paragrafo.

Tutto ciò è sufficiente affinché il browser visualizzi normalmente i tuoi contenuti. pagina. Tutto il codice html assemblato dovrebbe assomigliare a questo:

Questo è il titolo!


Prima riga del paragrafo.


Seconda riga del paragrafo.



Su questo

Ti stai chiedendo come creare una pagina HTML? Per fare ciò, devi dedicare diverse ore e lo saprai. Puoi creare la tua prima pagina in 5 minuti.

HTML sta per HyperText Markup Language. Tradotto significa “linguaggio di markup ipertestuale”. È importante capire che l'HTML non è un linguaggio di programmazione, ma un linguaggio di markup del sito.

Tutti i browser moderni possono riconoscerlo. Quindi visualizzano le informazioni in modo facile da usare, come previsto in anticipo dall'autore.

Questa lingua utilizza tag speciali. Ogni tag svolge la propria funzione. Ce ne sono molti. Idealmente, devi imparare tutto. Ma per un principiante, la conoscenza di base è abbastanza.

Nozioni di base sull'HTML

Prima di creare una pagina HTML, devi sapere in cosa consiste. Ci sono due concetti in questo linguaggio: elemento e tag.

Un tag di apertura e chiusura vengono utilizzati per indicare dove inizia e finisce questo elemento. Sembra così.

<открывающий тег>contenuto

Come puoi vedere, l'unica differenza tra il tag di apertura e quello di chiusura è "/".

L'intero documento HTML è una raccolta di questi elementi. Esistono determinati requisiti per la struttura del documento. Tutto il contenuto della pagina deve essere compreso tra due tag E. Quando scrivi il codice, prendi l'abitudine di includere immediatamente un tag di apertura e chiusura.

Ricorda inoltre che la struttura del linguaggio HTML ha una propria gerarchia. Altrimenti si chiama nidificazione. è il più importante, poiché tutti gli altri sono al suo interno.

L'HTML ha due elementi figli:

  • ... ;
  • .. .

Il blocco HEAD indica varie informazioni di servizio. Queste informazioni non vengono visualizzate nel browser. Ad esempio, istruzioni per sviluppatori, per qualsiasi programma, per robot e molto altro.

La cosa più importante è che non ci sono contenuti qui.

La sezione BODY specifica il contenuto del documento che verrà visualizzato all'utente.

Impara a creare immediatamente tag aperti e chiusi, poiché possono esserci 10 elementi nidificati. Inoltre, per comodità, si consiglia di rientrare i tag nidificati. Ad esempio, così.

Questo viene fatto in modo che i tag di pari importanza siano sullo stesso livello e i tag secondari siano "dentro". Ciò rende molto più semplice comprendere e trovare la parte di codice giusta. Altrimenti potresti confonderti. Ma per risparmiare spazio, il corpo stesso può essere realizzato senza rientranze. Questo viene fatto in modo che tutti gli altri non abbiano un rientro aggiuntivo. È consigliabile separare tutto il resto.

Come creare una semplice pagina HTML

Per scrivere codice è necessario un qualche tipo di editor. Ce ne sono molti. Quelli più popolari sono Notepad++ e Adobe Dreamweaver. Puoi anche usare un blocco note.

Ecco come appare l'editor Notepad++.

Questo è un editor molto conveniente e allo stesso tempo gratuito. Quella sopra Adobe Dreamweaver è una versione a pagamento. La differenza tra gli editor progettati per la scrittura e un blocco note è che vengono evidenziati i tag speciali. Se non è evidenziato, significa che l'hai scritto in modo errato.

Affinché la retroilluminazione corrisponda alla lingua, è necessario specificarla nelle impostazioni.

Diamo un'occhiata a come creare una pagina HTML nel Blocco note. Terminiamo cioè la parte tecnica e poi passiamo direttamente allo studio dei tag.

Come creare una pagina Web nel blocco note HTML

Per iniziare, apri il Blocco note.

Digita quindi quanto indicato nello screenshot seguente.

Abituati a scrivere con le mani invece di limitarti a copiare. Quando scrivi con le mani, è meglio ricordare l'intera base del tag.

Successivamente, puoi aprire il file in un browser e ammirare il risultato. Ora dovresti capire come creare una pagina web in un blocco note HTML.

Consorzio Mondiale W3C

Esiste un'organizzazione chiamata W3C, che sviluppa e implementa tutti gli standard per Internet. Tutti i browser aderiscono a questi standard ed elaborano il markup della pagina (codice) secondo queste regole.

Sul sito ufficiale degli sviluppatori del linguaggio HTML puoi trovare una tabella con tutti i tag e le regole per il loro utilizzo. In questo articolo consideriamo quelli più basilari.

Potresti pensare, quali potrebbero essere le regole? Tutti i tag descritti hanno la propria raccomandazione. Ce ne sono diversi:

  • Etichetta opzionale.
  • Vietato.
  • Etichetta vuota.
  • Obsoleto
  • Perduto.

Tag in HTML

Prima di creare una pagina HTML, devi capire cosa dovrebbe essere nella parte di servizio HEAD.

L'area HEAD contiene sia i tag obbligatori che quelli facoltativi. Il tag richiesto è il titolo. È designato Intestazione. Viene assegnato all'intero documento. E cosa vedi nei risultati di ricerca Sistema Google, è il tag del titolo.

Passiamo alla sezione CORPO. Ci sono elementi che vengono visualizzati nel browser e altri che non lo sono. Ad esempio, i commenti non vengono visualizzati all'utente. Possono essere utilizzati per prendere appunti o per dare suggerimenti ad altri dipendenti se si lavora in gruppo.

Sono designati come

Tutto nel mezzo, è considerato tale dal programma. Tieni presente che non puoi annidare un tag di commento all'interno di un altro tag di commento. Perché una volta aperto.

Un esempio di tale nidificazione:

continuazione del primo commento -->

Il risultato nel browser sarà il seguente

continuazione del primo commento -->

Ecco un pezzo non sarà visibile. Secondo cartellino di apertura