October 9
Se sei un fotografo e avere un sito web in considerazione facendo una pagina portfolio fotografico in modo da poter ottenere la massima esposizione per il vostro lavoro. Questa raccolta di immagini mostra ai visitatori le immagini del passato e del presente e dà alle persone la capacità di vedere il tuo talento. HyperText Markup Language (HTML) ti dà la possibilità di visualizzare le immagini sul Web. Utilizzare il software editor di testo per inserire il codice HTML che fa un portfolio fotografico di base.
1 Accedi al tuo account host Web. Carica i file di immagine che si sta visualizzando nel vostro portafoglio fotografica nella stessa cartella contenente file di indice principale del tuo sito.
2 Avviare il software editor di testo e creare una nuova pagina o aprire un documento esistente in cui si desidera creare il tuo portfolio fotografico. Posizionare il cursore dopo l'apertura tag <body>. Se l'editor non fornisce automaticamente il codice di base pagina HTML, inserire il seguente:
<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>
3 Tipo "<h1> </ h1>" tag e inserire il proprio nome tra questi elementi come questo:
<H1> Il tuo nome </ h1>
4 Inserire "<div style =" "> </ div>" elementi e posizionare il cursore tra le citazioni segni della attributo style. Tipo "float: left;" per allineare il portafoglio sul lato sinistro della pagina e consentire le immagini da visualizzare in file orizzontali. Inoltre, digitare "padding:" e digitare un valore numerico in pixel per determinare la quantità di spazio tra ogni immagine viene visualizzata. Illustrare:
<Div style = "float: left; padding: 5px;">
</ Div>
5 Digitare "<img src =" "alt =" "/>" tra i tag div e immettere il nome del file di immagine dopo l'attributo src e una descrizione della foto dopo l'attributo alt. Ripetere questa procedura per visualizzare le immagini che si desidera. Per esempio:
<Img src = "photo1.jpg" alt = "Descrizione delle foto 1" />
<Img src = "photo2.jpg" alt = "Descrizione delle foto 2" />
<Img src = "photo3.jpg" alt = "Descrizione delle foto 3" />
6 Salvare il file. Il tuo codice HTML completo ora assomiglia a questo esempio:
<Html>
<Head>
</ Head>
<Body>
<Div style = "float: left; padding: 5px;">
<Img src = "photo1.jpg" alt = "Descrizione delle foto 1" />
<Img src = "photo2.jpg" alt = "Descrizione delle foto 2" />
<Img src = "photo3.jpg" alt = "Descrizione delle foto 3" />
</ Div>
</ Body>
</ Html>
7 L'anteprima del lavoro in un browser Web. Quando è pronto, caricare il documento per il vostro ospite di pubblicare il portafoglio.