CAPITOL UNUL

1.0 Introducere

Acest capitol prezintă raportul SIWES și acest lucru se face sub următoarele subtitluri:

i. Introducerea SIWES
ii. Despre SIWES
iii. O scurtă istorie a SIWES
iv. Scopul și obiectivele SIWES
v. Rolul unui student în timpul SIWES
vi. Obiectivele raportului
vii. Jurnalul de bord

1.1 Scurt istoric al SIWES

SIWES este una dintre astfel de scheme pentru a ajuta la reducerea decalajului dintre ceea ce este
predat și ceea ce este în cele din urmă cunoscut de către studenți. SIWES este acronimul pentru
Students' Industrial Work Experience Scheme. Este un program de dezvoltare a competențelor
care este conceput pentru a pregăti studenții din instituțiile superioare de învățământ precum
universități, politehnice, monotehnice și colegii de educație pentru tranziția de la mediul
universitar la lumea muncii. A fost înființată de Fondul de Formare Industrială (ITF) în 1973, cu
sediul în Jos Nigeria. Acesta este menit să permită studenților din instituțiile terțiare din Nigeria
să dobândească abilități tehnice și experiență pentru dezvoltarea profesională în cursul lor de
studii, deoarece creează puntea dintre teorie și practică. Este programul de formare a
competențelor acceptat în instituțiile de învățământ superior în limba nigeriană care face parte
din cerințele academice aprobate în diferite programe de studii. Acesta permite studenților să
dobândească abilități tehnice și experiență pentru dezvoltarea profesională în studiile lor. Înainte
de lansarea Schemei, a existat o preocupare tot mai mare în rândul industriașilor nigerieni că
absolvenții instituțiilor de învățământ superior nu aveau experiența practică adecvată necesară
pentru angajare. Deci, angajatorii au considerat că educația teoretică oferită de instituțiile
superioare nu răspunde și nici nu satisface nevoile economiei. În acest context, Fondul, în anii săi
de formare, a introdus SIWES pentru a oferi studenților oportunitatea de a se expune la
echipamentele și mașinile de manipulare din industrie pentru a le permite să dobândească
cunoștințe și abilități practice prealabile.

1
Schema a început în 1974 în 11 instituții de învățământ superior cu 784 de participanți. Până în
1978, sfera sa extins la aproximativ 5.000 de participanți din 32 de instituții diferite din țară
(Ojokuku et al, 2015). Schema este un program tripartit care implică studenții și angajatorii forței
de muncă. Este finanțat de Guvernul Federal și coordonat în comun de Fondul de Formare
Industrială (ITF) și Comisia Națională a Universităților (NUC).

i. Pentru a oferi studenților din universitățile nigeriene o cale de a dobândi abilități

industriale și experiență în timpul cursului de studiu;
ii. Să pregătească studenții pentru situația de muncă pe care probabil o vor întâlni după
absolvire;
iii. Să expună studenții la metode și tehnici de lucru în manipularea echipamentelor și
utilajelor care ar putea să nu fie disponibile în universitățile lor;
iv. Să permită faza de tranziție de la școală la lumea mediului de lucru mai ușoară și să
faciliteze contactul elevilor pentru locuri de muncă ulterioare;
v. Pentru a oferi studenților posibilitatea de a-și aplica cunoștințele teoretice în situații
reale de lucru, reducând astfel decalajul dintre teorie și practică.

1.2 Scopul și obiectivele SIWES

Schema are ca scop reducerea decalajului existent între teoria și practica științelor, agriculturii,
științelor medicale (inclusiv asistența medicală), inginerie și tehnologie, management și
tehnologia informației și comunicațiilor și alte programe educaționale profesionale din instituțiile
terțiare nigeriene.

Obiectivele specifice ale SIWES au fost rezumate de guvernul federal după cum urmează:

i. Pentru a oferi studenților oportunități de a-și aplica cunoștințele în munca reală și în

practică.
ii. Pentru a face tranziția de la școală la lumea muncii mai ușoară și pentru a îmbunătăți
contactele elevilor pentru plasarea ulterioară a unui loc de muncă.
iii. Pentru a ajuta studenții să dobândească abilități practice pentru a-și consolida valorile
profesionale.

2
 iv. Să-i ajute pe studenți, să dobândească abilități interpersonale și antreprenoriale și, de
