KAPITEL EINS

1.0 Einführung

In diesem Kapitel wird der SIWES-Bericht vorgestellt, und zwar unter den folgenden
Unterüberschriften:

i. Einführung von SIWES

ii. Über SIWES
iii. Eine kurze Geschichte von SIWES
iv. Ziel und Ziele von SIWES
v. Rolle eines Studenten während SIWES
vi. Ziele des Berichts
vii. Das Logbuch

1.1 Kurze Geschichte von SIWES

SIWES ist eines dieser Programme, das dazu beitragen soll, die Lücke zwischen dem, was
gelehrt wird, und dem, was die Schüler schließlich wissen, zu schließen. SIWES ist die
Abkürzung für Students' Industrial Work Experience Scheme. Es handelt sich um ein
Kompetenzentwicklungsprogramm, das Studierende höherer Bildungseinrichtungen wie
Universitäten, Fachhochschulen, Monotechnik-Fachhochschulen und Pädagogische Hochschulen
auf den Übergang vom Hochschulumfeld in die Arbeitswelt vorbereiten soll. Es wurde 1973 vom
Industrial Training Fund (ITF) mit Hauptsitz in Jos, Nigeria, gegründet. Es soll Studierenden an
Hochschulen in Nigeria den Erwerb technischer Fähigkeiten und Erfahrungen für die berufliche
Weiterentwicklung in ihrem Studiengang ermöglichen, indem es die Lücke zwischen Theorie
und Praxis schließt. Es ist das anerkannte Kompetenztrainingsprogramm an Hochschulen in
nigerianischer Sprache, das Teil der anerkannten akademischen Anforderungen in verschiedenen
Studiengängen ist. Es ermöglicht den Studierenden, im Studium technische Kompetenzen und
Erfahrungen für die berufliche Weiterentwicklung zu erwerben. Vor der Einführung des
Programms gab es unter nigerianischen Industriellen wachsende Bedenken, dass Absolventen
höherer Bildungseinrichtungen nicht über ausreichende praktische Hintergrunderfahrung
verfügen, die sie für eine Beschäftigung benötigen. Daher waren die Arbeitgeber der Ansicht,
dass die theoretische Ausbildung an höheren Institutionen den Bedürfnissen der Wirtschaft
weder entsprach noch sie befriedigte. Vor diesem Hintergrund führte der Fonds in seinen

1
Gründungsjahren SIWES ein, um Studenten die Möglichkeit zu geben, sich mit der Handhabung
von Geräten und Maschinen in der Industrie vertraut zu machen und ihnen die erforderlichen
praktischen Kenntnisse und Fähigkeiten zu vermitteln.

Das Programm startete 1974 an 11 Hochschulen mit 784 Teilnehmern. Bis 1978 wurde der
Umfang auf etwa 5.000 Teilnehmer aus 32 verschiedenen Institutionen im Land ausgeweitet
(Ojokuku et al., 2015). Bei dem Programm handelt es sich um ein dreigliedriges Programm, an
dem Studierende und Arbeitgeber beteiligt sind. Es wird von der Bundesregierung finanziert und
gemeinsam vom Industrial Training Fund (ITF) und der National Universities Commission
(NUC) koordiniert.

i. Bereitstellung einer Möglichkeit für Studierende an nigerianischen Universitäten,

während ihres Studiums industrielle Fähigkeiten und Erfahrungen zu erwerben;
ii. Zur Vorbereitung der Studierenden auf die Arbeitssituation, die ihnen nach dem
Abschluss bevorsteht;
iii. Den Studenten Arbeitsmethoden und -techniken im Umgang mit Geräten und
Maschinen näherzubringen, die an ihren Universitäten möglicherweise nicht verfügbar
sind;
iv. Um den Übergang von der Schule in die Arbeitswelt zu erleichtern und den Kontakt
der Studierenden für spätere Arbeitsvermittlungen zu erleichtern;
v. Den Studierenden die Möglichkeit zu geben, ihr theoretisches Wissen in realen
Arbeitssituationen anzuwenden und so die Lücke zwischen Theorie und Praxis zu
schließen.

1.2 Ziel und Ziele von SIWES

Das Programm zielt darauf ab, die bestehende Lücke zwischen Theorie und Praxis der
Naturwissenschaften, der Landwirtschaft, der medizinischen Wissenschaften (einschließlich
Krankenpflege), des Ingenieurwesens und der Technologie, des Managements sowie der
Informations- und Kommunikationstechnologie und anderen professionellen
Bildungsprogrammen an den nigerianischen Hochschulen zu schließen

2
Die konkreten Ziele von SIWES wurden von der Bundesregierung wie folgt zusammengefasst:

