Sunteți pe pagina 1din 14

Nume si prenume: Balca Eduard

Andrei
Clasa a XII-a B
Profesor coordonator: Mihaela Volmer
Cuprins

Motivarea alegerii temei


Tehnici folosite pentru construirea aplicatiei
Descrierea modulelor componente
Schema bloc
Structura proiectului
Codul sursa
Bibliografie
Motivarea temei alese

Am ales sa creez un site web despre componentele


calculatorului deoarece cred ca este important sa
intelegem cum functioneaza aceste dispozitive esentiale
pe care le folosim in viata noastra de zi cu zi. Prin
cunoasterea componentelor calculatorului, putem intelege
cum acestea lucreaza impreuna pentru a crea experiente
de utilizare fluida si eficienta. De asemenea, acest site
web poate fi util pentru cei care doresc sa isi construiasca
propriul lor calculator sau sa isi upgradeze unul existent.
Intelegerea componentelor calculatorului poate ajuta
oamenii sa ia decizii informate cu privire la achizitionarea
de noi piese si sa faca alegeri optime in functie de nevoile
lor. In cele din urma, prin explorarea componentelor
calculatorului si intelegerea modului in care acestea
interactioneaza, putem sa dezvoltam o mai buna intelegere
a tehnologiei si a modului in care aceasta ne influenteaza
vietile.
Tehnici folosite pentru
construirea aplicatiei
HTML este o forma de marcare orientata catre prezentarea
documentelor text pe o singura pagina, utilizand un
software de redare specializat, numit agent utilizator
HTML, cel mai bun exemplu de astfel de software fiind
browserul web. HTML furnizeaza mijloacele prin care
continutul unui document poate fi adnotat cu diverse tipuri
de metadate si indicatii de redare. Indicatiile de redare
pot varia de la decoratiuni minore ale textului, cum ar fi
specificarea faptului ca un anumit cuvant trebuie subliniat
sau ca o imagine trebuie introdusa, pana la scripturi
sofisticate, harti de imagini si formulare. Metadatele pot
include informatii despre titlul si autorul documentului,
informatii structurale despre cum este impartit documentul
in diferite segmente, paragrafe, liste, titluri etc. si
informatii cruciale care permit ca documentul sa poata fi
legat de alte documente pentru a forma astfel hiperlink-uri
(sau web-ul).
HTML este un format text proiectat pentru a putea fi citit si edita
Editoarele grafice (de tip WYSIWYG) cum ar fi Macromedia Drea

HTML se poate genera direct utilizand tehnologii de codare din p

HTML este de asemenea utilizat in e-mail. Majoritatea aplicatiilor


CSS sau Cascading Style Sheets este un standard pentru format

CSS permite separarea si prezentarea vizuala a continutului unei


JavaScript este un limbaj de programare popular utilizat in
dezvoltarea web. Este un limbaj de scriptare de tip client-
side, ceea ce inseamna ca ruleaza in browserul
utilizatorului si poate fi folosit pentru a crea pagini web
dinamice si interactive. JavaScript este folosit pentru a
adauga functionalitati la site-uri web, cum ar fi validarea
introducerii utilizatorului, crearea de formulare interactive
si animarea elementelor de pe pagina. De asemenea,
este folosit pentru a construi aplicatii bazate pe web, cum
ar fi jocuri online, chatbot-uri si harti interactive. Datorita
capacitatii sale de a manipula HTML si CSS, JavaScript
este un instrument puternic care permite dezvoltatorilor sa
creeze experiente web captivante si prietenoase pentru
utilizator.
Informatii

Scurt Istoric
Home Componentele

Evolutia
Poza cu prima pagina si butoanele de navigat
 Pagina despre componentele
calculatorului, prezinta imagini
interactive, care iti ofera
informatii despre componenta
respectiva.
Codul sursa

HTML : (Un fragment din codul sursa)


---------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="ro">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Evolutia calculatoarelor">
<meta name="author" content="Telea Valentin Dumitru">

<title>Evolutia Calculatoarelor si istoria acestora</title>

<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">


<link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">

<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet"


type="text/css">
<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300italic,400italic,600italic,7 00italic,800italic,400,300,600,700,800"
rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?
family=Merriweather:400,300,300italic,400italic, 700,700italic,900,900italic" rel="stylesheet"
type="text/css">

<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

<link href="css/creative.min.css" rel="stylesheet">

</head>

<body id="page-top">
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-
target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-
bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top"><img
src="img/logo/logo.svg" width="150px"></a>
</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">


<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="#about">Scurt istoric</a>
</li>
<li>
<a class="page-scroll" href="#services">Evolutia</a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Calculatorul</a>
</li>
<li>
<a class="page-scroll" href="#contact">Informatii</a>
</li>
</ul>
</div>
</div>
</nav>

------------------------------------------------------------------------------------------------------------------------------------------------

Aceasta parte reprezinta primele linii de cod ale site ului, unde p
Bibliografie:

https://ro.wikipedia.org/wiki/Plac%C4%83
_video
https://ro.wikipedia.org/wiki/Surs%C4%83_
de_alimentare
https://en.wikipedia.org/wiki/Solid- state_drive

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