asemenea, să le insufle genul potrivit de atitudini de muncă și profesionalism prin
interacțiuni cu oamenii din organizații și observații despre rolul lor viitor.
1.3 Rolurile studenților în timpul SIWES
Rolurile elevilor sunt:
i. Participați la Programul de orientare SIWES înainte de a continua cu pregătirea
industrială.
ii. Fiți regulat și punctual în locurile respective de atașament industrial
iii. Evitați schimbarea unilaterală a locului de atașament, cu excepția unor circumstanțe
speciale și numai cu permisiunea/aprobarea Coordonatorului SIWES al instituției și a
Angajator.
iv. Respectați regulile și reglementările angajatorilor
v. Păstrați înregistrări adecvate ale activităților de formare și ale altor sarcini în jurnalele
de bord
vi. Asigurați-vă propria locuință în perioada de atașament
vii. Depuneți la ITF, prin instituție. Formularul de evaluare (Formular ITF 8) este
completat corespunzător de către student, Angajator și Instituție.
viii. Trimiteți Jurnalele, Rapoartele și alte documente SIWES solicitate de respectivul
instituțiilor la sfârșitul programului de formare.
ix. Fii harnic. onest și conștiincios în toate activitățile
x. Protejați și protejați proprietatea angajatorului pe tot parcursul instruirii.

1.4 Obiectivele Raportului

Documentul de politică nr. 1 din 1973 al Fondului de Formare Industrială (ITF, 1973) care a
înființat SIWES a subliniat obiectivele schemei. Obiectivele sunt:
i. Oferiți o cale studenților din instituțiile de învățământ superior de a dobândi abilități
industriale și experiență în timpul cursurilor lor de studii;
ii. Pregătiți studenții pentru situații de muncă industrială pe care probabil le vor întâlni
după absolvire;
iii. Expuneți studenții la metode și tehnici de lucru în manipularea echipamentelor și
utilajelor care ar putea să nu fie disponibile în instituțiile lor;
iv. Faceți tranziția de la școală la lumea muncii mai ușoară și îmbunătățiți contactele
elevilor pentru plasamente ulterioare;
v. Oferiți studenților oportunitățile de a-și aplica cunoștințele educaționale în situații
reale de muncă, reducând astfel decalajul dintre teorie și practică;

3
 vi. Atrageți și consolidați implicarea angajatorilor în întregul proces educațional prin
SIWES.

1.5 Jurnalul de bord

Jurnalul SIWES, cunoscut și sub numele de Formare industrială (IT) sau Jurnal de stagiu, este o
broșură de înregistrare oficială, care este emisă de diverse universități, politehnice, colegii de
educație, colegii de tehnologie, colegii de agricultură studenților lor de stagii pentru a înregistra
cu atenție și ordine. reduce activitățile zilnice sau săptămânale, proiectele, locurile de muncă etc.
desfășurate la locurile lor de muncă.
Cel mai important, acest jurnal de bord conține de obicei informații de bază despre studentul IT
și despre firma la care trebuie să fi fost atașată studentul pentru curs. În plus, jurnalul SIWES
variază și diferă între instituțiile superioare, adică jurnalele SIWES eliberate studenților IMSU
pot fi diferite de cele emise către FUTO, UNN, ABSU, POLYNEKEDE, MADONNA,
UNIPORT, NOUN, LASU, sau chiar Ghana, Kenya, Studenți din SUA sau India etc. Conform
resursei proiectului Niger Delta Child Rights Watch (NDCRW) 2011, următoarele sunt
importanța jurnalului SIWES:

i. Jurnalul de bord creează o modalitate sistematică de gestionare a cazurilor.

ii. Jurnalul de bord asigură că toate informațiile necesare sunt înregistrate în mod logic.
iii. Jurnalul de bord păstrează informațiile într-un singur loc, inclusiv documentele
justificative.
iv. Jurnalul de bord este o modalitate de a monitoriza nevoile elevilor și de a identifica cel
mai bun mod de a le îngriji.

4
 CAPITOLUL DOI

2.0 Scurt istoric și context al bibliotecii electronice Ibom

Biblioteca electronică Ibom este o bibliotecă situată în Uyo, statul Akwa Ibom, Nigeria
(Biblioteca electronică Ibom, 2012). Această bibliotecă de stat este prima bibliotecă digitală din
Africa de Vest și una dintre cele mai mari biblioteci digitale din Africa. Înființată în 2012.
Edificiul educațional este conceput pentru a oferi informații și servicii educaționale de top atât la
fața locului, cât și virtual. Biblioteca electronică Ibom este cunoscută nu doar pentru designul său
arhitectural, ci și cu un centru de videoconferințe multifuncțional și de ultimă generație, utilizat
pentru conferințe și summit-uri, o facilitate de e-Learning care este concepută în principal pentru
Formare în domeniul TIC, centre de testare electronică și întreprinderi de certificare, sală de
consiliu/ședință pentru închiriere, spațiu de birou pe termen scurt, zonă extinsă de joacă pentru
copii și grădiniță, o sală de clasă inteligentă și o unitate de reprografie, printre alte servicii.

