Créer une page web

darksidious -  
darksidious38302 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, j'ai un devoir pour les cours il me faut créer une page web j'aurai besoin d'aide voici les consignes :
Vous devez réaliser une page HTML / CSS contenant tout ce qui suit:
- Un titre de page;
- une liste à puces;
- un fond en couleur;
- un lien vers une page web externe;
- une image positionnée sur la droite redimensionnée aux dimensions 200x100 pixels;
- une vidéo;
- un lien de bas de page qui renvoie au haut de page;
- un paragraphe conséquent avec des morceaux de texte en gras, d'autres en italiques, d'autres avec une police plus grande;
- une balise div dont le style est élargi différent du reste de la page et défini dans le fichier de style CSS; cette balise contiendra du texte.
- une image avec lien vers une autre page en rapport.

Ceci est le minimum demandé, vous pouvez faire plus et mieux.
L'aspect esthétique de la page n'est pas pris en compte dans la notation (la page peut être moche).
TOUT LE CONTENU DOIT ÊTRE NEUTRE. (contenu = texte & liens & images & vidéos)

Travail à déposer au plus tard le vendredi 20 décembre.



Configuration: Windows / Chrome 79.0.3945.88
A voir également:

2 réponses

Réponse 1 / 2
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour
Oui et ?
Sur quoi bloque tu ?
Qu'as tu essayé de faire ?

Pour rappel : ici nous ne faisons pas le travail à votre place....
https://www.commentcamarche.net/infos/25899-demander-de-l-aide-pour-vos-exercices-sur-ccm/

1
darksidious38302 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
je bloque principalement sur l'écriture en italique puis une police plus grande etc un lien qui remonte en haut de la page et j'ai réussi a faire la balise div mais je ne sais pas comment élargir le style différemment du reste de la page.
Merci d'avance
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > darksidious38302 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
Sans montrer le code que tu as réalisé il sera impossible à quiconque de te répondre.

Nb: Pense à utiliser les balises de code pour poster ton code sur le forum
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
0
darksidious38302 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
J'ai réussi le reste.
0
Réponse 2 / 2
darksidious38302 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
ok voici le code il est un peu long et désordonné : 

 <!DOCTYPE html>
<html>
  <head>
  <meta charset="utf=8">
    <meta name="viewport"
    content="width=device-width">
    <link href="style.css" rel="stylesheet"
    type="text/css" />
  </head>
  <body>
    <h2> bienvenue sur ma page html </h2>
     <h3> normalement vous trouverez ici tout ce que le prof a demandé <h3>
    <div id = "mabalise"
   background-color:#ff2525 <br/>
    Voici ma balise colorée <br/>
   </div> </br> 
   <div id = "mabalisese"
   background-color:#ff2525<br/>
    voici la 2 eme balise colorée cette fois en bleu 
   </div> </br> 
   <iframe width="450" height="315" src="https://www.youtube.com/embed/gT6rKlr3o-8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </br>
  
   <p align="center"><strong> <marquee behavior="alternate" scrollamount="1" scrolldelay="1" loop="-1" width="300"align="center"><font color="#FFFF66">alterner gauche droite</font></a></marquee></strong>

<p align="center"><marquee behavior="scroll" direction="right" scrollamount="2">
<font color="#CC3300">... <em>defilement vers la droite </em></font></a></marquee></p>

<p align="center"><marquee behavior="scroll" direction="left" scrollamount="2">
<font color="#CC3300"><em>defilement vers la gauche</em>...</font></a></marquee></p>

<p align="center"><marquee behavior="scroll" direction="down" scrollamount="2">
<font color="#CC3300">... <em>defilement vers le bas </em>...</font></a></marquee></p>

<p align="center"><marquee behavior="scroll" direction="up" scrollamount="2">
<font color="#CC3300">...<em>defilement vers le haut</em>...</font></a></marquee></p>


   <img 
   src="https://www.pausecafein.fr/images/cafein/2017/06/7-legendes-bac/note-20-20-copie.jpg"height="200" width="100" align=right></A> 
   <img
   src="https://lezebre.lu/images/detailed/15/18973-sticker-auto-fleche-de-remorquage.png""height="200" width="280"align=right> </A>
   <br/> <br/><br/> <br/> <br/> <br/> <br/> ma note.... <br/> <br/> <br/>
   
   
   <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>  <br/> <br/><a href="https://www.rrrgggbbb.com/"> mon lien vers un site pour les graphistes et codeurs</a>
    <h1>Comment faire des pates</h1> <!afin de survivre>

<h2>Les étapes</h2>
<ul>
  <li> 1. aller au supermarché achter des pates cancerigène</li>
  <li>2. faire cuire les pates une dizaine de minutes dans une casserole d'eau avec de l'huile et du sel</li>
  <li>3. Les essorer dans une passoire</li>
  <li>4. mettre dans une assiette et déguster</li>
  <li>5. mourir d'un cancer 3 ans après car les pâtes étaient composées de 0,7 de pesticides (clin d'oeil au cours de maths sur les pourcentages)</li> 
  bg color525
<p from Tkinter import *
import time
class App:
    def __init__(self, master):
        self.slogan = Button(command=self.change)
        self.slogan.pack()

    def change(self):
        self.slogan.configure(bg = 'red')
        time.sleep(1)
        self.slogan.configure(bg = 'blue')

root = Tk()
app = App(root)
root.mainloop() </p>
   
   
    </body>
</html>
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
- La balise marqueeest obsolete
https://developer.mozilla.org/fr/docs/Web/HTML/Element/marquee

- Tu ne nous as pas donné ton code css... et c'est pourtant là que se trouve ta difficulté d'après ce que tu nous indiques
Tu dois donc faire :

une balise div dont le style est élargi différent du reste de la page et défini dans le fichier de style CSS; cette balise contiendra du texte.

Cette div devra être identifiée soit par un id et/ou une class css.

Et dans ton fichier de style, il faudra changer le style de la div
comme sa largeur par exemple
https://www.w3schools.com/css/css_max-width.asp


tu pourras également gérer (via des class ou des id) les demandes concernant

un paragraphe conséquent avec des morceaux de texte en gras, d'autres en italiques, d'autres avec une police plus grande;

Pour modifier la taille de la police :
https://developer.mozilla.org/fr/docs/Web/CSS/font-size
Pour le style, gras, italic...
https://css-tricks.com/almanac/properties/f/font-style/

et pour générer du contenu, tu peux faire du lorem ipsum
https://www.webfx.com/web-design/html-ipsum/
0
darksidious38302 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   > jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention  
 
Merci beaucoup ;)
0