i. Den Studierenden die Möglichkeit zu geben, ihr Wissen in der realen Arbeit und Praxis
anzuwenden.
ii. Um den Übergang von der Schule in die Arbeitswelt zu erleichtern und die Kontakte der
Studierenden für eine spätere Arbeitsvermittlung zu verbessern.
iii. Unterstützung der Studierenden beim Erwerb praktischer Fähigkeiten zur Stärkung ihrer
Arbeitswerte.
iv. Wir helfen den Studierenden, zwischenmenschliche und unternehmerische Fähigkeiten
zu erwerben und ihnen durch Interaktionen mit Menschen in den Organisationen und
Beobachtungen ihrer zukünftigen Rolle die richtige Arbeitseinstellung und
Professionalität zu vermitteln.
1.3 Rollen der Studierenden während SIWES
Die Rollen der Studierenden sind:
i. Nehmen Sie am SIWES-Orientierungsprogramm teil, bevor Sie mit der industriellen
Ausbildung fortfahren.
ii. Seien Sie regelmäßig und pünktlich an den jeweiligen Einsatzorten
iii. Vermeiden Sie eine einseitige Änderung des Bindungsortes, außer unter besonderen
Umständen und nur mit der Erlaubnis/Genehmigung des SIWES-Koordinators der
Institution und des
Arbeitgeber.
iv. Halten Sie sich an die Regeln und Vorschriften des Arbeitgebers
v. Führen Sie in den Logbüchern ordnungsgemäße Aufzeichnungen über
Schulungsaktivitäten und andere Aufgaben
vi. Sorgen Sie während der Bindungszeit für eine eigene Unterkunft
vii. Übermitteln Sie es über die Institution an die ITF. Das Bewertungsformular (ITF-
Formular 8) wird vom Studenten, dem Arbeitgeber und der Institution
ordnungsgemäß ausgefüllt.
viii. Reichen Sie Logbücher, Berichte und andere SIWES-Dokumente ein, die jeweils
erforderlich sind
Institutionen am Ende des Ausbildungsprogramms.
ix. Sei fleißig. Ehrlich und gewissenhaft bei allen Aktivitäten
x. Schützen Sie das Eigentum des Arbeitgebers während der gesamten Ausbildung.

1.4 Ziele des Berichts

Im Grundsatzdokument Nr. 1 des Industrial Training Fund von 1973 (ITF, 1973), mit dem
SIWES gegründet wurde, wurden die Ziele des Programms dargelegt. Die Ziele sind:

3
 i. Bereitstellung einer Möglichkeit für Studierende an Hochschulen, während ihres
Studiums industrielle Fähigkeiten und Erfahrungen zu erwerben;
ii. Bereiten Sie die Studierenden auf industrielle Arbeitssituationen vor, denen sie nach
ihrem Abschluss voraussichtlich begegnen werden;
iii. Den Studierenden Arbeitsmethoden und -techniken im Umgang mit Geräten und
Maschinen näherbringen, die in ihren Einrichtungen möglicherweise nicht verfügbar
sind;
iv. Erleichtern Sie den Übergang von der Schule in die Arbeitswelt und verbessern Sie
die Kontakte der Schüler für spätere Arbeitsvermittlungen.
v. Bieten Sie den Studierenden die Möglichkeit, ihr Bildungswissen in realen
Arbeitssituationen anzuwenden und so die Lücke zwischen Theorie und Praxis zu
schließen.
vi. Durch SIWES die Beteiligung der Arbeitgeber am gesamten Bildungsprozess fördern
und stärken.

1.5 Das Logbuch

Das SIWES-Logbuch, auch bekannt als Industrial Training (IT) oder Praktikumslogbuch, ist ein
offizielles Aufzeichnungsheft, das von verschiedenen Universitäten, Fachhochschulen,
Pädagogischen Hochschulen, Technischen Hochschulen und Landwirtschaftshochschulen an ihre
Praktikumsstudenten zur sorgfältigen und ordentlichen Aufzeichnung ausgegeben wird ihre
täglichen oder wöchentlichen Aktivitäten, Projekte, Jobs usw., die sie an ihrem Arbeitsplatz
ausführen, aufschreiben.
Am wichtigsten ist, dass dieses Logbuch in der Regel grundlegende Informationen über den IT-
Studenten und das Unternehmen enthält, dem der Student für die Ausbildung beigetreten sein
muss. Darüber hinaus variiert und unterscheidet sich auch das SIWES-Logbuch von Hochschule
zu Hochschule, d. h. SIWES-Logbücher, die an IMSU-Studenten ausgegeben werden, können
sich von denen unterscheiden, die an FUTO, UNN, ABSU, POLYNEKEDE, MADONNA,
UNIPORT, NOUN, LASU oder sogar Ghana, Kenia, ausgestellt werden. US-amerikanische oder

4
indische Studenten usw. Laut der Niger Delta Child Rights Watch-Projektressource (NDCRW)
2011 ist das SIWES-Logbuch wie folgt wichtig:

i. Das Logbuch schafft eine systematische Art der Fallbearbeitung.

ii. Das Logbuch stellt sicher, dass alle erforderlichen Informationen logisch erfasst werden.
iii. Das Logbuch speichert die Informationen einschließlich der Belege an einem Ort.
iv. Das Logbuch ist eine Möglichkeit, die Bedürfnisse der Schüler zu überwachen und
herauszufinden, wie man sich am besten um sie kümmert.

KAPITEL ZWEI

2.0 Kurze Geschichte und Hintergrund der Ibom e-Library

Die Ibom-E-Bibliothek ist eine Bibliothek mit Sitz in Uyo, Bundesstaat Akwa Ibom, Nigeria
(Ibom-E-Bibliothek, 2012). Diese staatliche Bibliothek ist Westafrikas erste digitale Bibliothek
und eine der größten digitalen Bibliotheken in Afrika. Gegründet im Jahr 2012. Das
Bildungsgebäude ist darauf ausgelegt, erstklassige Informations- und Bildungsdienstleistungen
sowohl vor Ort als auch virtuell bereitzustellen. Die E-Bibliothek von Ibom ist nicht nur für ihr
architektonisches Design bekannt , die E-Bibliothek verfügt auch über ein multifunktionales und
hochmodernes Videokonferenzzentrum , das für Konferenzen und Gipfeltreffen genutzt wird,
eine E-Learning-Einrichtung, die in erster Linie für konzipiert ist IKT-Schulungen, E-