Cu actualul Parteneriat Public Privat (PPP) dintre Guvernul Statului și HTG Limited, acest
edificiu monumental continuă să ofere servicii de tehnologie educațională credibile, convenabile
și accesibile pentru toată lumea.

HTG Limited este un furnizor remarcabil de soluții de afaceri care folosește tehnologia pentru a
oferi soluții de afaceri întreprinderilor și organizațiilor de servicii publice. Valorile lor de bază
cuprind inovație, inventivitate și furnizarea de servicii de calitate cu cel mai mare profesionalism
clienților lor plini de viață. Se mândresc cu etica în muncă și cu numeroasele soluții pe care le
oferă în mod constant.

5
 2.1 Organigrama Ibom e-Library

Organigrama Ibom e-Library este prezentată în figura 2.1

DIRECTOR GENERAL

(CEO)

DIRECTOR GENERAL

ȘEF ADMIN. OPERAȚIUNE

MANAGER
DEZVOLTAREA MANAGER DE
AFACERILOR UTILITĂȚI

MARKETER OFIȚERUL
REPREZENTANT
DIGITAL ÎNTREȚINEREA
CLIENT
INSTALĂȚIILOR

6
Figura 2.1: organigrama Ibom e-Library

2.2 Precauții ale stabilirii

Măsurile de precauție din Bibliotecă sunt menite să promoveze utilizarea judicioasă și corectă a
materialelor Bibliotecii pentru comunitățile de studenți.

Cu toate acestea, studenților li se reamintește că următoarele măsuri de precauție sunt aplicate și

li se cere tuturor să le respecte.

i. Nimeni nu va avea voie să împrumute vreo carte (cărți) sau orice alte articole până când
acestea nu au fost debitate corespunzător.
ii. Este o infracțiune foarte gravă eliminarea/schimbarea/mutilarea oricărei părți a unei cărți
sau a unui periodic.
iii. La părăsirea bibliotecii, toți utilizatorii bibliotecii trebuie să predea cărțile și lucrările lor
personalului bibliotecii de la intrare pentru verificare.
iv. Utilizatorii bibliotecii nu trebuie să încerce să pună cărțile înapoi pe rafturi. Odată scoasă
de pe rafturi, cartea trebuie lăsată pe mese.
v. Nu sunt permise servietele sau gențile de mână în Bibliotecă.
vi. Fumatul, mâncatul și băutul sunt interzise în Bibliotecă.
vii. Tăcerea trebuie păstrată în și în jurul Bibliotecii în orice moment.
viii. Sunt strict interzise producerea de zgomot, discuțiile în grup, efectuarea și preluarea
apelurilor, țipetele în cadrul Bibliotecii, redarea muzicii pe computere/receptoarele din
Bibliotecă.
ix. Mesele și scaunele de lectură nu trebuie mutate din pozițiile lor.
x. Utilizatorii bibliotecii nu trebuie să rezerve locuri în bibliotecă. Orice scaun care nu este
ocupat fizic poate fi folosit de o altă persoană.
xi. Utilizatorii bibliotecii sunt sfătuiți să-și ia cărțile/hârtiile personale și alte materiale ori de
câte ori părăsesc biblioteca.
xii. Nereturnarea cărților la termenele scadente (cunoscute sub denumirea de restante) este o
infracțiune.

7
xiii. Furtul de cărți și mutilarea sub orice formă (cum ar fi strângerea și plierea materialelor
bibliotecii, scrierea, deformarea și/sau marcarea, colorarea etc. (Toate acestea sunt
infracțiuni capitale conform regulilor și reglementărilor bibliotecii)
xiv. Ascunderea sau ascunderea materialelor bibliotecii nu este permisă.
xv. Orice act de indisciplină la adresa oricărui membru al personalului Bibliotecii va atrage
măsuri disciplinare severe.

2.3 Urgență înregistrată

Nu a fost înregistrată nicio urgență.

2.4 Echipamente, mașini, scule, dispozitive etc. Folosit în Ibom e-Library

2.4.1 Materiale

Cu cardul de bibliotecă, aveți acces la cărți, videoclipuri/DVD-uri, jocuri video, cărți audio, cărți
tipărite mari, reviste, ziare, microfilme, cărți electronice și CD-uri cu muzică, precum și la
streaming audio/muzică și filme/TV. spectacole. Dacă nu-l dețin sau îl au pe raft, pot pune o
reținere pe un exemplar al altei biblioteci și îl pot împrumuta pentru studenți.

2.4.2 Echipamente, mașini

Biblioteca electronică Ibom are peste 40 de computere gata de internet disponibile pentru uz
public. Fiecare computer poate imprima pe o imprimantă/copiator laser color care poate, de
asemenea, scana. De asemenea, au un fax, cititor/imprimantă de microfilme, mașină de scris,
pian și acces la internet wireless (Wi-Fi). Echipamentele care se înregistrează către o persoană
cu un card de bibliotecă valabil includ un proiector LCD, un retroproiector, un ecran de proiecție
și un proiector de diapozitive.

8
 CAPITOLUL TREI

3.0 Introducere
Acest capitol discută activitățile, cunoștințele și abilitățile dobândite în timpul unui training
industrial de 3 luni la Ibom e-Library. În această perioadă analizată, stagiarii au fost luați în
domeniul dezvoltării web, cu accent pe front-end. Site-ul web este compus din două părți, Front-
End și Back-End. Și se bazează pe Front-end.
3.1 În față
Când vizitați sau deschideți un site web, imaginea vizuală prezentă pe desktop sau pe ecranul
mobil se numește Front-End. Este cunoscut și sub numele de Client-Side. Front-End este practica
de a produce HTML, CSS și JavaScript pentru un site web sau o aplicație web, astfel încât un
utilizator să poată vedea și interacționa direct cu dispozitivul.
Obiectivul proiectării unui site este de a se asigura că atunci când utilizatorii deschid site-ul, văd
informațiile într-un format ușor de citit și relevant. Acest lucru este complicat și mai mult de
faptul că utilizatorii folosesc acum o mare varietate de dispozitive cu dimensiuni și rezoluții
diferite ale ecranului, forțând astfel designerul să ia în considerare aceste aspecte atunci când
proiectează site-ul. Ei trebuie să se asigure că site-ul lor apare corect în diferite browsere (cross-
browser), diferite sisteme de operare (cross-platform) și diferite dispozitive (cross-device), ceea
ce necesită o planificare atentă din partea dezvoltatorului.
Există mai multe instrumente disponibile care pot fi folosite pentru a dezvolta front-end-ul unui
site web, iar înțelegerea instrumentelor care se potrivesc cel mai bine pentru sarcini specifice

9
marchează diferența dintre dezvoltarea unui site piratat și a unui site bine conceput, scalabil. Mai
jos sunt câteva instrumente populare utilizate pentru dezvoltarea front-end:
i. Limbajul de marcare hipertext (HTML)
Hyper Text Markup Language este coloana vertebrală a oricărui proces de dezvoltare a site-ului
web. Fără el, o pagină web nu există. Este codul HTML care oferă un cadru general al modului
în care va arăta site-ul. HTML a fost dezvoltat de Tim Berners-Lee în 1993. După dezvoltarea
HTML, multe versiuni au intrat pe piața World Wide Web. Cea mai recentă versiune de HTML
se numește HTML5. Această versiune conține modalități noi și eficiente de a gestiona elemente
precum fișierele video și audio. HTML5 este acum foarte popular printre dezvoltatorii web front-
end. HTML5 are o mulțime de caracteristici în comparație cu versiunile mai vechi. După
dezvoltarea HTML-ului, a venit o revoluție în domeniul internetului. Acum, lumea a început să
comunice folosind un singur limbaj, adică: HTML. Și, de asemenea, termenul HTML este format
din două părți. Primul este Hyper Text, iar al doilea este Markup Language.

ii. Foi de stil în cascadă (CSS)

CSS controlează aspectul de prezentare al unui site web și permite unui site web să aibă propriul
său aspect unic. Face acest lucru prin menținerea foilor de stil care stau peste alte reguli de stil și
sunt declanșate pe baza altor intrări, cum ar fi dimensiunea și rezoluția ecranului dispozitivului.
Cu cuvinte simple, este un instrument care definește/controlează culorile, textul și dimensiunea
(conținutul) acestuia etc.
iii. JavaScript
JavaScript este un limbaj de programare imperativ bazat pe evenimente (spre deosebire de
modelul de limbaj declarativ al HTML) care este folosit pentru a transforma o pagină HTML
statică într-o interfață dinamică. Codul JavaScript poate folosi Document Object Model (DOM),
furnizat de standardul HTML, pentru a manipula o pagină web ca răspuns la evenimente, cum ar
fi introducerea utilizatorului. Folosind o tehnică numită AJAX, codul JavaScript poate prelua în
mod activ conținutul de pe web (independent de regăsirea paginii HTML originale) și, de
asemenea, poate reacționa la evenimentele de pe partea serverului, adăugând o natură cu
adevărat dinamică experienței paginii web.

Mai jos este un exemplu de HTML folosit pentru a defini o pagină web de bază cu un titlu și un
singur paragraf de text

Vizualizarea Cod a paginii web Basic HTML este prezentată în figura 3.1

10
Figura 3.1: Pagina web HTML de bază

Prima linie definește ce tip de document conține. „<!DOCTYPE html>” înseamnă că pagina este
scrisă în HTML5 . Paginile HTML formatate corect ar trebui să includă etichete <html>, <head>
și <body>, care sunt toate incluse în exemplul de mai sus. Titlul paginii, metadatele și linkul
către fișierele de referință sunt plasate între etichetele <head>. Conținutul real al paginii trece
între etichetele <body>.
Web- ul a trecut prin multe schimbări în ultimele decenii, dar HTML a fost întotdeauna limbajul
fundamental folosit pentru dezvoltarea paginilor web. Interesant, în timp ce site-urile web au
devenit mai avansate și mai interactive, HTML a devenit mai simplu. Dacă comparați sursa unei
pagini HTML5 cu o pagină similară scrisă în HTML 4.01 sau XHTML 1.0, pagina HTML5 ar
conține probabil mai puțin cod. Acest lucru se datorează faptului că HTML modern se bazează
pe foi de stil în cascadă sau JavaScript pentru a formata aproape toate elementele dintr-o pagină.

3.2.0 Html și proprietățile sale

HTML înseamnă H yper text M ark-up Language și este limbajul cel mai utilizat pentru
a scrie Pagini Web.

i. Hipertextul se referă la modul în care paginile Web (documentele HTML) sunt legate
între ele. Astfel, linkul disponibil pe o pagină web se numește Hypertext.
ii. După cum sugerează și numele, HTML este un limbaj de marcare , ceea ce înseamnă
că utilizați HTML pentru a „marca” pur și simplu un document text cu etichete care spun
unui browser web cum să-l structureze pentru a-l afișa.

11
Inițial, HTML a fost dezvoltat cu intenția de a defini structura documentelor, cum ar fi titluri,
paragrafe, liste și așa mai departe, pentru a facilita schimbul de informații științifice între
cercetători.
Acum, HTML este utilizat pe scară largă pentru a formata pagini web cu ajutorul diferitelor
etichete disponibile în limbajul HTML.

3.2.1 Etichete HTML:

După cum sa spus mai devreme, HTML este un limbaj de marcare și folosește diverse
etichete pentru a formata conținutul. Aceste etichete sunt incluse în acolade unghiulare <Nume
etichetă> . Cu excepția câtorva etichete, majoritatea etichetelor au etichetele de închidere
corespunzătoare. De exemplu, <html> are eticheta de închidere </html> și eticheta <body> are
eticheta de închidere </body> etc.
Următoarele sunt numele etichetelor și descrierea acestora.

Etichet Descriere
ă
<html> Această etichetă include documentul HTML complet și cuprinde în principal antetul
documentului, care este reprezentat de <head>...</head> și corpul documentului,
care este reprezentat de etichete <body>...</body>.
<cap> Această etichetă reprezintă antetul documentului care poate păstra alte etichete
HTML precum <title>, <link>, <script language =”javascript”> etc.
<titlu> Eticheta <title> este folosită în interiorul etichetei <head> pentru a menționa titlul
documentului.
<corp> Această etichetă reprezintă corpul documentului care păstrează alte etichete HTML
precum <h1>, <div>, <p>, <table> etc.
<h1> Această etichetă reprezintă un titlu

<p> Această etichetă reprezintă un paragraf.

12
 <b>, Bold, italic, listă, listă neordonată
<i>,
<li>,
<ul>

3.2.2 TABEL HTML:

Modelul de tabel HTML permite designerilor web să aranjeze date – text, text
preformatat, imagini, linkuri, formulare, câmpuri de formular, alte tabele etc. în rânduri și
coloane de celule. Este definit cu eticheta <table>.

Tabelele sunt împărțite în rânduri de tabel cu eticheta <tr>. Rândurile de tabel sunt
împărțite în date de tabel cu eticheta <td>. Un rând de tabel poate fi, de asemenea, împărțit în
titluri de tabel cu eticheta <th>.

Datele tabelului <td> sunt containerele de date ale tabelului. Ele pot conține tot felul de elemente
HTML, cum ar fi text, imagini, liste, alte tabele.

Vizualizările Cod și vizualizarea Design a paginii de înscriere fără CSS sunt prezentate în
figura 3.2 și 3.3.

13
Figura 3.2: Vizualizări de cod ale paginii de înscriere fără CSS

Figura 3.3: Vedere de proiectare a paginii de înscriere fără CSS

3.3.0 Introducere în CSS

CSS înseamnă „Cascading Style Sheet”. Foile de stil în cascadă sunt folosite pentru a formata
aspectul paginilor Web . Acestea pot fi utilizate pentru a defini stiluri de text, dimensiuni de tabel
și alte aspecte ale paginilor Web care anterior puteau fi definite numai în HTML -ul unei pagini.

CSS îi ajută pe dezvoltatorii Web să creeze un aspect uniform pe mai multe pagini ale unui site
Web. În loc să definiți stilul fiecărui tabel și al fiecărui bloc de text din HTML-ul unei pagini,

14
stilurile utilizate în mod obișnuit trebuie definite o singură dată într-un document CSS. Odată ce
stilul este definit în foaia de stil în cascadă, poate fi folosit de orice pagină care face referire la
fișierul CSS. În plus, CSS facilitează schimbarea stilurilor pe mai multe pagini simultan. De
exemplu, un dezvoltator Web poate dori să mărească dimensiunea implicită a textului de la 10 pt
la 12 pt pentru cincizeci de pagini ale unui site Web. Dacă toate paginile fac referire la aceeași
foaie de stil, dimensiunea textului trebuie doar modificată pe foaia de stil și toate paginile vor
afișa textul mai mare. În timp ce CSS este excelent pentru crearea stilurilor de text, este util și
pentru formatarea altor aspecte ale aspectului paginii Web. De exemplu, CSS poate fi folosit
pentru a defini umplutura celulelor celulelor tabelului, stilul, grosimea și culoarea chenarului
unui tabel și umplutura în jurul imaginilor sau a altor obiecte. CSS dă

Dezvoltatorii web au un control mai exact asupra modului în care vor arăta paginile Web decât
are HTML. Acesta este motivul pentru care majoritatea paginilor Web de astăzi încorporează foi
de stil în cascadă. Notă: codul CSS nu este scris la fel ca codul HTML. Acest lucru are sens
deoarece CSS nu este HTML, ci mai degrabă o modalitate de a manipula HTML existent.

3.3.1 MOTIVE PENTRU CSS

Următoarele sunt motivele pentru care CSS este mai bun

i. Economisește timp
ii. Eradica ideea de a folosi coduri repetate
iii. Oferă eficiență în proiectare și actualizări: cu CSS, putem crea reguli și aplica acele
reguli la multe elemente din site-ul web.
iv. Acesta creează fișiere externe (partea server) pentru gestionarea conținutului HTML

3.3.2 METODA FOLOSITĂ DE CSS ÎN FORMATAREA DOCUMENTULUI HTML

i. Stil inline: este folosit pentru a aplica un stil unic unui singur element HTML. Un CSS
inline folosește atributul de stil al unui element HTML.
ii. Stil încorporat/intern: este utilizat dacă o singură pagină are un stil unic. Stilurile
interne sunt definite în cadrul elementului <style>, în interiorul secțiunii <head> a unei
pagini HTML.

15
 iii. Stil extern: Cu o foaie de stil externă, puteți schimba aspectul unui întreg site web prin
schimbarea unui singur fișier. Fiecare pagină trebuie să includă o referință la fișierul
extern foaie de stil în interiorul elementului <link>. Elementul <link> intră în secțiunea
<head>. De asemenea, atunci când utilizați CSS extern, este de preferat să păstrați CSS
separat de HTML. Plasarea CSS într-un fișier separat permite designerului web să
diferențieze complet între conținut (HTML) și design (CSS). CSS extern este un fișier
care conține doar cod CSS și este salvat cu o extensie de fișier „.css”. Acest CSS este
apoi referit în HTML folosind <link> în loc de <style>, așa cum sa menționat mai
devreme.

3.3.3 SELECTOARE CSS SI CUM POT FI UTILIZATI

Selectoarele CSS sunt utilizate pentru a găsi sau selecta elemente HTML pe baza
numelui, id-ului sau clasei elementului

i. Selector de elemente: selectorul de elemente selectează elemente pe baza numelui

elementului.
ii. Selector de id: selectorul de id folosește atributul id al unui element HTML pentru a
selecta un anumit element. Id-ul unui element trebuie să fie unic într-o pagină, astfel încât
selectorul de id este folosit pentru a selecta un element unic. de ex. id=”hello” CSS #hello
{ culoare; roșu;}
iii. Selector de clasă: selectorul de clasă selectează elemente cu atribute de clasă specifice.
Pentru a selecta elemente cu o anumită clasă, scrieți un punct (.) urmat de numele clasei.
de ex. .center {text-align: center;}

3.3.4 REGULILE CSS ANULUI

i. Orice foaie de stil inline are cea mai mare prioritate, deci va suprascrie orice regulă
definită în etichetele <style>……</style>.
ii. Orice regulă definită în etichetele <style>………</style> va suprascrie regulile definite
în orice fișier extern de foaie de stil.
2.3.5 COMENTARII CSS

16
 Pentru a pune pur și simplu un comentariu într-o foaie de stil pe care o utilizați
/*………..*/, îl puteți folosi pentru a comenta blocuri cu mai multe linii în mod similar ca și în
limbajul de programare c și c++.

3.3.6 FUNDAL ȘI FONT ALE DIVERSELOR ELEMENTE HTML

Puteți seta următoarele proprietăți de fundal ale unui element.

i. Culoarea de fundal: este o proprietate folosită pentru a seta culoarea de fundal a unui
element.
ii. Proprietatea background-image: este folosită pentru a seta imaginea de fundal a unui
element.
iii. Repetarea fundalului: este folosită pentru a controla repetarea unei imagini în fundal.
iv. Poziția de fundal: este folosită pentru a controla poziția unei imagini în fundal.
v. Atașamentul de fundal: este folosit pentru a controla derularea unei imagini în fundal.
vi. Proprietatea de fundal: este folosită ca prescurtare pentru a specifica numărul de alte
proprietăți de fundal. fontul care sunt ;
i. Proprietatea Font-family: Aceasta este folosită pentru a schimba fața unui font
ii. Proprietatea Font-style: Aceasta este folosită pentru a face un font italic sau oblic.
iii. Proprietatea Font-weight: Aceasta este folosită pentru a crește sau a micșora cât de
îndrăzneț sau deschis apare un font.
iv. Proprietatea Font-size: Aceasta este folosită pentru a mări sau a micșora dimensiunea
unui font.
3.3.7 DECORAȚIA TEXTULUI:

Acest lucru demonstrează cum să decorezi un text în CSS, valorile sunt niciunul,
subliniat, supraliniat, line-through și clipește.

3.3.8 PROPRIETĂȚI ALE HYPERLINK-ULUI CU CSS

i. Link-ul înseamnă hiperlinkuri nevizitate

ii. Link-ul vizitat înseamnă hiperlinkuri vizitate
iii. Link-ul plasat cu mouse-ul indică un element care în prezent are cursorul mouse-ului
utilizatorului deasupra acestuia.
3.3.9 Adăugarea CSS la designul HTML anterior

17
Vizualizarea cod și vizualizarea design a paginii de înscriere cu CSS sunt prezentate în figura
3.4, 3.5 și 3.6

Figura 3.4: Vedere cod a paginii de înscriere cu CSS

18
Figura 3.5: Vedere cod a paginii de înscriere cu CSS

Figura 3.5: Vedere de proiectare a paginii de înscriere cu CSS

3.4 PROIECTAREA SITE-ULUI FOLOSIND HTML SI CSS

Vizualizarea designului și vizualizarea codului despre utilizarea HTML și CSS în construirea

unui site sunt descrise în
Figura 3.7, 3.8, 3.9, 4.0, 4.1, 4.2.

19
Figura 3.7: Vizualizări de design ale construirii unui site folosind HTML și CSS

20
Figura 3.8: Vizualizări de design ale construirii unui site folosind HTML și CSS

Figura 3.9: Vizualizări de design ale construirii unui site folosind HTML și CSS

21
Figura 4.0: Vedere cod a construirii unui site folosind HTML și CSS

22
Figura 4.1: Vederi de cod
ale construirii unui
site folosind HTML și
CSS

23
Figura 4.2: Vederi de cod ale construirii unui site folosind HTML și CSS

CAPITOLUL PATRU

4.0 Cunoștințe dobândite

SIWES este un organism creat pentru a educa și a oferi studenților cunoștințe practice pentru
situația de muncă industrială pe care este probabil să o întâlnească după absolvire. În perioada de
pregătire industrială au fost dobândite următoarele abilități:

i. Abilitatea de a structura site-uri web cu ajutorul HTML.

ii. Abilitatea de a înfrumuseța site-urile web cu ajutorul HTML și CSS.
iii. Abilitatea de a crea site-uri web standardizate cu ajutorul HTML, CSS și JAVASCRIPT.
iv. Depanarea erorilor și a fi creativ în aranjarea codurilor.
v. Abilitatea de a identifica și rezolva probleme legate de dezvoltarea front-end.
vi. Luare decizii, gândire critică, organizare și planificare.
vii. Abilitatea de a lucra cu echipa.

4.1 Provocări

În calitate de student care a urmat această pregătire, mai jos sunt următoarele provocări întâlnite.

i. Utilizarea proprietăților ecranului @media pentru a face un site web receptiv pe diferite
dispozitive.
ii. Cunoașterea combinației corecte de culori CSS de utilizat pentru un proiect.
iii. Oferirea unei structuri corecte etichetelor div pentru a obține un site web receptiv.
iv. Instrumentele utilizate în construirea unui site web front-end sunt întotdeauna supuse
unei schimbări constante

24
 CAPITOLUL CINCI

5.0 rezumat

Atașamentul SIWES cu Ibom e-Library, Uyo, a fost una dintre cele mai intruzive, interesante și
productive experiențe. În ceea ce privește acest program, dobândirea de noi perspective și o
înțelegere mai cuprinzătoare a dezvoltării front-end și a condițiilor industriale reale a fost
realizată pe deplin.

5.1 Concluzie
Ca student de stagiu care a urmat programul SIWES la Ibom e-Library HTG, Uyo. Programul de
stagiu s-a concentrat pe dezvoltarea web front-end (numită și partea client), care este cea mai
atractivă parte a unui site care atrage mintea utilizatorului. Cunoștințele dobândite au fost, în
special, despre HTML și CSS, parte a dezvoltării web, care sporesc capacitatea de a crea și
proiecta diferite tipuri de pagini web și, de asemenea, le leagă împreună pentru a obține o
interfață de utilizator a unui site web. În acest moment, scopul și obiectivele ITH de a stabili
acest program
într-adevăr a meritat.

5.2 Recomandări

i. Conducerea școlii ar trebui să ia în considerare faptul că elevilor le este dificil să fie

admiși într-o anumită organizație pentru atașament și să îndemne aceste organizații să
accepte studenți.

25
 ii. Organismul SIWES ar trebui să încerce pe cât poate să ajute financiar studenții atunci
când realizează acest atașament foarte industrial.
iii. Locul de atașament ar trebui să încerce, pe cât posibil, să angajeze lucrători educați
pentru a evita schimbarea codului în timpul lecturii.
iv. Ar trebui desfășurată o campanie de iluminare în masă, pentru a permite industriilor și
instituțiilor să cunoască importanța SIWES pentru viitorul studenților și al societății în
general.

Referințe
Allen, CR citat în Craig, RL (1987). Manual de instruire și dezvoltare, al 3-lea. ed.
McGraw-Hill, New York, p. 10.

ITF (1973). Documentul de politică nr. 1. Fondul de Formare Industrială, Jos, Nigeria.

Mafe, OAT (2009). Ghid pentru participarea cu succes la SIWES. Panaf Publishing Inc., Abuja
și Lagos.
Ojokuku, BY, Emeahara, EN, Aboyade, MA și Chris-Israel, HO, „Influence Of
Schemă de experiență de muncă industrială privind dezvoltarea profesională a
studenților în bibliotecă și în știința informației din sud-vest, Nigeria" (2015). Filosofie și
practică bibliotecii (e-jurnal). 1330.

Ukwueze, F (2011) Impactul Studenților Programul de experiență industrială (SIWES) asupra

Dezvoltarea abilităților de angajare a absolvenților, Jurnalul Asociației Profesionale din
Nigeria, Vol. 16 (1), pp. 118-124.

Consorțiul World Wide Web (W3C). (2010, 16 septembrie). Primer WAI-ARIA 1.0:
O introducere în provocările și soluțiile bogate privind accesibilitatea aplicațiilor Internet.

26
 Preluat de la http://www.w3.org/TR/2010/WD-wai-aria-primer-20100916

Biblioteca electronică Ibom. (2012). Gestionat de HTG

Preluat de la http://www.theibomelibrary.com/about-us .

Biblioteca electronică Ibom. (2013). „E-Library îl plasează pe Uyo în avantaj, spune

guvernatorul. Akpabio – Știri Vanguard.” Știri Vanguard.

Lynch PJ, Horton. S. (2016), „Web style guide: Foundations of user experience design”, Edn. 4,
New Haven & London, Yale University Press.

Seigel B. (2011), „A complete website planning guide”, [Online] Disponibil de la:

https://www.smashingmagazine.com/2011/06/

Burns M. (2015), „3 major problems with web development projects”, [Online] Disponibil
de la: https://www.disruptorleague.com/blog/2015/09/07/3-major-problems-with-web -
proiecte-de-dezvoltare/.

Thomas AP (2010). „HTML și CSS: Referința completă”. (Ediția a cincea). McGraw-Hill,

New York .

27