CHAPITRE UN

1.0 Introduction

Ce chapitre présente le rapport SIWES et cela se fait sous les sous-titres suivants :

i. Présentation de SIWES
ii. À propos de SIWES
iii. Une brève histoire de SIWES
iv. But et objectifs de SIWES
v. Rôle d'un étudiant pendant SIWES
vi. Objectifs du rapport
vii. Le journal de bord

1.1 Bref historique de SIWES

SIWES est l'un de ces programmes visant à combler le fossé entre ce qui est enseigné et ce qui
est finalement connu par les étudiants. SIWES est l'acronyme de Student' Industrial Work
Experience Scheme. Il s'agit d'un programme de développement des compétences conçu pour
préparer les étudiants des établissements d'enseignement supérieur tels que les universités, les
écoles polytechniques, monotechniques et les collèges d'éducation à la transition de
l'environnement collégial au monde du travail. Il a été créé par le Fonds de formation industrielle
(ITF) en 1973 avec son siège à Jos Nigeria. Il vise à permettre aux étudiants des établissements
d'enseignement supérieur du Nigéria d'acquérir des compétences techniques et une expérience de
développement professionnel au cours de leur programme d'études, car il comble le fossé entre la
théorie et la pratique. Il s’agit du programme de formation professionnelle accepté dans les
établissements d’enseignement supérieur nigérians qui fait partie des exigences académiques
approuvées dans divers programmes d’études. Il permet aux étudiants d'acquérir des
compétences techniques et une expérience pour se développer professionnellement dans leurs
études. Avant la création du programme, les industriels nigérians s'inquiétaient de plus en plus
du fait que les diplômés des établissements d'enseignement supérieur manquaient de l'expérience
pratique adéquate nécessaire pour trouver un emploi. Ainsi, les employeurs pensaient que
l’enseignement théorique dispensé par les établissements supérieurs ne répondait pas aux besoins
de l’économie. C'est dans ce contexte que le Fonds, au cours de ses années de formation, a
introduit SIWES pour offrir aux étudiants la possibilité de se familiariser avec les équipements et

1
machines de manutention dans l'industrie afin de leur permettre d'acquérir des connaissances et
des compétences pratiques préalables.

Le programme a débuté en 1974 dans 11 établissements d'enseignement supérieur avec 784

participants. En 1978, sa portée s'est élargie pour atteindre environ 5 000 participants provenant
de 32 institutions différentes du pays (Ojokuku et al, 2015). Il s'agit d'un programme tripartite
impliquant les étudiants et les employeurs. Il est financé par le gouvernement fédéral et
coordonné conjointement par le Fonds de formation industrielle (ITF) et la Commission
nationale des universités (NUC).

i. Offrir aux étudiants des universités nigérianes la possibilité d'acquérir des compétences
et une expérience industrielles au cours de leurs études ;
ii. Préparer les étudiants à la situation de travail qu’ils sont susceptibles de rencontrer
après l’obtention de leur diplôme ;
iii. Exposer les étudiants à des méthodes et techniques de travail de manutention
d'équipements et de machines qui peuvent ne pas être disponibles dans leurs
universités ;
iv. Faciliter la phase de transition de l'école vers le monde du travail et faciliter les
contacts des étudiants pour des stages ultérieurs ;
v. Donner aux étudiants la possibilité d'appliquer leurs connaissances théoriques dans des
situations de travail réelles, comblant ainsi le fossé entre la théorie et la pratique.

1.2 But et objectifs de SIWES

Le programme vise à combler le fossé existant entre la théorie et la pratique des sciences, de
l'agriculture, des sciences médicales (y compris les soins infirmiers), de l'ingénierie et de la
technologie, de la gestion et des technologies de l'information et de la communication et d'autres
programmes de formation professionnelle dans les établissements d'enseignement supérieur
nigérians.

Les objectifs spécifiques du SIWES ont été résumés par le gouvernement fédéral comme suit :

2
 i. Offrir aux étudiants la possibilité d’appliquer leurs connaissances dans un travail réel et
