Vendredi 18 décembre 2009 5 18 /12 /Déc /2009 15:38
1- la construction d'une feuille de style est le fait celle-ci est un fichier en texte pure avec une extension CSS. Cette feuille de style contient les règles de mise en forme que l'on souhaite mettre dans notre site ou autre. "nage" permet de créer une forme de style. Cela signifit que tous les textes correspondant au style "nage" auront les mêmes caractèristiques.

2- la mise en forme concernant la police et la couleur de police: il faut dans un premier temps insérer "font-size" et dans un second temps mettre la taille en em sachant que cela fait référence à la taille de body. De plus, pour que la police soit en gras, c'est : "font-weight:800" et pour qu'elle le soit en italique, c'est: "c&aposest font-style:italic". En ce qui concerne la couleur de la police, se sera: "color#... puis le code CSS".

3- pour la mise en forme du texte, il a fallu que j'utilise "text-align:center" pour que mon texte soit en style justifié mais aussi "text-indent:..." pour avoir un alinéa en début de chaque paragraphe. "padding-left:...px" et "padding-right:... px" permettent d'aligner un titre à gauche ou à droite. Sous presque la même forme, on aura "margin-left:...px" et "margin-right...px" pour mettre une marge à gauche ou à droite.

4- le fond de couleur attribué à notre page internet s'est fait grâce à "background-color:#... + la couleur choisie.

5- pour créer un menu avec des onglets, il faut dans un premier temps créer une boite contenant des onglets. Dans celle-ci, il faut renter les caractéristiques globales de la barre des onglets telles que:
- border-bottom pour le trait en-dessous des onglets.
- padding-top pour la marge intérieure haute.
- padding-bottom pour la marge intérieure basse.

6- concernant l'onglets actif et les onglets inactifs: il a fallu créer un style pour la mise en forme de l'onglet actif en utilisant:
- border-bottom pour le trait en-dessous de l'onglet actif.
- margin pour les marges inférieures de celui-ci.
- padding pour les marges extérieures de ce dernier.
- background-color pour la couleur de fond de cet onglet.

et pour les onglets inactifs, j'ai utiliser:
- margin pour la marge extérieure de ceux-ci.
- padding pour la marge intérieure de ces onglets.
- border pour leur encadrement.

Pour finir, j'ai créer un autre style pour créer des liens dans les onglets inactifs en utilisant:
- background-color pour la couleur de fond.
- text-decoration pour avoir des liens soulignés ou non.

7- pour mettre en forme notre travail, j'ai dû utiliser des "listes". Dans un premier temps, j'ai utilisé des liste "ol" pour incorporer d'autres sous-parties et dans un second temps des listes "li".

8- pour faire apparaitre les accents sous HTML, il faut dans un premier temps aller sur internet dans "accents CSS et HTML" puis on va trouver un tableau où il y aura des codes comme par exemple:
- "à" = &agrave.
- "é" = &eacute.
- "è" = &egrave.
- "ê" = &ecirc...
Une fois que l'on a pris les codes qui nous intéresse, on retourne dans notre Notepad++ ou dans notre bloc-notes et on insère à la place des "?" les codes que l'on souhaite utiliser pour que les accents apparaissent correctement sur notre site.

9- pour insérer une photo, il faut aller dans notre Notepad++ ou dans notre bloc-notes et insérer:
<ul>
<img crc = "nom du fichier de l'image.jpg ou gif">
</ul>
Par bezaultmanon
Ecrire un commentaire - Voir les 0 commentaires
Vendredi 18 décembre 2009 5 18 /12 /Déc /2009 15:27
1- construction d'une feuille de style.
2- mise en forme CSS en ce qui concerne la police et la couleur de la police, la forme du texte,le fond d'une page.
3- création d'un menu avec des onglets.
4- les difficultés avec des onglets actifs et inactifs.
5- les liens dans les onglets inactifs.
6- la mise en place de liste.
7- la correction des accents.
8- la mise en place d'une photo.
Par bezaultmanon
Ecrire un commentaire - Voir les 0 commentaires
Lundi 12 octobre 2009 1 12 /10 /Oct /2009 11:00

Mon journal de bord doit se faire par thème et non par jour. Je dois en fonction des thèmes que j'ai choisi, expliquer ce que j'ai fait, les difficultés auxquelles j'ai été confrontée et comment j'ai réussi à les résoudre..................

Par bezaultmanon
Ecrire un commentaire - Voir les 0 commentaires
Lundi 5 octobre 2009 1 05 /10 /Oct /2009 11:47
J'ai choisi de créer un blog pour faire mon journal de bord car je n'avais jamais créer de blog. Nous avons appris à se servir de Microsoft Word en Licence 1 STAPS, de HTML et CSS en Licence 2 STAPS. De ce fait j'ai jugé bon pour mon expérince de créer un blog. Pour ma part, je trouve que c'est intéressant et plutôt ludique. J'ai choisi pour créer mon blog "over-blog.com" car pour créer ce dernier  tout était expliquer précisément et clairement. De ce fait je n'ai rencontré aucune difficulté à se sujet.
Par bezaultmanon
Ecrire un commentaire - Voir les 0 commentaires
Lundi 5 octobre 2009 1 05 /10 /Oct /2009 11:30

Pour mon journal de bords, j'ai créé un blog. J'ai créé mon blog grâce à "over-blog.com". Il a fallu que j'entre mon adresse e.mail et mon mot de passe. Ensuite pour créer ce blog, j'ai du mettre un nom d'auteur et l'adresse de mon blog. J'ai choisit de mettre mon blog dans la catégorie "divers". Par la suite , il a fallu que j'accepte les conditions d'utilisation puis j'ai cliqué sur "créer mon blog". Une fois cela réalisé, j'ai dû aller dans ma boite e.mail car "over-blog.com" m'a envoyé un mail pour que je puisse finir l'ouverture de mon blog. Dans cet e.mail., en bleu, il y avait écrit : "je comfirme l'ouverture de mon blog". Lorsque j'ai cliqué sur ce texte, une nouvelle page internet s'est ouverte. Dans cette derrière, il a fallu que je reconnaisse trois caractères dans un cadre puis j'ai "validé". Mon cblog est créé.
Pour la création de mon blog, je n'ai rencontré aucune difficultés car avec le site "over-blog.com" tout est expliqué correctement et précisément.

Pour aller sur mon blog, il faut aller sur internet, dans "Google" et taper "over-blog.com". Ensuite on va dans "overblog" puis en haut de la page à droite, on rentre notre adresse e.mail et notre mot de passe puis "ok". Une fois que je suis dans mon blog, je vais dans "publier" puis "article" et pour finr "écrire un nouvel article".

Une fois que j'ai écrit le texte, je descend en bas cette page et je clique sur "publier l'article".

Par bezaultmanon
Ecrire un commentaire - Voir les 0 commentaires

Présentation

Créer un Blog

Recherche

Calendrier

Février 2012
L M M J V S D
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29        
<< < > >>
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus