Come creare il tuo sito web per un lavoro di classe

July 31

Come creare il tuo sito web per un lavoro di classe


creazione di siti web per un progetto di classe può essere una sfida per la maggior parte degli studenti a causa dei costi. creazione di pagine può essere eseguita in due modi: attraverso l'uso di un editor di testo libero o attraverso l'uso di costosi WYSIWYG (ciò che vedi è ciò che ottieni) soluzioni per la creazione pagina drag-and-drop. Le pagine devono quindi essere collocati su un server che può essere accessibile da Internet. Per la maggior parte degli studenti, in cui la mancanza di fondi è un problema, ci sono anche i piccoli servizi di hosting di pagina che possono essere utilizzati se il sito rimane solo un semplice, piccolo progetto.

istruzione

1 Creare un account con un basso costo o il fornitore di no-cost sito web hosting. Impostare un account con un provider di hosting che fornisce uno schermo sito web di amministrazione grafica cPanel e anche un (File Transfer Protocol) assegno di FTP, se possibile.

2 Creare una nuova cartella di file sul computer per memorizzare le pagine potrete scrivere per il sito web. Questo viene fatto attraverso l'utilizzo di uno strumento di gestione dei file. In Microsoft Windows, questo manager si chiama "Esplora risorse", e in sistemi Apple è chiamato "Finder". Dopo aver aperto uno di questi file manager, le unità disco e il contenuto delle directory può essere visualizzato. Ciascuno di questi programmi permettono la creazione di nuove cartelle nel punto desiderato. Assegnare alla cartella, se lo desideri.

3 Stabilire una gerarchia di directory di file all'interno della cartella che conterrà i dati per il sito web. Per un semplice progetto di classe, solo una cartella "Immagini" sarà probabilmente necessaria all'interno della cartella principale. Se l'istruttore vi vuole includere file audio o video sul sito web, creare una cartella "audio" e una cartella "Video" come bene. copie archivio di file audio nella cartella "audio" e le copie dei file video nella cartella "Video".

4 Aprire un editor di testo che è in grado di salvare normali file di testo (con estensione .txt alla fine). In Microsoft Windows, un editor chiamato "Blocco note" è incluso con il sistema operativo. Nel computer Apple, un editor chiamato "TextEdit" è incluso. Salvare il file vuoto nella cartella sito principale, chiamandolo "index.html" (non includere altri caratteri nel nome).

5 Digitare il modello HTML minima nell'editor di testo, che ora dovrebbe avere "index.html" caricato. Il minimo richiesto per qualificarsi come una pagina Web è la seguente: <html> <head> <title> Invio Site Title Qui </ title> </ head> <body> </ body> </ html>

Dopo aver inserito il codice HTML, salvare il file "index.html" ancora una volta.

6 Aggiungere tutte le informazioni desiderate alla pagina "index.html", che è la prima pagina che verrà caricata quando il vostro istruttore visita il tuo sito web. Se il vostro sito sarà solo una pagina, quindi inserire tutte le informazioni in questa pagina. Posizionare un titolo nella parte superiore della pagina, al centro, utilizzando i tag di intestazione HTML. Ci sono sei formati di testo di intestazione in HTML: <h1> per <h6>, con <h1> è il più grande e <h6> essendo la più piccola. L'intestazione deve essere posizionato come la prima linea tra i tag <body> e </ BODY> identificatori. Ad esempio: <center> <h2> Il mio Classe sito web del progetto </ h2> </ center>

7 Digitare il testo, la formattazione dei paragrafi, corsivo e grassetto, se necessario. È possibile formattare il testo con HTML "tag" simili ai tag di intestazione. Per un progetto di classe, sarebbe saggio da usare come molti di questi stili di formattazione come possibile. Questi tag sono attivate quando viene utilizzata alcuna barra e spenti quando si utilizza una barra. Per attivare il grassetto, è sufficiente utilizzare <b>, e per spegnerlo, utilizzare </ b>. Per attivare il corsivo, uso <i>, e per spegnerlo, usare </ i>. Utilizzare i tag di paragrafo per separare i paragrafi inserendo un <p> in cui è necessaria la separazione. tag di paragrafo non hanno bisogno di essere spento.

8 Inserire immagini nel sito, se necessario. In primo luogo, memorizzare l'immagine nella cartella "Immagini". Se l'immagine è intitolato "myimage.jpg", quindi nella pagina Web, utilizzare la seguente riga in cui si desidera l'immagine da visualizzare: <img e viene salvato come "aboutinstructor.html", quindi un link a quella pagina può essere posto sulla pagina come segue: <a href="aboutinstructor.html"> Circa il nostro istruttore </a>

I collegamenti devono essere posizionati nella parte superiore o nella parte inferiore della pagina principale. Per tutte le altre pagine, creare un link per prendere l'istruttore torna alla home page: <a href="index.html"> pagina </a>

10 Carica tutti i file nella cartella principale sito web al server che ospita si è scelto di ospitare il vostro sito web. Utilizzare l'utilità upload di file fornito dal web host (di solito in cPanel). Caricare i file .html nella directory principale del server. Carica l'intero "Images" directory nella directory principale, e fare lo stesso per tutte le altre directory, come ad esempio "Audio" e "Video".

11 Testare il sito web prima di inviarlo al docente. Utilizzare qualsiasi browser Web per controllare il layout, immagini e link. Quando tutti gli elementi sono per la vostra soddisfazione, fornire il proprio istruttore con l'indirizzo Web al tuo sito.

Consigli e avvertenze

  • È possibile creare collegamenti a file audio allo stesso modo si creano i link per altre pagine o immagini, consentendo l'istruttore (o un altro visitatore) di fare clic sul link per ascoltare. Dato un file audio denominato "myguitarsolo.wav" e salvato nella cartella "audio", il collegamento potrebbe apparire come: <a href="audio/myguitarsolo.wav"> Ascolta la mia chitarra solista </a>