dans la pratique réelle.
ii. Faciliter la transition de l'école au monde du travail et améliorer les contacts des étudiants
en vue d'un placement ultérieur.
iii. Aider les étudiants à acquérir des compétences pratiques pour renforcer leurs valeurs
professionnelles.
iv. Aider les étudiants à acquérir des compétences interpersonnelles et entrepreneuriales et à
leur inculquer le bon type d'attitudes de travail et de professionnalisme grâce à des
interactions avec les personnes dans les organisations et à l'observation de leur futur rôle.
1.3 Rôles des étudiants pendant SIWES
Les rôles des étudiants sont :
i. Participez au programme d’orientation SIWES avant de poursuivre une formation
industrielle.
ii. Être régulier et ponctuel sur les lieux de rattachement industriel respectifs
iii. Éviter tout changement unilatéral de lieu de rattachement, sauf circonstances
particulières et uniquement avec l'autorisation/approbation du coordinateur SIWES de
l'établissement et du
Employeur.
iv. Se conformer aux règles et règlements des employeurs
v. Tenir des registres appropriés des activités de formation et autres tâches dans les
journaux de bord
vi. Organiser son propre logement pendant la période de détachement
vii. Soumettre à l'ITF, par l'intermédiaire de l'institution. le formulaire d'évaluation
(formulaire ITF 8) est dûment complété par l'étudiant, l'employeur et l'établissement.
viii. Soumettre les journaux de bord, les rapports et autres documents SIWES requis par le
établissements à la fin du programme de formation.
ix. Soyez diligent. honnête et consciencieux dans toutes les activités
x. Protéger et sauvegarder les biens de l'employeur tout au long de la formation.

1.4 Objectifs du rapport

Le document de politique n° 1 de 1973 du Fonds de formation industrielle (ITF, 1973), qui a
créé le SIWES, décrivait les objectifs du programme. Les objectifs sont de :
i. Offrir aux étudiants des établissements d’enseignement supérieur la possibilité
d’acquérir des compétences et une expérience industrielles au cours de leurs études ;
ii. Préparer les étudiants aux situations de travail industriel qu'ils sont susceptibles de
rencontrer après l'obtention de leur diplôme ;

3
 iii. Exposer les étudiants à des méthodes et techniques de travail de manutention
d'équipements et de machines qui peuvent ne pas être disponibles dans leurs
établissements ;
iv. Faciliter la transition de l'école au monde du travail et améliorer les contacts des
étudiants pour des stages ultérieurs ;
v. Offrir aux étudiants la possibilité d’appliquer leurs connaissances pédagogiques dans
des situations de travail réelles, comblant ainsi le fossé entre la théorie et la pratique ;
vi. Enrôler et renforcer l'implication des employeurs dans l'ensemble du processus
éducatif grâce à SIWES.

1.5 Le journal de bord

Le journal de bord SIWES, également connu sous le nom de journal de formation industrielle
(informatique) ou journal de stage, est un livret d'enregistrement officiel, qui est délivré par
diverses universités, écoles polytechniques, collèges d'éducation, collèges de technologie,
collèges d'agriculture à leurs étudiants en stage pour enregistrer soigneusement et proprement.
notent leurs activités quotidiennes ou hebdomadaires, leurs projets, leurs travaux, etc. réalisés sur
leur lieu de travail.
Plus important encore, ce journal de bord contient généralement des informations de base sur
l'étudiant en informatique et sur l'entreprise dans laquelle l'étudiant doit avoir été rattaché pour la
formation. En outre, le journal de bord SIWES varie également et diffère selon les établissements
supérieurs, c'est-à-dire que les carnets de bord SIWES délivrés aux étudiants de l'IMSU peuvent
être différents de ceux délivrés à FUTO, UNN, ABSU, POLYNEKEDE, MADONNA,
UNIPORT, NOUN, LASU, ou même au Ghana, au Kenya, Étudiants américains ou indiens, etc.
Selon la ressource du projet Niger Delta Child Rights Watch (NDCRW) 2011, voici l’importance
du journal de bord SIWES :

i. Le journal de bord crée une manière systématique de gérer les cas.

ii. Le journal de bord garantit que toutes les informations requises sont enregistrées
logiquement.

4
 iii. Le journal de bord conserve les informations en un seul endroit, y compris les pièces
justificatives.
iv. Le journal de bord est un moyen de suivre les besoins des élèves et d'identifier la
meilleure façon de prendre soin d'eux.

CHAPITRE DEUX

2.0 Bref historique et contexte de la bibliothèque électronique Ibom

La bibliothèque électronique Ibom est une bibliothèque située à Uyo, dans l'État d'Akwa Ibom,
au Nigéria (bibliothèque électronique Ibom, 2012). Cette bibliothèque publique est la première
bibliothèque numérique d'Afrique de l'Ouest et l'une des plus grandes bibliothèques numériques
d'Afrique. Créé en 2012. L’édifice éducatif est conçu pour fournir des informations et des
services éducatifs de premier ordre, sur place et virtuellement. La bibliothèque électronique Ibom
n'est pas seulement connue pour sa conception architecturale, elle se vante d'un centre de
vidéoconférence multifonctionnel et de pointe utilisé pour les conférences et les sommets, d'un
centre d'apprentissage en ligne principalement conçu pour Formation aux TIC, centres de test en
ligne et entreprises de certification, salle de conseil/réunion à louer, espace de bureau à court
terme, vaste aire de jeux pour les enfants et la garderie, une classe intelligente et une unité de
reprographie, entre autres services.

