Le document décrit le stage d'Anita Boom au sein de l'entreprise Annexe Développement, où elle a travaillé sur la création d'un site web pour un distributeur d'instruments scientifiques. Ses tâches incluaient la familiarisation avec WordPress et l'intégration de contenu en plusieurs langues, ainsi que l'optimisation pour les moteurs de recherche. L'entreprise utilise divers outils informatiques pour la conception et le développement de sites web et d'applications.

1. A.E.C. Gestiondes applications TI
Groupe 351
Stage en entreprise 420-PKG-SL

2. Anita Boom
Stage de 28 avril jusqu'à 23 mai 2014
30 heures par semaine

3. Entreprise :Annexe Développement
5600 Hochelaga #18
Montréal (Québec) H1N 3T1
514-831-7446
info@annexe-d.com
Superviseur : Marc Charbonneau

4. PRODUITS ET SERVICES
Leurs principaux produits et services sont
- la conception (analyse, requis,
guide de développement, wireframes)
- le développement (mobile, web,
expérienciel et terrain)
- l'opération (monitoring, statistiques,
formation, dashboard).

5. Organigramme de l'entreprise :
Le président
Un programmeur
Dans le même bureau on a deux autres
entreprises en informatique
(un président et 1-2 employés, un président et six employés)
qui souvent participent ensemble sur des projets diverses.
Tous travaillent dans le domaine de l'informatique.

6. Annexe Développement utilise WordPress,
DreamWeaver, PHP. Ils créent des sites web et
des applications du marketing sur Facebook etc.
J'ai obtenu un nouvel ordinateur sur lequel
j'ai installé Windows 7, WordPress et DreamWeaver

7. Mes tâches :
Semaine 1 : Me familiariser avec WordPress
Semaine 2-4 : Création d'un site web pour un distributeur
d'instruments scientifiques :
- 76 pages 'produit' en 3 langues
- 12 pages principales pour les produits
- 8 pages 'Industrie' en 3 langues
- Intégrer des images, catégories, SEO (search
engine optimization, l’optimisation pour les moteurs
de recherche – méta-données), écrire des code
en HTMLpour les tableaux, des liens entres les pages
et des ancres qui lient vers tous les produit de la même catégorie
en bas de la page.

8. Plateformes/logiciels utilisés :
WordPress (Création site web)
DreamWeaver (éditeur HTML)
GIMP (manipulation des photos)

9. Page d'accueil Laval Lab originale

10. Page d'accueil
nouvelle

11. WordPress - Liste des produits – pour choisir les pages produits à éditer

12. WordPress -
Page produit
Mode éditeur

13. WordPress -
Page produit
Mode web

14. Exemple de code tableau :
<p style="margin-bottom:0;"><span style="font-family:Arial,serif;">
<span style="font-size: medium;"><b>Ultrasonic Cleaner S300 4 x 8'' screen / 200 mm</b></span></span></p>
<table width= ''100%''>
<tbody>
<tr>
<td width=''25%''>
<p style="margin-bottom:0;"><img class=" wp-image-3639 alignleft" alt="Ultrasonic_Sieve_Cleaner_28_litres"
src="http://lavallab.annexeps.com/wp-content/uploads/2014/05/Ultrasonic_Sieve_Cleaner_28_litres.png"
width="240" height="212" /></p>
</td>
<td width="70%" style=padding-left:''5%'''>
<ul>
<li>Accepts up to 4 sieve 8'' or 200mm</li>
<li>Stainless steel tank with drain</li>
<li>Capacity 28 liters</li>
<li>Must be equipped with a cart or the rotary support SRH 4/200</li>
<li>Available in 100-120 or 220-230V</li>
</ul>
</td>
</tr>
</tbody>
</table>

15. Comment le code est affiché sur la page :

16. Code anchor-link :
En haut de la page:
<p style="text-align: left;">
<a href="#rechercheProduits">Cliquez ici pour découvrir nos produits.
</a> </p>
En bas de la page:
<a id="rechercheProduits"></a>
[product_category category="analyseurs-de-potentiels-zeta"
per_page="12" columns="4" orderby="date" order="desc"]

17. Comment ça fonctionne sur la page :

18. Comment ça fonctionne sur la page (suite):