Sunteți pe pagina 1din 17

COLEGIUL NATIONAL ,,BARBU STIRBEI” CALARASI 2023

Nr. inreg. ………../………………………….

PROIECT PENTRU OBȚINEREA


CERTIFICATULUI DE COMPETENȚE
PROFESIONALE

Profesor indrumator, Elev,


Dumitrescu Gica Stefan Bogdan Adrian
2023
Scopul realizării organelor artificiale

2023

2
Cuprins

1. Motivația alegerii temei …………………………...pagina 4


2. Prezentarea lucrării………………………………...pagina 5
3. Harta site-ului ……………………………………...pagina 8
4. Instrumente de lucru folosite………….……….…pagina 9
5. Resurse hardware și software necesare…………...pagina 10
6. Modalități de utilizare…………………………….pagina 11
7. Posibilități de dezvoltare………………..…….….pagina 12
8. Codul sursa…………………………………..……pagina 13
9. Bibliografie……………………………………….pagina 17

3
1)Motivatia alegerii temei

Am ales să dezbat această temă deoarece sunt pasionat de tema aviației și


consider că aceasta este o ocazie bună de a-mi împărtăși cunoștințele și de a atrage
cât mai multă lume spre acest domeniu. Un site cu un scop atât educativ,
informativ cât și de divertisment, recreațional.

4
2)Prezentarea lucrării

Prima pagină se numește "index" și este hub-ul unde persoana care accesează site-
ul poate da swipe și își poate alege o aeronavă despre care poate vedea detalii
apăsând pe butonul "află mai multe".

5
Apăsând pe butonul "află mai multe", utilizatorul are acces la informații detaliate
despre avionul ales, la final găsindu-se un buton "înapoi" care trimite utilizatorul
înapoi la pagina principală.

6
7
3)Harta site-ului

8
4)Instrumente de lucru folosite
Microsoft Notepad (popular MS Notepad sau simplu Notepad) este un editor
simplu de text, inclus în sistemul de operare Windows de la Microsoft, începând
din 1985, cu Windows 1.0. Are puține funcții pentru formatarea textului, fiind un
editor de text în clar, dar poate lucra cu caractere ASCII, ISO și/sau Unicode.
Extensia implicită de stocare a fișierelor create cu Notepad este .txt. Textul în clar
pe care îl folosește îl face să fie un editor cu fișiere suportate pe toate sistemele de
operare, deoarece nu are nevoie de reformatarea textului la deschidere. Totuși, deși
sunt simple, fișierele de text în clar se pot uneori folosi la programare. Notepad, de
asemenea, poate deschide și prelucra texte de sisteme de operare ca Unix și
MacOS, dar cu greutăți/inexactități în privința caracterelor care marchează un nou
rând (newline); aceste probleme sunt rezolvate într-o anumită măsură de MS
Wordpad. Wordpad este superior acestui program datorită metodelor de tratare a
textului mult mai avansate, facilitate de formatul .doc.

9
5)Resurse hardware și software necesare
SOFTWARE
• Windows 10
• Site-ul a fost realizat în exclusivitate cu programul “Notepad”
HARDWARE
• Procesor: Intel(R) Core(TM) i3-3217U CPU @1.80 GHz 1.80 GHz
• Memorie RAM: 4.00 GB
• Placa video: Intel(R) HD Graphics 4000
• Placa de baza: ASUSTek COMPUTER INC. X550CC 1.0
• Tipul sistemului: 64-bit operating system, x64-based processor

10
6)Modalități de utilizare

Utilizarea site-ului web este foarte simplă și la îndemâna oricui datorită meniului
prin care vizitatorii pot accesa cu ușurință orice pagină în funcție de propriul
interes. Acest site reprezintă o modalitate de a pune la dispoziție informații din
domeniul aeronautic. Sunt prezentate 5 dintre cele mai importante aeronave din
timpul celui de-al Doilea Război Mondial. Site-ul poate fi accesat de oricine, este
simplu și ușor de utilizat.
Conține:
-texte in diferite formate (forme, márimi, culori, poziții );
-imagini (fișiere cu formatele jpg);

11
7)Posibilități de dezvoltare

Site-ul se poate dezvolta foarte mult pe viitor, atât pe partea de design cât și pe
partea informațională. Introducerea mai multor tipuri de aeronave poate aduce mai
mulți utilizatori curioși pe pagină și poate conduce la o mai bună înțelegere a
trecutului de către noii veniți în acest domeniu.

12
8)Codul sursă (al paginii Home)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>avioane tare tare</title>

<!-- Link Swiper's CSS -->


<link rel="stylesheet" tipe="text/css" href="swiper-bundle.min.css" />

<!-- CSS -->


<link rel="stylesheet" tipe="text/css" href="style.css">

13
</head>
<body>
<section class="main swiper mySwiper">
<div class="wrapper swiper-wrapper">

<div class="slide swiper-slide">


<img src="poze/avion1.jpg" alt="" class="image">
<div class="image-data">
<span class="text">Descopera cele mai cunoscute aeronavele ale
celui de al doilea razboi mondial.</span>
<h2>Supermarine Spitfire</h2>
<a href="Supermarine Spitfire.html" class="button">afla mai
multe</a>
</div>
</div>
<div class="slide swiper-slide">
<img src="poze/avion2.jpg" alt="" class="image">
<div class="image-data">
<span class="text">Descopera cele mai cunoscute aeronavele ale
celui de al doilea razboi mondial</span>
<h2>North American P-51 Mustang</h2>
<a href="North American P-51 Mustang.html" class="button">afla
mai multe</a>
</div>
</div>
<div class="slide swiper-slide">
<img src="poze/avion3.jpg" alt="" class="image">
14
<div class="image-data">
<span class="text">Descopera cele mai cunoscute aeronavele ale
celui de al doilea razboi mondial</span>
<h2>F4U Corsair</h2>
<a href="F4U Corsair.html" class="button">afla mai multe</a>
</div>
</div>
<div class="slide swiper-slide">
<img src="poze/avion4.jpg" alt="" class="image">
<div class="image-data">
<span class="text">Descopera cele mai cunoscute aeronavele ale
celui de al doilea razboi mondial</span>
<h2>Messerschmitt Bf 109</h2>
<a href="Messerschmitt Bf 109.html" class="button">afla mai
multe</a>
</div>
</div>
<div class="slide swiper-slide">
<img src="poze/avion5.jpg" alt="" class="image">
<div class="image-data">
<span class="text">Descopera cele mai cunoscute aeronavele ale
celui de al doilea razboi mondial</span>
<h2>Mitsubishi A6M Zero</h2>
<a href="Mitsubishi A6M Zero.html" class="button">afla mai
multe</a>
</div>
</div>

15
</div>

<div class="swiper-button-next nav-btn"></div>


<div class="swiper-button-prev nav-btn"></div>
<div class="swiper-pagination"></div>

</section>
<!-- Swiper JS -->
<script src="JS/swiper-bundle.min.js"></script>

<!-- Initialize Swiper -->


<!-- Initialize Swiper -->
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 1,
loop: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});

16
</script>
</body>
</html>

9)BIBLIOGRAFIE:
https://ro.wikipedia.org/
https://swiperjs.com/get-started
https://colectionaruldeistorie.ro/

17

S-ar putea să vă placă și