5
Grâce à l'actuel partenariat public-privé (PPP) entre le gouvernement de l'État et HTG Limited,
cet édifice monumental continue de fournir des services technologiques éducatifs crédibles,
pratiques et abordables pour tous.

HTG Limited est un fournisseur exceptionnel de solutions commerciales qui s'appuie sur la
technologie pour proposer des solutions commerciales aux entreprises et aux organismes de
service public. Leurs valeurs fondamentales couvrent l'innovation, l'ingéniosité et la fourniture
de services de qualité avec le plus grand professionnalisme à leurs nombreux clients. Ils sont
fiers de leur éthique de travail et des nombreuses solutions qu’ils proposent constamment.

2.1 Organigramme de la bibliothèque électronique Ibom

L'organigramme de la bibliothèque électronique Ibom est représenté dans la figure 2.1.

DIRECTEUR GÉNÉRAL

(PDG)

DIRECTEUR GÉNÉRAL

CHEF DE L'ADMIN. OPÉRATION

6
 RESPONSABLE
DU DIRECTEUR DE
DÉVELOPPEMENT L'ÉTABLISSEMENT
DES AFFAIRES

MARKETEUR AGENT
REPRÉSENTANT
NUMÉRIQUE D'ENTRETIEN DES
CLIENT
INSTALLATIONS

Figure 2.1 : organigramme de la bibliothèque électronique Ibom

2.2 Précautions de l'établissement

Les précautions prises à la Bibliothèque visent à promouvoir l'utilisation judicieuse et équitable

des documents de la Bibliothèque pour la mutuelle des communautés étudiantes.

Il est toutefois rappelé aux étudiants que les précautions suivantes sont appliquées et qu'il est
demandé à tous de les respecter.

i. Personne ne sera autorisé à emprunter des livres ou tout autre article tant qu'ils n'auront
pas été correctement facturés.
ii. C'est une infraction très grave que de retirer/modifier/mutiler n'importe quelle partie d'un
livre ou d'un périodique.
iii. En quittant la bibliothèque, tous les usagers de la bibliothèque doivent remettre leur(s)
livre(s) et papiers au personnel de la bibliothèque à l'entrée pour contrôle.
iv. Les usagers de la bibliothèque ne doivent pas tenter de remettre des livres sur les
étagères. Une fois retiré des étagères, le livre doit être laissé sur les tables.
v. Aucune mallette ni sac à main ne sont autorisés dans la bibliothèque.
vi. Il est interdit de fumer, manger et boire dans la bibliothèque.
vii. Le silence doit être observé à tout moment dans et autour de la Bibliothèque.

7
viii. Faire du bruit, discuter en groupe, passer et répondre à des appels, crier dans la
bibliothèque, écouter de la musique sur les ordinateurs/combinés de la bibliothèque sont
strictement interdits.
ix. Les tables et chaises de lecture ne doivent pas être déplacées de leur position.
x. Les utilisateurs de la bibliothèque ne doivent pas réserver de places dans la bibliothèque.
Tout siège non occupé physiquement peut être utilisé par une autre personne.
xi. Il est conseillé aux usagers de la bibliothèque d'emporter leurs livres/articles personnels et
autres documents chaque fois qu'ils quittent la bibliothèque.
xii. Le défaut de restituer les livres à la date d'échéance (appelé retard) constitue une
infraction.
xiii. Vol de livres et mutilation sous quelque forme que ce soit (telle que la compression et le
pliage des documents de la bibliothèque, l'écriture, la dégradation et/ou le marquage, la
coloration, etc. (Ce sont toutes des infractions capitales selon les règles et règlements de
la bibliothèque)
xiv. Il est interdit de dissimuler ou de cacher des documents de la bibliothèque.
xv. Tout acte d'indiscipline envers un membre du personnel de la bibliothèque entraînera des
mesures disciplinaires sévères.

2.3 Urgence enregistrée

Aucune urgence n’a été enregistrée.

2.4 Équipements, machines, outils, appareils, etc. Utilisé dans la bibliothèque

électronique Ibom

2.4.1 Matériaux

Avec votre carte de bibliothèque, vous avez accès à des livres, des vidéos/DVD, des jeux vidéo,
des livres audio, des livres en gros caractères, des magazines, des journaux, des microfilms, des
livres électroniques et des CD de musique ainsi qu'au streaming audio/musique et des films/TV.

8
montre. S'ils ne le possèdent pas ou ne l'ont pas en rayon, ils peuvent réserver un exemplaire
d'une autre bibliothèque et l'emprunter pour les étudiants.

2.4.2 Équipements, machines

La bibliothèque électronique Ibom dispose de plus de 40 ordinateurs connectés à Internet,

disponibles pour un usage public. Chaque ordinateur peut imprimer sur une imprimante/copieur
laser couleur qui peut également numériser. Ils disposent également d'un télécopieur, d'un
lecteur/imprimante de microfilms, d'une machine à écrire, d'un piano et d'un accès Internet sans
fil (Wi-Fi). L'équipement qui permet le paiement à une personne possédant une carte de
bibliothèque valide comprend un projecteur LCD, un rétroprojecteur, un écran de projection et
un projecteur de diapositives.

CHAPITRE TROIS

3.0 Introduction
9
Ce chapitre traite des activités, des connaissances et des compétences acquises au cours d'une
formation industrielle de 3 mois à Ibom e-Library. Au cours de cette période sous revue, les
stagiaires ont été embauchés sur le développement Web avec un accent sur le front-end. Le site
Web est composé de deux parties, Front-End et Back-End. Et est basé sur le Front-end.
3.1 L'extrémité avant
Lors de la visite ou de l’ouverture d’un site Web, l’image visuelle présente sur l’écran du bureau
ou du mobile est appelée Front-End. Il est également connu sous le nom de côté client. Front-
End est la pratique consistant à produire du HTML, CSS et JavaScript pour un site Web ou une
application Web afin qu'un utilisateur puisse voir et interagir directement avec l'appareil.
L'objectif de la conception d'un site est de garantir que lorsque les utilisateurs ouvrent le site, ils
voient les informations dans un format facile à lire et pertinent. Ceci est encore compliqué par le
fait que les utilisateurs utilisent désormais une grande variété d'appareils avec des tailles d'écran
et des résolutions variables, obligeant ainsi le concepteur à prendre en compte ces aspects lors de
la conception du site. Ils doivent s'assurer que leur site s'affiche correctement dans différents
navigateurs (cross-browser), différents systèmes d'exploitation (cross-platform) et différents
appareils (cross-device), ce qui nécessite une planification minutieuse de la part du développeur.
Il existe plusieurs outils disponibles qui peuvent être utilisés pour développer le front-end d'un
site Web, et comprendre quels outils sont les mieux adaptés à des tâches spécifiques fait la
différence entre développer un site piraté et un site bien conçu et évolutif. Vous trouverez ci-
dessous quelques outils populaires utilisés pour le développement Front-End :
i. Langage de balisage hypertexte (HTML)
Hyper Text Markup Language est l’épine dorsale de tout processus de développement de site
Web. Sans cela, une page Web n'existe pas. C'est le code HTML qui fournit un cadre général de
l'apparence du site. HTML a été développé par Tim Berners-Lee en 1993. Après le
développement du HTML, de nombreuses versions sont arrivées sur le marché du World Wide
Web. La dernière version de HTML s'appelle HTML5. Cette version contient de nouvelles
façons efficaces de gérer des éléments tels que des fichiers vidéo et audio. HTML5 est désormais
très populaire parmi les développeurs Web front-end. Le HTML5 possède de nombreuses
fonctionnalités par rapport aux anciennes versions. Après le développement du HTML, une
révolution s’est produite dans le domaine d’Internet. Désormais, le monde a commencé à
communiquer en utilisant un seul langage, à savoir HTML. Et le terme HTML est également
composé de deux parties. Le premier est Hyper Text et le second est Markup Language.

ii. Feuilles de style en cascade (CSS)

CSS contrôle l'aspect présentation d'un site Web et permet à un site Web d'avoir sa propre
apparence unique. Pour ce faire, il gère des feuilles de style qui s'ajoutent à d'autres règles de
style et sont déclenchées en fonction d'autres entrées, telles que la taille et la résolution de l'écran

10
de l'appareil. En termes simples, c'est un outil qui définit/contrôle les couleurs, le texte et sa taille
(contenu), etc.
iii. Javascript
JavaScript est un langage de programmation impératif basé sur des événements (par opposition
au modèle de langage déclaratif du HTML) utilisé pour transformer une page HTML statique en
une interface dynamique. Le code JavaScript peut utiliser le modèle objet de document (DOM),
fourni par la norme HTML, pour manipuler une page Web en réponse à des événements, comme
les entrées de l'utilisateur. Grâce à une technique appelée AJAX, le code JavaScript peut
également récupérer activement le contenu du Web (indépendamment de la récupération de la
page HTML d'origine) et également réagir aux événements côté serveur, ajoutant ainsi une
nature véritablement dynamique à l'expérience de la page Web.

Vous trouverez ci-dessous un exemple de HTML utilisé pour définir une page Web de base avec
un titre et un seul paragraphe de texte.

La vue Code de la page Web HTML de base est représentée dans la figure 3.1.

Figure 3.1 : Page Web HTML de base

La première ligne définit le type de document contenu. "<!DOCTYPE html>" signifie que la
page est écrite en HTML5 . Les pages HTML correctement formatées doivent inclure les balises
<html>, <head> et <body>, qui sont toutes incluses dans l'exemple ci-dessus. Le titre de la page,

11
les métadonnées et le lien vers les fichiers référencés sont placés entre les balises <head>. Le
contenu réel de la page se situe entre les balises <body>.
Le Web a connu de nombreux changements au cours des dernières décennies, mais HTML a
toujours été le langage fondamental utilisé pour développer des pages Web. Il est intéressant de
noter que tandis que les sites Web sont devenus plus avancés et interactifs, le HTML est devenu
plus simple. Si vous comparez la source d'une page HTML5 avec une page similaire écrite en
HTML 4.01 ou XHTML 1.0, la page HTML5 contiendra probablement moins de code. En effet,
le HTML moderne s'appuie sur des feuilles de style en cascade ou sur JavaScript pour formater
presque tous les éléments d'une page.

3.2.0 HTML et ses propriétés

HTML signifie Hyper text Mark -up Language , et c'est le langage le plus largement
utilisé pour écrire des pages Web.

i. L'hypertexte fait référence à la manière dont les pages Web (documents HTML) sont
liées entre elles. Ainsi, le lien disponible sur une page web est appelé Hypertexte.
ii. Comme son nom l'indique, HTML est un langage de balisage , ce qui signifie que vous
utilisez HTML pour simplement « baliser » un document texte avec des balises qui
indiquent à un navigateur Web comment le structurer pour l'afficher.
À l'origine, HTML a été développé dans le but de définir la structure des documents comme les
titres, les paragraphes, les listes, etc. afin de faciliter le partage d'informations scientifiques entre
chercheurs.
Désormais, le HTML est largement utilisé pour formater des pages Web à l'aide de différentes
balises disponibles en langage HTML.

3.2.1 BALISE HTML :

Comme indiqué précédemment, HTML est un langage de balisage et utilise diverses
balises pour formater le contenu. Ces balises sont placées entre accolades <Tag Name> . À
l'exception de quelques balises, la plupart des balises ont leurs balises de fermeture
correspondantes. Par exemple, <html> a sa balise de fermeture </html> et la balise <body> a sa
balise de fermeture </body> etc.
Voici les noms des balises et leur description.

12
 Étiquet Description
er
<html> Cette balise renferme le document HTML complet et comprend principalement l'en-
tête du document qui est représenté par <head>...</head> et le corps du document
qui est représenté par les balises <body>...</body>.
<tête> Cette balise représente l'en-tête du document qui peut conserver d'autres balises
HTML comme <title>, <link>, <script language =”javascript”> etc.
<titre> La balise <title> est utilisée à l'intérieur de la balise <head> pour mentionner le titre
du document.
<corps Cette balise représente le corps du document qui conserve d'autres balises HTML
> comme <h1>, <div>, <p>, <table> etc.

<h1> Cette balise représente un titre

<p> Cette balise représente un paragraphe.

<b>, Gras, italique, liste, liste non ordonnée

<i>,
<li>,
<ul>

3.2.2 TABLEAU HTML :

Le modèle de tableau HTML permet aux concepteurs Web d'organiser les données (texte,
texte préformaté, images, liens, formulaires, champs de formulaire, autres tableaux, etc.) en
lignes et colonnes de cellules. Il est défini avec la balise <table>.

13
 Le tableau est divisé en lignes de tableau avec la balise <tr>. Les lignes du tableau sont
divisées en données du tableau avec la balise <td>. Une ligne de tableau peut également être
divisée en en-têtes de tableau avec la balise <th>.

Les données de la table <td> sont les conteneurs de données de la table. Ils peuvent contenir
toutes sortes d’éléments HTML comme du texte, des images, des listes, d’autres tableaux.

Les vues Code et Conception de la page d'inscription sans CSS sont illustrées dans les figures
3.2 et 3.3.

Figure 3.2 : Vues de code de la page d'inscription sans CSS

14
Figure 3.3 : Vue conception de la page d'inscription sans CSS

3.3.0 Introduction au CSS

CSS signifie « Feuille de style en cascade ». Les feuilles de style en cascade sont utilisées pour
formater la mise en page des pages Web . Ils peuvent être utilisés pour définir des styles de texte,
des tailles de tableaux et d'autres aspects des pages Web qui auparavant ne pouvaient être définis
que dans le code HTML d'une page.

CSS aide les développeurs Web à créer une apparence uniforme sur plusieurs pages d'un site
Web. Au lieu de définir le style de chaque tableau et de chaque bloc de texte dans le code HTML
d'une page, les styles couramment utilisés ne doivent être définis qu'une seule fois dans un
document CSS. Une fois le style défini dans la feuille de style en cascade, il peut être utilisé par
n'importe quelle page faisant référence au fichier CSS. De plus, CSS facilite la modification des
styles sur plusieurs pages à la fois. Par exemple, un développeur Web peut souhaiter augmenter
la taille du texte par défaut de 10 pt à 12 pt pour cinquante pages d'un site Web. Si les pages font
toutes référence à la même feuille de style, il suffit de modifier la taille du texte sur la feuille de

15
style et toutes les pages afficheront le texte plus grand. Bien que CSS soit idéal pour créer des
styles de texte, il est également utile pour formater d'autres aspects de la mise en page des pages
Web. Par exemple, CSS peut être utilisé pour définir le remplissage des cellules d'un tableau, le
style, l'épaisseur et la couleur de la bordure d'un tableau, ainsi que le remplissage autour des
images ou d'autres objets. CSS donne

Les développeurs Web ont un contrôle plus précis sur l'apparence des pages Web que HTML.
C'est pourquoi la plupart des pages Web intègrent aujourd'hui des feuilles de style en cascade.
Remarque : le code CSS n’est pas écrit de la même manière que le code HTML. Cela est
logique car CSS n'est pas du HTML, mais plutôt un moyen de manipuler du HTML existant.

3.3.1 RAISONS DU CSS

Voici les raisons pour lesquelles CSS est meilleur

i. Cela fait gagner du temps

ii. Il éradique l’idée d’utiliser des codes répétitifs
iii. Il offre une efficacité dans la conception et les mises à jour : avec CSS, nous pouvons
créer des règles et appliquer ces règles à de nombreux éléments du site Web.
iv. Il crée un fichier externe (côté serveur) pour gérer le contenu HTML

3.3.2 MÉTHODE UTILISÉE PAR CSS DANS LE FORMATAGE D'UN DOCUMENT

HTML

i. Style en ligne : il est utilisé pour appliquer un style unique à un seul élément HTML. Un
CSS en ligne utilise l'attribut style d'un élément HTML.
ii. Style intégré/interne : il est utilisé si une seule page a un style unique. Les styles
internes sont définis dans l'élément <style>, à l'intérieur de la section <head> d'une page
HTML.
iii. Style externe : avec une feuille de style externe, vous pouvez modifier l’apparence d’un
site Web entier en modifiant un seul fichier. Chaque page doit inclure une référence au
fichier de feuille de style externe à l'intérieur de l'élément <link>. L'élément <link> va à
l'intérieur de la section <head>. De plus, lorsque vous utilisez du CSS externe, il est
préférable de garder le CSS séparé de votre HTML. Placer CSS dans un fichier séparé
16
 permet au concepteur Web de faire la différence complètement entre le contenu (HTML)
et la conception (CSS). Le CSS externe est un fichier qui contient uniquement du code
CSS et est enregistré avec une extension de fichier « .css ». Ce CSS est ensuite référencé
dans votre HTML en utilisant le <link> au lieu du <style> comme indiqué
précédemment.

3.3.3 SÉLECTEURS CSS ET COMMENT ILS PEUVENT ÊTRE UTILISÉS

Les sélecteurs CSS sont utilisés pour rechercher ou sélectionner des éléments HTML en
fonction de leur nom d'élément, de leur identifiant ou de leur classe.

i. Sélecteur d'éléments : le sélecteur d'éléments sélectionne les éléments en fonction du

nom de l'élément.
ii. Sélecteur d'identifiant : le sélecteur d'identifiant utilise l'attribut id d'un élément HTML
pour sélectionner un élément spécifique. L'identifiant d'un élément doit être unique dans
une page, le sélecteur d'identifiant est donc utilisé pour sélectionner un élément unique.
par exemple id="bonjour" CSS #bonjour { color; rouge;}
iii. Sélecteur de classe : le sélecteur de classe sélectionne des éléments avec des attributs de
classe spécifiques. Pour sélectionner des éléments avec une classe spécifique, écrivez un
point (.) suivi du nom de la classe. par exemple .center {text-align: center;}

3.3.4 REMPLACEMENT DES RÈGLES CSS

i. Toute feuille de style en ligne a la priorité la plus élevée, elle remplacera donc toute règle
définie dans les balises <style>……</style>.
ii. Toute règle définie dans les balises <style>………</style> remplacera les règles définies
dans tout fichier de feuille de style externe.
2.3.5 COMMENTAIRES CSS

Pour simplement placer un commentaire dans une feuille de style que vous utilisez
/*………..*/, vous pouvez l'utiliser pour commenter des blocs multilignes de la même manière
que vous le faites dans les langages de programmation C et C++.

17
3.3.6 FOND ET POLICE DE DIVERS ÉLÉMENTS HTML

Vous pouvez définir les propriétés d'arrière-plan suivantes d'un élément.

i. La couleur d'arrière-plan : est une propriété utilisée pour définir la couleur d'arrière-
plan d'un élément.
ii. La propriété background-image : est utilisée pour définir l'image d'arrière-plan d'un
élément.
iii. Le background-repeat : Est utilisé pour contrôler la répétition d’une image en arrière-
plan.
iv. La position d'arrière-plan : Est utilisée pour contrôler la position d'une image en
arrière-plan.
v. La pièce jointe en arrière-plan : Permet de contrôler le défilement d’une image en
arrière-plan.
vi. La propriété background : est utilisée comme un raccourci pour spécifier le nombre
d'autres propriétés d'arrière-plan. la police qui est ;
i. La propriété Font-family : Ceci est utilisé pour changer le visage d'une police
ii. La propriété Font-style : Elle est utilisée pour rendre une police italique ou oblique.
iii. La propriété Font-weight : elle est utilisée pour augmenter ou diminuer la façon dont
une police apparaît en gras ou en clair.
iv. La propriété Font-size : Elle est utilisée pour augmenter ou diminuer la taille d’une
police.
3.3.7 DÉCORATION DE TEXTE :

Cela montre comment décorer un texte en CSS, les valeurs sont aucune, souligner,
surligner, passer en ligne et clignoter.

3.3.8 PROPRIÉTÉS DE L'HYPERLIEN UTILISANT CSS

i. Le lien signifie des hyperliens non visités

ii. Le lien visité signifie les hyperliens visités
iii. Le lien survolé signifie un élément sur lequel le pointeur de la souris de l'utilisateur passe
actuellement.
3.3.9 Ajout de CSS à la conception HTML précédente

18
La vue Code et la vue Conception de la page d'inscription avec CSS sont illustrées dans les
figures 3.4, 3.5 et 3.6.

Figure 3.4 : Vue code de la page d'inscription avec CSS

19
Figure 3.5 : Vue code de la page d'inscription avec CSS

Figure 3.5 : Vue conception de la page d'inscription avec CSS

3.4 CONCEPTION DE SITE WEB UTILISANT HTML ET CSS

Les vues Conception et Code de l'utilisation de HTML et CSS dans la création d'un site sont
décrites dans
Graphiques 3.7, 3.8, 3.9, 4.0, 4.1, 4.2.

20
Figure 3.7 : Vues de conception de la création d'un site à l'aide de HTML et CSS

21
Figure 3.8 : Vues de conception de la création d'un site à l'aide de HTML et CSS

Figure 3.9 : Vues de conception de la création d'un site à l'aide de HTML et CSS

22
Figure 4.0 : Vue code de la création d'un site à l'aide de HTML et CSS

23
Figure 4.1 : Vues de code
de la création d'un site
en utilisant HTML et
CSS

24
Figure 4.2 : Vues de code de la création d'un site en utilisant HTML et CSS

CHAPITRE QUATRE

4.0 Connaissances acquises

SIWES est un organisme créé pour éduquer et donner aux étudiants des connaissances pratiques
sur la situation de travail industriel qu'ils sont susceptibles de rencontrer après l'obtention de leur
diplôme. Les compétences suivantes ont été acquises au cours de la période de formation
industrielle :

i. Capacité à structurer des sites Web à l'aide de HTML.

ii. Possibilité d'embellir des sites Web à l'aide de HTML et CSS.
iii. Capacité à créer des sites Web standardisés à l'aide de HTML, CSS et JAVASCRIPT.
iv. Déboguer les erreurs et faire preuve de créativité dans l’agencement des codes.
v. Capacité à identifier et à résoudre les problèmes liés au développement Front-end.
vi. Prise de décision, pensée critique, organisation et planification.
vii. Capacité à travailler en équipe.

4.1 Défis

En tant qu'étudiant ayant suivi cette formation, voici les défis suivants rencontrés.

i. Utilisation des propriétés @media Screen pour rendre un site Web réactif sur différents
appareils.
ii. Connaître la bonne combinaison de couleurs CSS à utiliser pour un projet.
iii. Donner la structure correcte aux balises div pour obtenir un site Web réactif.
iv. Les outils utilisés pour créer un site Web front-end sont toujours soumis à des
changements constants

25
 CHAPITRE CINQ

5.0 Résumé

Le rapprochement SIWES avec la bibliothèque électronique Ibom, Uyo, a été l'une des
expériences les plus intrusives, intéressantes et productives. Dans le cadre de ce programme,
l'acquisition de nouvelles connaissances et d'une compréhension plus complète du
développement Front-end et des conditions industrielles réelles a été pleinement réalisée.

5.1 Conclusion
En tant qu'étudiant stagiaire ayant suivi le programme SIWES à l'Ibom e-Library HTG, Uyo. Le
programme de stage s'est concentré sur le développement Web front-end (également appelé côté
client), qui est la partie la plus attrayante d'un site et qui attire l'esprit de l'utilisateur. Les
connaissances acquises concernaient plus particulièrement les parties HTML et CSS du
développement Web, qui améliorent la capacité de créer et de concevoir différents types de
pages Web et également de les relier entre elles pour créer une interface utilisateur d'un site Web.
À ce stade, le but et les objectifs de l'ITH pour établir ce programme
cela en valait vraiment la peine.

5.2 Recommandations

26
 i. La direction de l'école devrait tenir compte du fait que les étudiants éprouvent des
difficultés à être admis dans une organisation particulière pour attachement et exhorter
ces organisations à accepter les étudiants.
ii. L'organisme SIWES devrait s'efforcer autant que possible d'aider financièrement les
étudiants dans la réalisation de ce stage très industriel.
iii. Le lieu de rattachement devrait essayer autant que possible d'employer des travailleurs
instruits pour éviter le changement de code pendant les cours.
iv. Une campagne d'information de masse devrait être menée pour permettre aux industries
et aux établissements de connaître l'importance de SIWES pour l'avenir des étudiants et
de la société dans son ensemble.

Les références
Allen, CR cité dans Craig, RL (1987). Manuel de formation et de développement, 3e. éd.
McGraw-Hill, New York, p. 10.

FIT (1973). Document de politique n°1. Fonds de formation industrielle, Jos, Nigeria.

Mafe, OAT (2009). Guide pour une participation réussie à SIWES. Panaf Publishing Inc., Abuja
et Lagos.
Ojokuku, BY, Emeahara, EN, Aboyade, MA et Chris-Israel, HO, "Influence Of
Programme d'expérience de travail industriel sur le développement professionnel des
étudiants en bibliothèque et en sciences de l'information dans le sud-ouest du Nigeria"
(2015). Philosophie et pratique des bibliothèques (journal électronique). 1330.

