Comment faire un portefeuille photographique Avec HTML

July 6

Comment faire un portefeuille photographique Avec HTML


Si vous êtes un photographe et avoir un site web d'envisager de faire une page portfolio photographique de sorte que vous pouvez obtenir une exposition maximale pour votre travail. Cette collection d'images montre aux visiteurs vos images passées et présentes et donne aux gens la possibilité de voir vos talents. HyperText Markup Language (HTML) vous donne la possibilité d'afficher vos photos sur le Web. Utilisez votre logiciel de l'éditeur de texte pour entrer le code HTML qui rend un portefeuille photographique de base.

Instructions

1 Connectez-vous à votre compte hôte Web. Téléchargez les fichiers image que vous affichez dans votre portefeuille photographique dans le même dossier contenant le fichier d'index principal de votre site.

2 Lancez votre logiciel éditeur de texte et de créer une nouvelle page ou mettre en place un document existant où vous souhaitez créer votre portefeuille photographique. Placez votre curseur après l'ouverture balise <body>. Si votre éditeur ne fournit pas automatiquement le code de base de page HTML, entrez les informations suivantes:
<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>

3 Tapez "<h1> </ h1>" tags et entrez votre nom entre ces éléments comme celui-ci:
<H1> Votre nom </ h1>

4 Entrez "<div style =" "> </ div>" éléments et placez votre curseur entre les guillemets de l'attribut style. Tapez "float: left;" pour aligner votre portefeuille sur le côté gauche de la page et activer vos images pour afficher en rangées horizontales. De plus, entrez "padding:" et tapez une valeur numérique en pixels pour déterminer la quantité d'espace apparaît entre chaque image. Illustrer:
<Div style = "float: left; padding: 5px;">
</ Div>

5 Tapez "<img src =" "alt =" "/>" entre les balises div et entrez votre image nom de fichier après l'attribut src et une description de votre photo après l'attribut alt. Répétez ce processus pour afficher autant d'images que vous le souhaitez. Par exemple:
<Img src = "photo1.jpg" alt = "Description de la photo 1" />
<Img src = "photo2.jpg" alt = "Description de la photo 2" />
<Img src = "photo3.jpg" alt = "Description de la photo 3" />

6 Enregistrez votre fichier. Votre code HTML complet ressemble maintenant à cet exemple:
<Html>
<Head>
</ Head>
<Body>
<Div style = "float: left; padding: 5px;">
<Img src = "photo1.jpg" alt = "Description de la photo 1" />
<Img src = "photo2.jpg" alt = "Description de la photo 2" />
<Img src = "photo3.jpg" alt = "Description de la photo 3" />
</ Div>
</ Body>
</ Html>

7 Aperçu de votre travail dans un navigateur Web. Lorsque vous êtes prêt, télécharger votre document à votre hôte pour publier le portefeuille.


          

Post a comment: