Page html simple

Mami Mehdi                Groupe 4                Projet DSB (Partie II)

Bah Moussa

L2 Miage

Pour cette 2eme partie de notre projet, nous avons élaborer un site internet exploitant nos données de la 1ére partie, il s’agit d’une page en XHTML représentant dans notre cas les différents mangas a dispositions.

Cette page dispose aussi de divers accès vers les autres ressources tel que : la DTD , le fichier XML,ainsi qu’une feuille CSS.

DTD :

Pour ce qui est de notre DTD elle est définie comme ceci :

(les mots surligné en jaune représente respectivement les éléments e1,e2 ainsi qu ‘une association, le mot surligné en vert foncé désigne l’élément description et montrer qu’il est facultatif, enfin, les mots surligné en vert claire représentes les attributs de « description » et son contenu .)

<!ELEMENT creer(ListMangas,ListAuthors)>

<!ELEMENT ListMangas(mangas+)

<!ELEMENT mangas(description ?)>

<!ELEMENT description(#PCDATA|url)*>

<!ELEMENT url(#PCDATA)>

<ATTLIST description auteur date #IMPLIED>

<!ATTLIST mangas id_mangas ID #REQUIRED

        name CDATA #IMPLIED

        date_parution CDATA #IMPLIED

        nbVolume CDATA #IMPLIED

        auteur CDATA #IMPLIED

        magasine_parution CDATA #IMPLIED >

<!ELEMENT ListAuthors(author*)>

<!ELEMENT author(a_dessiner)>

<!ATTLIST author id_auteur ID #REQUIRED

        name CDATA #IMPLIED

        age CDATA #IMPLIED>

<!ELEMENT a_dessiner EMPTY>

<!ATTLIST a_dessiner id_mangas IDREF #REQUIRED>

XML :

<?xml version="1.0" encoding="iso-8859-1"?>

<?xml-stylesheet href="test.css" type="text/css"?>

<!DOCTYPE projet SYSTEM "projet.dtd">

<creer>

        <ListMangas>

                <mangas id_mangas='1' name="saint seiya" date_parution='1986-10-11'        >

                        <description>

                                <url> Projet_xhtml.xhtml        </url>

                        </description>

                </mangas>

                <mangas id_mangas='2' name="jojo bizzard adventure" date_parution='1986-12-02' >

                        <description>

                                <url> https://myanimelist.net/      </url>

                        </description>

                </mangas>

                <mangas id_mangas='3' name="captain tsubasa" date_parution='1981-04-13'        >

                        <description>

                                <url> https://myanimelist.net/        </url>

                        </description>

                </mangas>

                <mangas id_mangas='4' name="fire force" date_parution='2015-09-23' >

                        <description>

                                <url> https://myanimelist.net/</url>

                        </description>

                </mangas>

                <mangas id_mangas='5' name="berserk" date_parution='1989-10-05' >

                        <description>

                                un manga de type dark fantasy

                        </description>

                </mangas>

        </ListMangas>

        <ListAuthors>

                <author id_author='1' name="Hirohiko Araki" age='60' >

                        <a_dessiner id_mangas='2'> </a_dessiner>

                </author>

        </ListAuthors>

</creer>

Pour ce fichier xml on représente plusieurs exemples d’applications de notre jeu de données, tout en respectant la DTD disponible ci-dessus .

CSS :

Pour notre feuilles CSS :

body {

        background: aqua;

        margin-right:auto;

}

h2{

        background: grey;

        margin-left:auto;

        margin-right:auto;

}

h3{

        margin-left:auto;

        margin-right:auto;

}

img{

        margin-right: 40%;

        margin-left: 40%;

        height: 50%;

        width: 20%;

}

ol {

        text-align: center;

        margin-right: 7%;

}

ol li{

        display: inline-block;

        margin-left: 5%;

}

pour le corps principal de la page  on insert un fond bleu ciel et une marge qui est déterminé automatiquement.

...