Ben tornato.
Costruiamo il nostro primo sito web.
Ora, ho già creato una cartella chiamata Web Server perché questo sarà il nostro server Web per
ora, e all'interno di questo server Web, abbiamo un file HTML indice, che sarà l'estensione per la creazione di un
file HTML.
Abbiamo lo script James, che è l'estensione per scrivere JavaScript, proprio come abbiamo DCPI per scrivere
Python, e poi abbiamo l'accesso allo stile per scrivere Kestrels.
Ora, in questa sezione, utilizzerò il testo sublime e il mio terminale di termine, ma puoi utilizzare qualsiasi strumento
di sviluppo desideri.
Mi piace usare questi solo per le registrazioni dello schermo.
Aiutano perché, beh, è bello e pulito.
Non mi dà troppi suggerimenti in modo che possa anche commettere errori e mostrarti mentre commetto errori come
li risolvo.
Ma ancora una volta, puoi usare il codice di Visual Studio, qualunque cosa tu preferisca.
Ora vedi qui che tutti questi file sono vuoti.
Ma ricorda, un server Web fornisce semplicemente questi tre file a un browser in modo che il browser possa visualizzare la
pagina.
Quindi iniziamo con ASML, come scriviamo Aoshima?
Bene, il testo sublime in realtà mi consente di fare qualcosa di interessante qui se digito HTML e poi premo la scheda.
Lo riempie automaticamente per me.
Va bene, va bene, ti ho tradito, ma, ehi, non voglio annoiarti a morte.
Quindi questo è un file e-mail standard, perché ho l'estensione e-mail, se ho questo tipo di sintassi, posso scrivere
e-mail e non è così difficile.
Abbiamo l'imposta di apertura e l'imposta di chiusura con la barra rovesciata qui.
Quindi abbiamo il capo del sito web con un titolo.
Quindi questo è ciò che appare nella scheda.
Quindi diciamo il mio.
Sito web.
Molto creativo.
Quindi questa è la testa e poi il corpo, questo è ciò che viene visualizzato su un sito web.
Quindi qui dentro posso dire di essere un web master.
Proprio così, e abbiamo creato il nostro alpha ora controlla questo, se ora apro index, non a. m. se ho ragione.
Fai clic qui e diciamo apri nella tua finestra o puoi anche semplicemente andare e fare doppio clic su questo file.
Quindi, se faccio doppio clic su questo, guarda quello.
Sono un webmaster.
Solo testo semplice, niente di troppo folle, ma ho appena creato il mio primo sito web.
Continuiamo con la CNN.
Il successo ha una sintassi diversa dal successo, la sintassi va in questo modo, possiamo dargli quale elemento ASML vogliamo
aggiungere uno stile nel nostro caso, diciamo body.
E posso dire corpo, poi parentesi graffe, e qui voglio avere uno sfondo, diciamo colore e
andiamo con Hmm.
Andiamo con il verde.
Se salvo questo.
E aggiorno la pagina.
Hmm, non è successo niente, e questo è un piccolo dettaglio che, ancora una volta, non è un corso di sviluppo
web, quindi non dobbiamo preoccuparci troppo.
Ma essenzialmente la prima cosa che accade è che il file HMO viene inviato e il file HMO è in
realtà l'unica cosa che viene letta dal browser.
Quindi all'interno del file HMO, devo dire, ehi, HMO, a proposito, abbiamo anche un successo, puoi usarlo anche
nel sito Web in modo che possiamo farlo nell'hashtag?
Usando qualcosa chiamato tag di collegamento.
Quindi un tag di collegamento, possiamo effettivamente rimuovere parte di questo, dobbiamo semplicemente dire, ehi, è un tipo di testo di
successo e ha qualcosa chiamato HSF che dice semplicemente, ehi, dove si trova questo file nel nostro caso, perché
è in la stessa cartella del nostro indice HMO, possiamo semplicemente dire che è style dot access perché, beh, cerca solo l'accesso Soldats ed
è lì che si trova il file di stile.
E ora, se ricordi, avevamo anche il foglio di stile delle relazioni che dobbiamo includere.
L'ho appena rimosso in modo che possiamo vedere cosa stavamo scrivendo qui.
Quindi, se facciamo il foglio di stile e questo è solo qualcosa, una sintassi a cui devi abituarti se vuoi
includere il file di accesso.
Se salvo questo e torno indietro e aggiorno.
Ehi, guarda quello, il mio brutto sito web, e rendiamolo un po' più grande, il mio brutto sito
web con uno sfondo verde ora ha delle cose se apro di nuovo gli strumenti di sviluppo.
E ho premuto Aggiorna.
Guarda, ottengo un file HMO e un successo.
Stupendo.
Quindi ho appena creato il mio server Web, giusto?
Potremmo anche scrivere JavaScript qui.
Ma ancora una volta, questo è un corso JavaScript, quindi non dobbiamo preoccuparcene in questo caso.
Ecco qui.
Ho appena scritto un po' di JavaScript, che è un po' come scrivere print in Python se aggiorno la pagina ancora una
volta.
Ancora una volta, il file JavaScript non viene visualizzato perché, beh, dobbiamo, ancora una volta, dire all'HTML indicizzato
che abbiamo bisogno di un file JavaScript e di solito i file JavaScript sono contenuti in un tag script, di solito nella parte
inferiore del corpo.
Quindi chiudiamolo.
E poi qui dentro, invece di usare il riferimento, dobbiamo solo dire SIRC per sorgente.
E poi ancora una volta, dov'è il file JavaScript?
È quel copione.
Quindi se salvo questo e aggiorno la pagina.
Guarda, ora stiamo caricando questo file di script e tutto ciò che fa è che se clicchiamo sulla scheda della
console, ecco fatto.
Ha stampato qualcosa nella console e la console è qualcosa che usa JavaScript.
Ma tutto ciò che ci interessa è che siamo in grado di servire questi tre file.
Quello che abbiamo fatto è stato creare il nostro primissimo server.
Ma potresti aver notato qualcosa.
Quando sei salito qui.
Guarda il percorso dell'URL che abbiamo, non è quello che di solito digiti in un sito web, giusto?
Voglio dire, abbiamo visto che il sito web qui, dot dotcom, beh, ha il punto com che usa http.
È un vero URL, giusto?
Bene, mi dispiace dirti che non abbiamo effettivamente creato un vero server Web perché tutto ciò che abbiamo
fatto è stato servire al browser alcuni file da, come puoi vedere, dal nostro computer.
Quindi tutto ciò che fa è il browser che dice, ehi, mostrerò questi file che si trovano proprio qui sul
tuo computer.
Quindi, essenzialmente, abbiamo un server Web che esegue anche un browser, ma non è così che funziona la vita reale.
Perché dovrebbe essere?
Bene, immagina se avessi il tuo sito web.
Vuoi davvero che persone da tutto il mondo accedano al tuo sito web direttamente dal tuo
computer, prelevando i file dal tuo computer?
Voglio dire, no, giusto.
Ci sono molti problemi di sicurezza.
Ci sono molti problemi con le prestazioni.
Devi tenere il tuo laptop acceso per tutto il tempo in modo che le persone possano accedere al tuo sito web.
Invece, vogliamo un server Web che, come suggerisce il nome, file seri ed è specializzato nel servire i
file ai browser.
Da qualche parte nel mondo di cui non devo preoccuparmi.
Non è sul mio computer.
Qualcuno possiede quella macchina, qualcuno possiede quel computer, ed è sempre acceso in modo che ogni volta
che visitiamo un sito Web o un collegamento, sarà sempre in esecuzione e invierà quei file.
Quindi finalmente torneremo a Python qui, perché quello che vogliamo fare è fare qualcosa di più
sofisticato che avere questi file sulla nostra macchina.
Invece, vogliamo costruire un vero server usando Python che possiamo distribuire in modo che le persone possano accedere al nostro sito Web in
qualsiasi parte del mondo.
Ora, potresti essere ancora confuso, l'intero processo potrebbe non avere completamente senso per te perché siamo
solo all'inizio.
Ma non preoccuparti, alla fine tutto avrà un senso.
Quindi per ora dimentichiamoci del browser e passiamo alla costruzione di un vero server, qualcosa di più sofisticato di quello che abbiamo fatto fino
ad ora, che è solo una cartella con questi tre file e facciamo doppio clic
su Indexed.
Ci vediamo nel prossimo video.
Ciao ciao.