5
Testzentren und Zertifizierungsunternehmen, Vorstands-/Besprechungsräume zur Vermietung,
kurzfristige Büroflächen, ein großer Spielbereich für Kinder und Kindertagesstätten, ein Smart-
Klassenzimmer und eine Reprografie-Einheit sowie weitere Dienstleistungen.

Mit der aktuellen Private Public Partnership (PPP) zwischen der Landesregierung und HTG
Limited bietet dieses monumentale Gebäude weiterhin glaubwürdige, praktische und
erschwingliche Bildungstechnologiedienste für jedermann.

HTG Limited ist ein herausragender Anbieter von Geschäftslösungen, der Technologie nutzt, um
Geschäftslösungen für Unternehmen und Organisationen des öffentlichen Dienstes anzubieten.
Ihre Grundwerte umfassen Innovation, Einfallsreichtum und die Bereitstellung hochwertiger
Dienstleistungen mit höchster Professionalität für ihre zahlreichen Kunden. Sie sind stolz auf
ihre Arbeitsethik und die vielen Lösungen, die sie konsequent anbieten.

2.1 Organigramm der Ibom e-Library

Das Organigramm der Ibom e-Library ist in Abbildung 2.1 dargestellt

GESCHÄFTSFÜHRER

(CEO)

HAUPTGESCHÄFTSFÜ
HRER
6
 Leiter der Verwaltung. BETRIEB

GESCHÄFTSENTW
ICKLUNGSMANA
HAUSMEISTER
GER

DIGITALER Beauftragter für

KUNDEN
VERMARKTER die Instandhaltung
VERTRETER
der Anlage

Abbildung 2.1: Organigramm der Ibom e-Library

2.2 Vorsichtsmaßnahmen der Einrichtung

Die Vorsichtsmaßnahmen in der Bibliothek sollen die umsichtige und faire Nutzung von
Bibliotheksmaterialien für die gegenseitige Nutzung der Studentengemeinschaften fördern.

Die Schüler werden jedoch daran erinnert, dass die folgenden Vorsichtsmaßnahmen durchgesetzt
werden und alle aufgefordert werden, diese einzuhalten.

i. Es ist niemandem gestattet, Bücher oder andere Gegenstände auszuleihen, bis der Betrag
ordnungsgemäß ausgezahlt wurde.
ii. Das Entfernen/Ändern/Verstümmeln von Teilen eines Buches oder einer Zeitschrift stellt
eine sehr schwere Straftat dar.
iii. Beim Verlassen der Bibliothek müssen alle Bibliotheksbenutzer ihre Bücher und
Unterlagen zur Überprüfung beim Bibliothekspersonal am Eingang abgeben.

7
 iv. Bibliotheksbenutzer dürfen nicht versuchen, Bücher wieder in die Regale zu stellen.
