-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathconsignes-evaluation.html
143 lines (98 loc) · 6.68 KB
/
consignes-evaluation.html
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">
<TITLE>Consignes évaluation 2019-2020</TITLE>
<link type="text/css" rel="stylesheet" href="style-cours-TC-IUT2.css" />
</HEAD>
<BODY>
<TITLE>Consignes évaluation 2021-2022</TITLE>
<B>Rendu du site Web + dépliant + rapport</B>
<p>Il se fait via chamilo avant le lundi 3 janvier 2022 à 8H
<p>Il vous faut rendre un zip contenant : </p>
<p>1) le rapport en pdf - n'oubliez pas d'indiquez l'URL de votre site Web</p>
<p>2) le dépliant en pdf et</p>
<p>3) en odt (ie. format libreOffice)</p>
<p>Pour mémoire, les consignes des années précédantes : </p>
<H1>Dates d'évaluation </H1>
<UL>
<LI> TC21A : à définir
<LI> TC21B : à définir
<p> </p>
<LI> TC22A : à définir
<LI> TC22B : à définir
<p> </p>
<LI> TC23A : à définir
<LI> TC23B : à définir
<p> </p>
<LI> TC24A : à définir
<LI> TC24B : À définir
<p> </p>
<LI> TC25A : À définir
<LI> TC25B : À définir
</UL>
<p> L'heure de convocation individuelle se trouvera sur Chamilo ("TC CI2 - Technologie de l'Information et de la Communication 3" > "Documents" > "Convocations Évaluation Site Web TC21, TC22, TC23, TC24 et TC25") Merci de vérifier si votre nom se trouve dans la liste correspondante. </p>
<p> Pour info : la note de ce cours appartient au S4.
<H1>Evaluation du site web </H1>
<P>Vous devrez vous présenter le site web que vous avez crée + le dépliant (env. 7 min par personne, en indiquant du sujet de votre site, son contenu, les changements CSS que vous avez réalisés et le contenu du dépliant). Vous allez :
<UL>
<LI><P><B>Présenter le site web fini</B> </P></LI>
<LI><P><B>Montrer comment vous avez édité le site sur Weebly</B> </P></LI>
</UL>
Le jour de votre présentation, vous devrez rendre aussi :</P>
<UL>
<LI><P><B>Un document d'une dizaine de pages </B> expliquant <B>la conception de votre site</B>
Web grâce en particulier à des captures d'écran lisibles type avant/après ainsi que <B>la conception de votre dépliant</B> (objectifs des supports, conception pratique, difficultés, …). (Cf. "Cours 4") </P></LI>
<LI><P><B>Le dépliant sur papier qui permettra de présenter l'entreprise montrée dans votre site web</b> (Cours 3, Prochain TD)</P>
<H2>Dêpot de documents sur Chamilo </H2>
<P><b>Il y a 4 documents à déposer sur Chamilo : le dossier de conception (format .pdf et .odt) + dépliant (format .pdf et .odt) </b> Le dépôt sera à réaliser avant de venir pour votre soutenance ("TC CI2 - Technologies de l'Information et de la Communication 3" > "Travaux" > Séléctionner le groupe et la section à laquelle vous appartenez), et avant minuit, (exemple le groupe TC21A doit le rendre le mardi 04/12, le TC23B le mercredi 05/12, etc.) </P>
</UL>
<H1>Le site Web </H1>
<P> Vous devez
réaliser INDIVIDUELLEMENT un site Web sur la plateforme <A HREF="http://www.weebly.com/" target="blank">Weebly</A>
concernant une entreprise fictive. L'enterprise peut comprendre :</p>
<UL>
<LI>Vente des articles</LI>
<LI>Offre de services</LI>
<LI>Associations...</LI>
</UL>
<P>Pour votre site, il faudra : écrire le texte en parlant de l'entreprise, les services/produits proposés, séléctionner les images (pour chercher des images libres de droits, <A HREF="https://blog-fr.orson.io/top-12-des-banques-d-images-gratuites-et-libres-de-droits">regarder ici</A>, si aucune image ne vous convient, utiliser Google Image, en indiquant toujours à qui appartient la photo ou le site d'où elle a été prise. Dans le document explicatif, vous ajouterez une feuille annexe avec les url d'où vous avez pris les photos), organiser le site (pages, sous-pages..), ajouter des formulaires de contact si besoin, etc. Bref, il s'agit de développer la totalité du contenu du site. Ainsi, il est nécessaire de :</P>
<UL>
<LI>Séléctionner un modèle parmi ceux proposés par Weebly ;</LI>
<LI>Adapter et remplir ce modèle selon les besoins de votre enterprise.</LI>
</UL>
<H2>Début de la création du site web </H2>
<P>Pour commencer, il faut aller sur Weebly et sélectionner sur la page "Souhaitez-vous vendre des produits en ligne?" l'option "Pas maintenant" (Si vous voulez mettre une boutique pour vendre d'articles, une boutique peut être ajoutée plus tard)<P>
<H2>Edition du site web </H2>
<P>Une des consignes principales (et considérée pour l'évaluation) est l'adaptation du modèle séléctionné. Pour ce faire, il y a deux types d'édition à utiliser :<P>
<UL>
<LI>Utiliser les options proposées par Weebly ("Thème" > "options du police/options du thème", etc )</LI>
<LI>Adapter la source CSS. Cette dernière devient très utile lorsqu'il y a des petits changements que le format du thème ne prend pas en compte</LI>
</UL>
<H3>Edition du CSS</H3>
<P>Pour modifier le CSS sur Weebly:</P>
<UL>
<LI>Aller sur "Theme" et cliquer sur "Edition HTML/CSS"</LI>
</UL>
<P>Pour savoir ce qu'on veut modifier dans votre site:</P>
<UL>
<LI>Aller sur le site que vous êtes en train de créer (Cliquer sur "Publier" pour obtenir le lien)</LI>
<LI>Cliquer avec le bouton droit de la souris et séléctionner l'option "Examiner l'élément"</LI>
<LI>Survoler avec la souris la section "Inspecteur", trouver la partie de la page web à modifier et regarder au côté droit le CSS correspondant "Règles"</LI>
<LI>Identifier le nom du fichier où le code CSS de la section à modifier. Il se trouve à côté droit de la même section)</LI>
<LI>Retourner sur l'édition de votre site</LI>
<LI>Aller sur "Thème"> "Editer HTML/CSS"</LI>
<LI>Trouver le nom du fichier identifié sur "Règles"</LI>
<LI>Trouver la section du code à modifier</LI>
<LI>Modifier le code et publier (sauvegarde de changements)</LI>
</UL>
<P>OBLIGATOIRE : Un minimum de changements du type CSS à faire dans votre site, au plus de ceux faits avec les options données par Weebly</P>
<P>Attention I : Pensez à prendre des notes et des captures d'écran lorsque vous faites le site. Cela vous aidera à écrire le document qui expliquera la conception (Cf. "Evaluation du site web") <P>
<P>Attention II : Nous vous rappelons que les lois françaises s'appliquent et que vous seul êtes responsable du contenu de votre site.<P>
<H3>Sauvegarde des changements</H3>
<UL>
<LI>Cliquer sur "Publier" (Côté supérieur droit)</LI>
</UL>
<P><B> Pensez évidemment à inclure dans ces documents l'adresse de votre site Web</B></P>
</BODY>
</HTML>