Ukwueze, F (2011) Impact du programme d'expérience de travail industriel pour étudiants

(SIWES) sur

27
 Développement des compétences d'employabilité des diplômés, Nigerian Vocational
Association Journal, Vol. 16 (1), pages 118-124.

Consortium du World Wide Web (W3C). (16 septembre 2010). Introduction à WAI-ARIA 1.0 :
Une introduction aux défis et aux solutions en matière d'accessibilité aux applications
Internet riches.
Extrait de http://www.w3.org/TR/2010/WD-wai-aria-primer-20100916

Bibliothèque électronique Ibom. (2012). Géré par HTG

Récupéré de http://www.theibomelibrary.com/about-us .

Bibliothèque électronique Ibom. (2013). « E-Library place Uyo chez Advantage, déclare le
gouverneur. Akpabio – Vanguard News. Nouvelles d'Avant-garde.

Lynch PJ, Horton. S. (2016), « Guide de style Web : Fondements de la conception de

l'expérience utilisateur », 4e éd., New Haven et Londres, Yale University Press.

Seigel B. (2011), « Un guide complet de planification de sites Web », [En ligne] Disponible
sur :
https://www.smashingmagazine.com/2011/06/

Burns M. (2015), « 3 problèmes majeurs avec les projets de développement Web », [En
ligne] Disponible sur : https://www.disruptorleague.com/blog/2015/09/07/3-major-
problems-with-web -projets de développements/.

Thomas AP (2010). "HTML et CSS : la référence complète". (Cinquième édition).

McGraw-Hill, New York .

28