Sobald das Buch aus den Regalen genommen wurde, sollte es auf den Tischen liegen
bleiben.
v. In der Bibliothek sind keine Aktentaschen oder Handtaschen gestattet.
vi. Rauchen, Essen und Trinken sind in der Bibliothek verboten.
vii. In und um die Bibliothek ist jederzeit Stille einzuhalten.
viii. Das Erzeugen von Lärm, Gruppendiskussionen, das Tätigen und Beantworten von
Anrufen, das Schreien innerhalb der Bibliothek sowie das Abspielen von Musik auf
Computern/Handys in der Bibliothek sind strengstens untersagt.
ix. Lesetische und Stühle dürfen nicht von ihrer Position bewegt werden.
x. Bibliotheksbenutzer sollten keine Sitzplätze in der Bibliothek reservieren. Jeder nicht
besetzte Sitzplatz kann von einer anderen Person genutzt werden.
xi. Bibliotheksbenutzern wird empfohlen, ihre persönlichen Bücher/Papiere und andere
Materialien beim Verlassen der Bibliothek mitzunehmen.
xii. Das Versäumnis, Bücher zum Fälligkeitstermin zurückzugeben (sogenannte
Überfälligkeit), ist eine Straftat.
xiii. Diebstahl und Verstümmelung von Büchern in jeglicher Form (z. B. Quetschen und
Falten von Bibliotheksmaterialien, Schreiben, Verunstalten und/oder Markieren, Färben
usw. (dies sind alles Kapitalverbrechen gemäß den Regeln und Vorschriften der
Bibliothek)
xiv. Das Verbergen oder Verstecken von Bibliotheksmaterialien ist nicht gestattet.
xv. Jede Disziplinlosigkeit gegenüber einem Mitglied des Bibliothekspersonals zieht schwere
Disziplinarmaßnahmen nach sich.

2.3 Notfall aufgezeichnet

Es wurde kein Notfall registriert.

8
2.4 Geräte, Maschinen, Werkzeuge, Geräte usw. Wird in der Ibom-E-Bibliothek
verwendet

2.4.1 Materialien

Mit Ihrem Bibliotheksausweis haben Sie Zugriff auf Bücher, Videos/DVDs, Videospiele,
Hörbücher, Großdruckbücher, Zeitschriften, Zeitungen, Mikrofilme, E-Books und Musik-CDs
sowie Streaming von Audio/Musik und Filmen/TV. zeigt an. Wenn sie es nicht besitzen oder
nicht im Regal haben, können sie das Exemplar einer anderen Bibliothek vormerken und es für
Studierende ausleihen.

2.4.2 Geräte, Maschinen

Die Ibom e-Library verfügt über mehr als 40 internetfähige Computer zur öffentlichen Nutzung.
Jeder Computer kann auf einem Farblaserdrucker/Kopierer drucken, der auch scannen kann. Sie
verfügen außerdem über ein Faxgerät, einen Mikrofilm-Lese-/Drucker, eine Schreibmaschine,
ein Klavier und drahtlosen Internetzugang (Wi-Fi). Zu den Geräten, die an eine Person mit
einem gültigen Bibliotheksausweis ausgeliehen werden können, gehören ein LCD-Projektor, ein
Overheadprojektor, eine Projektionswand und ein Diaprojektor.

9
 KAPITEL DREI

3.0 Einführung
In diesem Kapitel werden die Aktivitäten, Kenntnisse und Fähigkeiten besprochen, die während
einer dreimonatigen Industrieausbildung bei Ibom e-Library erworben wurden. Im
Berichtszeitraum wurden Praktikanten in die Webentwicklung mit Schwerpunkt Frontend
übernommen. Die Website besteht aus zwei Teilen, Front-End und Back-End. Und basiert auf
dem Frontend.
3.1 Frontend
Beim Besuch oder Öffnen einer Website wird das visuelle Bild auf dem Desktop- oder
Mobilbildschirm als Front-End bezeichnet. Es wird auch als clientseitig bezeichnet. Unter Front-
End versteht man die Erstellung von HTML, CSS und JavaScript für eine Website oder
Webanwendung, sodass ein Benutzer das Gerät direkt sehen und mit ihm interagieren kann.
Das Ziel bei der Gestaltung einer Website besteht darin, sicherzustellen, dass die Benutzer beim
Öffnen der Website die Informationen in einem Format sehen, das leicht lesbar und relevant ist.
Dies wird noch dadurch erschwert, dass Benutzer heutzutage eine große Vielfalt an Geräten mit
unterschiedlichen Bildschirmgrößen und Auflösungen verwenden, was den Designer dazu
zwingt, diese Aspekte bei der Gestaltung der Website zu berücksichtigen. Sie müssen
sicherstellen, dass ihre Website in verschiedenen Browsern (browserübergreifend),
verschiedenen Betriebssystemen (plattformübergreifend) und auf verschiedenen Geräten
(geräteübergreifend) korrekt angezeigt wird, was eine sorgfältige Planung seitens des
Entwicklers erfordert.
Es stehen mehrere Tools zur Verfügung, mit denen das Frontend einer Website entwickelt
werden kann. Das Verständnis, welche Tools für bestimmte Aufgaben am besten geeignet sind,
macht den Unterschied zwischen der Entwicklung einer gehackten Website und einer gut
gestalteten, skalierbaren Website aus. Im Folgenden sind einige beliebte Tools aufgeführt, die für
die Front-End-Entwicklung verwendet werden:
i. Hypertext-Auszeichnungssprache (HTML)
Hyper Text Markup Language ist das Rückgrat jedes Website-Entwicklungsprozesses. Ohne sie
existiert keine Webseite. Es ist der HTML-Code, der einen Gesamtrahmen dafür liefert, wie die
Website aussehen wird. HTML wurde 1993 von Tim Berners-Lee entwickelt. Nach der
Entwicklung von HTML kamen viele Versionen auf den Markt des World Wide Web. Die
neueste Version von HTML heißt HTML5. Diese Version enthält neue und effiziente
Möglichkeiten zur Handhabung von Elementen wie Video- und Audiodateien. HTML5 erfreut
10
sich mittlerweile bei Frontend-Webentwicklern großer Beliebtheit. Im Vergleich zu den älteren
Versionen bietet HTML5 viele Funktionen. Nach der Entwicklung von HTML kam es zu einer
Revolution im Bereich des Internets. Jetzt begann die Welt mit der Verwendung einer einzigen
Sprache zu kommunizieren, nämlich HTML. Und auch der Begriff HTML besteht aus zwei
Teilen. Die erste ist Hyper Text und die zweite ist Markup Language.

ii. Cascading Style Sheets (CSS)

CSS steuert den Präsentationsaspekt einer Website und ermöglicht einer Website ein eigenes,
einzigartiges Erscheinungsbild. Dies geschieht durch die Verwaltung von Stylesheets, die über
anderen Stilregeln liegen und auf der Grundlage anderer Eingaben wie der Bildschirmgröße und
Auflösung des Geräts ausgelöst werden. In einfachen Worten handelt es sich um ein Tool, das
Farben, Text und seine Größe (Inhalt) usw. definiert/steuert.
iii. JavaScript
JavaScript ist eine ereignisbasierte imperative Programmiersprache (im Gegensatz zum
deklarativen Sprachmodell von HTML), die verwendet wird, um eine statische HTML-Seite in
eine dynamische Schnittstelle umzuwandeln. JavaScript-Code kann das vom HTML-Standard
bereitgestellte Document Object Model (DOM) verwenden, um eine Webseite als Reaktion auf
Ereignisse wie Benutzereingaben zu manipulieren. Mithilfe einer Technik namens AJAX kann
JavaScript-Code auch aktiv Inhalte aus dem Web abrufen (unabhängig vom ursprünglichen
Abruf der HTML-Seite) und auch auf serverseitige Ereignisse reagieren, wodurch das
Webseitenerlebnis wirklich dynamisch wird.

Unten sehen Sie ein Beispiel für HTML, das zum Definieren einer einfachen Webseite mit einem
Titel und einem einzelnen Textabsatz verwendet wird

Die Codeansicht der Basic HTML-Webseite ist in Abbildung 3.1 dargestellt

11
Abbildung 3.1: Einfache HTML-Webseite

Die erste Zeile definiert, welche Art von Dokument enthalten ist. „<!DOCTYPE html>“
bedeutet, dass die Seite in HTML5 geschrieben ist. Korrekt formatierte HTML-Seiten sollten die
Tags <html>, <head> und <body> enthalten, die alle im obigen Beispiel enthalten sind. Der
Seitentitel, die Metadaten und der Link zu den referenzierten Dateien werden zwischen den
<head>-Tags platziert. Der eigentliche Inhalt der Seite steht zwischen den <body>-Tags.
Das Web hat in den letzten Jahrzehnten viele Veränderungen durchgemacht, aber HTML war
schon immer die grundlegende Sprache für die Entwicklung von Webseiten. Interessanterweise
ist HTML einfacher geworden, während Websites fortschrittlicher und interaktiver geworden
sind. Wenn Sie die Quelle einer HTML5-Seite mit einer ähnlichen, in HTML 4.01 oder XHTML
1.0 geschriebenen Seite vergleichen, würde die HTML5-Seite wahrscheinlich weniger Code
enthalten. Dies liegt daran, dass modernes HTML auf Cascading Style Sheets oder JavaScript
angewiesen ist, um nahezu alle Elemente innerhalb einer Seite zu formatieren.

3.2.0 HTML und seine Eigenschaften

HTML steht für Hypertext Markup Language und ist die am häufigsten verwendete
Sprache zum Schreiben von Webseiten.

i. Hypertext bezieht sich auf die Art und Weise, wie Webseiten (HTML-Dokumente)
miteinander verknüpft sind. Daher wird der auf einer Webseite verfügbare Link als
Hypertext bezeichnet.
ii. Wie der Name schon sagt, handelt es sich bei HTML um eine Auszeichnungssprache.
Das bedeutet, dass Sie HTML verwenden, um ein Textdokument einfach mit Tags zu
„auszeichnen“, die einem Webbrowser mitteilen, wie es für die Anzeige strukturiert
werden soll.
Ursprünglich wurde HTML mit der Absicht entwickelt, die Struktur von Dokumenten wie
Überschriften, Absätze, Listen usw. zu definieren, um den Austausch wissenschaftlicher
Informationen zwischen Forschern zu erleichtern.

12
Heutzutage wird HTML häufig zum Formatieren von Webseiten mithilfe verschiedener in der
HTML-Sprache verfügbarer Tags verwendet.

3.2.1 HTML-TAGS:
Wie bereits erwähnt, ist HTML eine Auszeichnungssprache und verwendet verschiedene
Tags zur Formatierung des Inhalts. Diese Tags sind in spitzen Klammern <Tag Name>
eingeschlossen. Mit Ausnahme einiger weniger Tags verfügen die meisten Tags über
entsprechende Schluss-Tags. Zum Beispiel hat das Tag <html> sein schließendes Tag </html>
und das Tag <body> hat sein schließendes Tag </body> usw.
Im Folgenden finden Sie die Namen der Tags und ihre Beschreibung.

Etikett Beschreibung
<html> Dieses Tag umschließt das gesamte HTML-Dokument und besteht hauptsächlich
aus dem Dokumentkopf, der durch <head>...</head> dargestellt wird, und dem
Dokumentkörper, der durch <body>...</body>-Tags dargestellt wird.
<Kopf> Dieses Tag stellt den Header des Dokuments dar, der andere HTML-Tags wie
<title>, <link>, <script language =“javascript“> usw. enthalten kann.
<Titel> Das <title>-Tag wird innerhalb des <head>-Tags verwendet, um den Dokumenttitel
zu erwähnen.
<Körpe Dieses Tag stellt den Hauptteil des Dokuments dar, der andere HTML-Tags wie
r> <h1>, <div>, <p>, <table> usw. enthält.

<h1> Dieses Tag stellt eine Überschrift dar

<p> Dieses Tag repräsentiert einen Absatz.

<b>, Fett, kursiv, Liste, ungeordnete Liste

<i>,
<li>,

13
 <ul>

3.2.2 HTML-TABELLE:

Mit dem HTML-Tabellenmodell können Webdesigner Daten – Text, vorformatierten

Text, Bilder, Links, Formulare, Formularfelder, andere Tabellen usw. – in Zeilen und Spalten
von Zellen anordnen. Es wird mit dem <table>-Tag definiert.

Tabellen werden mit dem Tag <tr> in Tabellenzeilen unterteilt. Tabellenzeilen werden
mit dem Tag <td> in Tabellendaten unterteilt. Eine Tabellenzeile kann auch mit dem Tag <th> in
Tabellenüberschriften unterteilt werden.

Tabellendaten <td> sind die Datencontainer der Tabelle. Sie können alle Arten von HTML-
Elementen wie Text, Bilder, Listen und andere Tabellen enthalten.

Die Codeansichten und die Designansicht der Anmeldeseite ohne CSS sind in den Abbildungen
3.2 und 3.3 dargestellt.

14
Abbildung 3.2: Codeansichten der Anmeldeseite ohne CSS

Abbildung 3.3: Designansicht der Anmeldeseite ohne CSS

3.3.0 Einführung in CSS

CSS steht für „Cascading Style Sheet“. Cascading Style Sheets werden zum Formatieren des
Layouts von Webseiten verwendet. Sie können verwendet werden, um Textstile, Tabellengrößen
und andere Aspekte von Webseiten zu definieren, die bisher nur im HTML einer Seite definiert
werden konnten.

Mithilfe von CSS können Webentwickler ein einheitliches Erscheinungsbild für mehrere Seiten
einer Website erstellen. Anstatt den Stil jeder Tabelle und jedes Textblocks im HTML einer
Seite zu definieren, müssen häufig verwendete Stile nur einmal in einem CSS-Dokument
definiert werden. Sobald der Stil im Cascading Style Sheet definiert ist, kann er von jeder Seite
verwendet werden, die auf die CSS-Datei verweist. Darüber hinaus erleichtert CSS das

15
gleichzeitige Ändern von Stilen auf mehreren Seiten. Beispielsweise möchte ein Webentwickler
möglicherweise die Standardtextgröße für fünfzig Seiten einer Website von 10 pt auf 12 pt
erhöhen. Wenn alle Seiten auf dasselbe Stylesheet verweisen, muss nur die Textgröße im
Stylesheet geändert werden und auf allen Seiten wird der größere Text angezeigt. Während sich
CSS hervorragend zum Erstellen von Textstilen eignet, ist es auch für die Formatierung anderer
Aspekte des Webseitenlayouts hilfreich. Beispielsweise kann CSS verwendet werden, um den
Zellenabstand von Tabellenzellen, den Stil, die Dicke und die Farbe des Tabellenrahmens sowie
den Abstand um Bilder oder andere Objekte zu definieren. CSS gibt

Webentwickler haben eine genauere Kontrolle über das Aussehen von Webseiten als HTML.
Aus diesem Grund enthalten die meisten Webseiten heutzutage Cascading Style Sheets.
Hinweis: CSS-Code wird nicht auf die gleiche Weise geschrieben wie HTML-Code. Dies ist
sinnvoll, da CSS kein HTML ist, sondern eine Möglichkeit, vorhandenes HTML zu
manipulieren.

3.3.1 GRÜNDE FÜR CSS

Im Folgenden finden Sie Gründe, warum CSS besser ist

i. Es spart Zeit
ii. Es beseitigt die Idee, sich wiederholende Codes zu verwenden
iii. Es sorgt für Effizienz bei Design und Aktualisierungen: Mit CSS können wir Regeln
erstellen und diese Regeln auf viele Elemente innerhalb der Website anwenden.
iv. Es erstellt eine externe Datei (serverseitig) zur Verwaltung von HTML-Inhalten

3.3.2 VON CSS ZUR FORMATIERUNG VON HTML-DOKUMENTEN

VERWENDETE METHODE

i. Inline-Stil: Wird verwendet, um einem einzelnen HTML-Element einen eindeutigen Stil

zuzuweisen. Ein Inline-CSS verwendet das Style-Attribut eines HTML-Elements.
ii. Eingebetteter/interner Stil: Wird verwendet, wenn eine einzelne Seite einen
eindeutigen Stil hat. Interne Stile werden im <style>-Element im <head>-Abschnitt einer
HTML-Seite definiert.

16
 iii. Externer Stil: Mit einem externen Stylesheet können Sie das Aussehen einer gesamten
Website ändern, indem Sie nur eine Datei ändern. Jede Seite muss einen Verweis auf die
externe Stylesheet-Datei im <link>-Element enthalten. Das <link>-Element befindet sich
im Abschnitt <head>. Auch wenn Sie externes CSS verwenden, ist es vorzuziehen, das
CSS von Ihrem HTML zu trennen. Durch die Platzierung von CSS in einer separaten
Datei kann der Webdesigner vollständig zwischen Inhalt (HTML) und Design (CSS)
unterscheiden. Externes CSS ist eine Datei, die nur CSS-Code enthält und mit der
Dateierweiterung „.css“ gespeichert wird. Auf dieses CSS wird dann in Ihrem HTML
mithilfe von <link> statt <style> verwiesen, wie bereits erwähnt.

3.3.3 CSS-SELEKTOREN UND WIE SIE VERWENDET WERDEN KÖNNEN

CSS-Selektoren werden verwendet, um HTML-Elemente basierend auf ihrem

Elementnamen, ihrer ID oder ihrer Klasse zu finden oder auszuwählen

i. Elementselektor: Der Elementselektor wählt Elemente basierend auf dem

Elementnamen aus.
ii. ID-Selektor: Der ID-Selektor verwendet das ID-Attribut eines HTML-Elements, um ein
bestimmtes Element auszuwählen. Die ID eines Elements sollte innerhalb einer Seite
eindeutig sein, daher wird der ID-Selektor verwendet, um ein eindeutiges Element
auszuwählen. zB id=“hello“ CSS #hello { color; Rot;}
iii. Klassenselektor: Der Klassenselektor wählt Elemente mit bestimmten Klassenattributen
aus. Um Elemente mit einer bestimmten Klasse auszuwählen, schreiben Sie einen Punkt
(.) gefolgt vom Namen der Klasse. zB .center {text-align: center;}

3.3.4 CSS-REGELN ÜBERSCHREITEN

i. Jedes Inline-Stylesheet hat die höchste Priorität und überschreibt daher alle in
<style>……</style>-Tags definierten Regeln.
ii. Jede in <style>………</style>-Tags definierte Regel überschreibt die in einer externen
Stylesheet-Datei definierten Regeln.
2.3.5 CSS-KOMMENTARE

17
 Um einfach einen Kommentar in ein Stylesheet einzufügen, verwenden Sie /*………..*/.
Sie können damit mehrzeilige Blöcke ähnlich wie in den Programmiersprachen C und C++
kommentieren.

3.3.6 HINTERGRUND UND SCHRIFTART VERSCHIEDENER HTML-ELEMENTE

Sie können die folgenden Hintergrundeigenschaften eines Elements festlegen.

i. Die Hintergrundfarbe: Ist eine Eigenschaft, mit der die Hintergrundfarbe eines
Elements festgelegt wird.
ii. Die Eigenschaft „Hintergrundbild“ wird verwendet, um das Hintergrundbild eines
Elements festzulegen.
iii. Die Hintergrundwiederholung: Wird verwendet, um die Wiederholung eines Bildes im
Hintergrund zu steuern.
iv. Die Hintergrundposition: Wird verwendet, um die Position eines Bildes im Hintergrund
zu steuern.
v. Der Hintergrundanhang: Wird verwendet, um das Scrollen eines Bildes im
Hintergrund zu steuern.
vi. Die Hintergrundeigenschaft: Wird als Abkürzung verwendet, um die Anzahl anderer
Hintergrundeigenschaften anzugeben. die Schriftart, die ;
i. Die Eigenschaft „Font-family“: Diese Eigenschaft wird verwendet, um das
Erscheinungsbild einer Schriftart zu ändern
ii. Die Eigenschaft „Font-style“: Diese wird verwendet, um eine Schriftart kursiv oder
schräg zu machen.
iii. Die Eigenschaft „Font-weight“: Diese Eigenschaft wird verwendet, um die Fett- oder
Helldarstellung einer Schriftart zu erhöhen oder zu verringern.
iv. Die Eigenschaft „Schriftgröße“: Diese wird verwendet, um die Größe einer Schriftart
zu vergrößern oder zu verkleinern.
3.3.7 TEXTDEKO:

Dies zeigt, wie man einen Text in CSS dekoriert. Die Werte sind „none“, „underline“,
„overline“, „line-through“ und „blink“.

3.3.8 EIGENSCHAFTEN VON HYPERLINK MITTELS CSS

18
 i. Der Link kennzeichnet nicht besuchte Hyperlinks
ii. Der besuchte Link bezeichnet besuchte Hyperlinks
iii. Der schwebende Link bezeichnet ein Element, über das sich derzeit der Mauszeiger des
Benutzers befindet.
3.3.9 Hinzufügen von CSS zum vorherigen HTML-Design
Die Code- und Designansicht der Anmeldeseite mit CSS ist in den Abbildungen 3.4, 3.5 und
3.6 dargestellt

Abbildung 3.4: Codeansicht der Anmeldeseite mit CSS

19
Abbildung 3.5: Codeansicht der Anmeldeseite mit CSS

Abbildung 3.5: Designansicht der Anmeldeseite mit CSS

3.4 WEBSITE-DESIGN MIT HTML UND CSS

Die Entwurfsansicht und die Codeansicht der Verwendung von HTML und CSS beim
Erstellen einer Website werden in dargestellt
Abbildung 3.7, 3.8, 3.9, 4.0, 4.1, 4.2.

20
Abbildung 3.7: Designansichten zum Erstellen einer Website mit HTML und CSS

21
Abbildung 3.8: Designansichten zum Erstellen einer Website mit HTML und CSS

22
Abbildung 3.9: Designansichten zum Erstellen einer Website mit HTML und CSS

Abbildung 4.0: Codeansicht zum Erstellen einer Website mit HTML und CSS

23
Abbildung 4.1: Codeansichten zum Erstellen einer Website mit HTML und CSS

24
Abbildung 4.2: Codeansichten zum Erstellen einer Website mit HTML und CSS

KAPITEL VIER

4.0 Wissen gewonnen

SIWES ist eine Einrichtung, die gegründet wurde, um Studenten auszubilden und praktisches
Wissen für die Industriearbeitssituation zu vermitteln, mit der sie nach ihrem Abschluss
voraussichtlich konfrontiert werden. Im Rahmen der gewerblichen Ausbildung wurden folgende
Fähigkeiten erworben:

i. Fähigkeit, Websites mit Hilfe von HTML zu strukturieren.

ii. Möglichkeit, Websites mit Hilfe von HTML und CSS zu verschönern.
iii. Fähigkeit, standardisierte Websites mit Hilfe von HTML, CSS und JAVASCRIPT zu
erstellen.
iv. Fehler debuggen und bei der Anordnung von Codes kreativ sein.

25
 v. Fähigkeit, Probleme im Zusammenhang mit der Front-End-Entwicklung zu erkennen und
zu lösen.
vi. Entscheidungsfindung, kritisches Denken, Organisieren und Planen.
vii. Fähigkeit, im Team zu arbeiten.

4.1 Herausforderungen

Als Student, der diese Ausbildung absolviert hat, sind im Folgenden die folgenden
Herausforderungen aufgetreten.

i. Verwenden von @media Screen-Eigenschaften, um eine Website auf verschiedenen

Geräten responsiv zu gestalten.
ii. Die richtige CSS-Farbkombination für ein Projekt kennen.
iii. Den Div-Tags die richtige Struktur geben, um eine responsive Website zu erreichen.
iv. Die zum Aufbau einer Frontend-Website verwendeten Tools unterliegen ständigen
Veränderungen

KAPITEL FÜNF

5.0 Zusammenfassung

Die SIWES-Verbindung mit der Ibom e-Library, Uyo, war eine der aufdringlichsten,
interessantesten und produktivsten Erfahrungen. Im Hinblick auf dieses Programm konnten neue
Erkenntnisse und ein umfassenderes Verständnis der Front-End-Entwicklung und der realen
industriellen Bedingungen gewonnen werden.

26
5.1 Abschluss
Als Praktikumsstudent, der das SIWES-Programm an der Ibom e-Library HTG, Uyo,
absolvierte. Das Praktikumsprogramm konzentrierte sich auf die Front-End-Webentwicklung
(auch clientseitig genannt), den attraktivsten Teil einer Website, der die Aufmerksamkeit des
Benutzers auf sich zieht. Die gewonnenen Erkenntnisse betrafen insbesondere den HTML- und
CSS-Teil der Webentwicklung, die die Fähigkeit verbessern, verschiedene Arten von Webseiten
zu erstellen und zu gestalten und diese auch miteinander zu verknüpfen, um eine
Benutzeroberfläche einer Website zu erstellen. An diesem Punkt ist es das Ziel und die Ziele der
ITH, dieses Programm zu etablieren
hat sich tatsächlich gelohnt.

5.2 Empfehlungen

i. Die Schulleitung sollte die Tatsache berücksichtigen, dass Schüler Schwierigkeiten

haben, in eine bestimmte Organisation aufgenommen zu werden, und diese
Organisationen dringend zur Aufnahme von Schülern auffordern.
ii. Das SIWES-Gremium sollte so weit wie möglich versuchen, die Studierenden bei der
Durchführung dieser sehr industriellen Bindung finanziell zu unterstützen.
iii. Der Bindungsort sollte so weit wie möglich versuchen, ausgebildete Arbeitskräfte zu
beschäftigen, um Codewechsel während der Vorlesung zu vermeiden.
iv. Es sollte eine Massenaufklärungskampagne durchgeführt werden, um Branchen und
Einrichtungen die Bedeutung von SIWES für die Zukunft der Studierenden und der
Gesellschaft insgesamt bewusst zu machen.

Verweise
Allen, CR zitiert in Craig, RL (1987). Schulungs- und Entwicklungshandbuch, 3. Hrsg.

27
 McGraw-Hill, New York, S. 10.

ITF (1973). Richtliniendokument Nr. 1. Industrial Training Fund, Jos, Nigeria.

Mafe, OAT (2009). Leitfaden zur erfolgreichen Teilnahme an SIWES. Panaf Publishing Inc.,
Abuja
und Lagos.
Ojokuku, BY, Emeahara, EN, Aboyade, MA und Chris-Israel, HO, „Einfluss von
„Industrial Work Experience Scheme zur beruflichen Weiterentwicklung von Studenten
der Bibliotheks- und Informationswissenschaften im Südwesten Nigerias“ (2015).
Bibliotheksphilosophie und -praxis (E-Journal). 1330.

Ukwueze, F (2011) Auswirkungen des Industrial Work Experience Scheme (SIWES) für
Studierende auf
Development of Graduate Employability Skills, Nigerian Vocational Association Journal,
Bd. 16 (1), S. 118-124.

World Wide Web Consortium (W3C). (2010, 16. September). WAI-ARIA 1.0 Grundierung:
Eine Einführung in die Herausforderungen und Lösungen für die Barrierefreiheit
umfangreicher Internetanwendungen.
Abgerufen von http://www.w3.org/TR/2010/WD-wai-aria-primer-20100916

Ibom-E-Bibliothek. (2012). Verwaltet von HTG

Abgerufen von http://www.thibomelibrary.com/about-us .

Ibom-E-Bibliothek. (2013). „E-Library stellt Uyo im Vorteil“, sagt Gouverneur. Akpabio –

Vanguard News.“ Vanguard-Nachrichten.

Lynch PJ, Horton. S. (2016), „Web Style Guide: Grundlagen des User Experience Design“, 4.
Auflage, New Haven & London, Yale University Press.

28
Seigel B. (2011), „Ein umfassender Leitfaden zur Website-Planung“, [Online] Verfügbar
bei:
https://www.smashingmagazine.com/2011/06/

Burns M. (2015), „3 große Probleme bei Webentwicklungsprojekten“, [Online] Verfügbar

unter: https://www.disruptorleague.com/blog/2015/09/07/3-major-problems-with-web -
Entwicklungsprojekte/.

Thomas AP (2010). „HTML und CSS: Die vollständige Referenz“. (Fünfte Ausgabe).
McGraw-Hill, New York .

29