Crearea Paginilor Web

<!
DOCTYPE html><html> <head>

<title>Yelp Camp</title> <!
-- Make site responsive on mobi
le/tablet - <meta name="v
iewport" content=
"width=device-width, initial-
scale=1"> <link rel="s
Crearea
paginilor
tylesheet" href="https://maxcd
n.bootstrapcdn.com/bootstrap/3
3.7/css/bootstrap.min.css"><li
nk rel="stylesheet" href="/sty
lesheets/main.cs</head><body>
<nav class="navbar navbar-defa
ult"> <div class="container"><
web Mihalache Ana Maria
Ene Isabela
Matei Alexandra
divlass="navbar-header"><butto Bogdan Antonia
n type="button" class="navbar- Ivanciu Sergiu
toggle collapsed" data-toggle= clasa a XI-a B
"collapse" navigation</span>
Cuprins
● Ce este o pagină web?
● Ce conține o pagină web?
● Front end și Back End
● Front End
● Html
● Css
● Back End
● Js
● De ce avem nevoie pentru a crea o pagină web?
● Bază de date - MongoDB
● Exemplu de pagină web creată - YelpCamp
● Limbaje și librării utilizate - YelpCamp
● Descriere funcționalități - YelpCamp
● Porțiuni de cod
● Bibliografie
Ce este o pagină web?
O pagină web este o resursă aflată în spațiul web (WWW) din Internet, de obicei în format HTML sau XHTML
(extensia numelui fișierului fiind de cele mai multe ori .html sau .htm) și având hiperlinkuri (hiperlegături) pentru
navigarea simplă (cu un singur clic de mouse-ul) de la o pagină sau secțiune de pagină la alta. Pagina web se
numește astfel, deoarece ea se poate afișa pe un monitor sau ecran de calculator și se aseamănă într-o oarecare
măsură cu o pagină de ziar. Lățimea paginii web este de obicei astfel făcută ca ea să încapă în întregime pe lățimea
ecranului disponibil. În schimb înălțimea ei poate depăși cu mult pe cea a ecranului. În aceste cazuri, browserul și
mouse-ul permit de obicei vizionarea simplă și rapidă a întregii pagini, și anume prin "tragerea" ei în sus și în jos, după
dorință.
Pentru a furniza nu numai texte dar și imagini și sunete, paginile web utilizează deseori fișiere grafice sau
sonore integrate, dar și hiperlinkuri către alte resurse neintegrate în pagina respectivă.
De obicei furnizorul de informații își grupează și organizează paginile în cadrul unui site web, care la cerere, și
pentru a putea fi regăsit, primește un identificator Internet unic numit URI.
Ce conține o pagină web?
O pagină web poate conține:
● texte în cele mai diferite formate (forme, mărimi, culori, poziții etc.);
● imagini (fișiere cu formatele .gif, .jpeg, .png ș.a.);
● audio (fișiere în formatele .mid .wav ș.a.);
● conținut multimedia interactiv care, pentru a fi văzut și utilizat, necesită de
obicei un plugin ca de ex. cu formatul Adobe Flash sau Adobe Shockwave;
● mini aplicații, (așa-numite "applets") – subprograme care rulează la
chemarea paginii și care deseori oferă filme, imagini, interacțiune și sunete.
Paginile web mai pot conține și elemente care nu sunt făcute pentru a fi afișate de browser,
cum ar fi:
● scripturi (de obicei în formatul JavaScript), care adaugă paginii funcționalitate
suplimentară (de exemplu, creează efecte vizuale sau verifică datele introduse intr-un
formular web);
● meta-etichete – furnizează informații despre pagină, instrucțiuni pentru roboții
motoarelor de căutare, etc. Cuvintele cheie și celelalte descrieri din meta-etichete ajută
motoarele de căutare să catalogheze pagina corect și, în cazul acțiunilor de căutare, să
ofere rapid informații și rezultate;
● foi de stil (așa-numite "Cascading Style Sheets" sau "CSS"), care stabilesc modul cum
este formatată pagina;
● comentarii;
● Atenție, paginile web mai pot conține și așa-numiți viruși informatici precum și alte
funcțiuni dăunătoare (malițioase) dar greu de văzut/recunoscut.
Front End și Back End
În domeniul informaticii, front-end (parte frontală) și back-end
(partea din spate) sunt termeni generalizați care se referă la etapele
inițiale și finale ale unui proces.
Termenii au apărut în ingineria software datorită dezvoltării

principiului repartizării responsabilității între reprezentarea externă și
implementarea internă. În mod obișnuit, front end este mai aproape de
utilizator, back-end fiind mai aproape de sistem.
Front End
Front-end este responsabil pentru descărcarea datelor de la utilizator în diferite forme și transferarea
acestora către back-end. Apoi back-end bazat pe aceste date îndeplinește o sarcină specifică. Opțional,
partea frontală poate afișa utilizatorului rezultatele obținute de la back-end.
● React
● XHTML
● HTML5
● CSS
● Javascript
● AJAX
● jQuery
● CFML
● Angular
HTML
HyperText Markup Language (HTML)
este un limbaj de marcare utilizat pentru
crearea paginilor web ce pot fi afișate într-un
browser (sau navigator).
Scopul HTML este mai degrabă

prezentarea informațiilor – paragrafe, fonturi,
tabele ș.a.m.d. – decât descrierea semanticii
documentului.
CSS
CSS (Cascading Style Sheets) este un standard
pentru formatarea elementelor unui document HTML.
Stilurile se pot atașa elementelor HTML prin intermediul unor
fișiere externe sau în cadrul documentului, prin elementul
<style> și/sau atributul style. CSS se poate utiliza și pentru
formatarea elementelor XHTML, XML și SVGL.
CSS3 reprezintă un upgrade ce aduce câteva

atribute noi și ajută la dezvoltarea noilor concepte În
web design.
Unele dintre cele mai importante segmente (module) noi
adăugate acestui standard pentru formatarea elementelor
HTML aduc un plus considerabil în dezvoltarea activități web
design.
Back End
Back-end-ul creează un API care folosește front-end. Astfel, dezvoltatorul de front-end nu are
nevoie să cunoască caracteristicile implementării, iar dezvoltatorul back-end nu trebuie să cunoască
implementarea front-end. [1]
● PHP
● C
● C++
● Node.js
● Ruby on Rails
● Python
● Java
● JSP
● .NET
● C sharp
● Visual Basic
● Perl
Javascript
JavaScript (JS) este un limbaj de programare orientat pe obiecte, bazat pe conceptul
prototipurilor. Este folosit mai ales pentru introducerea unor funcționalități în paginile web, codul
JavaScript din aceste pagini fiind rulat de către browser.
Limbajul este binecunoscut pentru folosirea sa în construirea site-urilor web, dar este
folosit și pentru accesul la obiecte încapsulate (embedded objects) în alte aplicații. A fost
dezvoltat inițial de către Brendan Eich de la Netscape Communications Corporation sub
numele de Mocha, apoi LiveScript, și denumit în final JavaScript.
În ciuda numelui și a unor similarități în sintaxă, între JavaScript și limbajul Java nu există
nicio legătură. Ca și Java, JavaScript are o sintaxă apropiată de cea a limbajului C, dar are mai
multe în comun cu limbajul Self decât cu Java.
Javascript
De ce avem nevoie pentru a crea o pagină web?
Pentru a crea o pagină web mai avem nevoie și de un spațiu în care să plasăm text-ul și în
care să ne asigurăm că ceea ce am scris este corect. Acest spațiu se numește IDE/ mediu de
dezvoltare.
Un mediu de dezvoltare (engl. software development environment, sau integrated

development environment - "mediu integrat de dezvoltare) este un set de programe care ajută
programatorul în scrierea programelor. Un mediu de dezvoltare combină toți pașii necesari creării
unui program (ex.: editarea codului sursă, compilarea, depanarea, testarea, generarea de
documentație) într-un singur soft, care, de regulă, oferă o interfață cu utilizatorul grafică,
prietenoasă.
De ce avem nevoie pentru a crea o pagină web?
Principalele componente ale unui mediu de dezvoltare sunt editorul de cod sursă și depanatorul. Mediile de
dezvoltare apelează compilatoare, sau interpretoare, care pot veni în același pachet cu mediul însuși, sau pot fi
instalate separat de către programator. Printre facilitățile prezente în mediile de dezvoltare mai sofisticate se
numără: exploratoare de cod sursă, sisteme de control al versiunilor, designere de interfețe grafice, sau unelte de
ingineria programării (ex. generarea de diagrame UML).
De obicei un mediu de dezvoltare este specific unui anumit limbaj de programare, însă există la ora actuală și
medii de dezvoltare care pot lucra cu mai multe limbaje, de ex. Eclipse sau Microsoft Visual Studio.
Baze de date- MongoDB
MongoDB este o bază de date NoSQL
open-source orientată pe documente. Acestă
bază de date beneficiază de suport din partea
companiei 10gen. MongoDB face parte din
familia de sistemelor de baze de date NoSQL.
Diferența principală constă în faptul că stocarea
datelor nu se face folosind tabele precum într-o
bază de date relațională, MongoDB stochează
datele sub formă de documente JSON cu
scheme dinamice.
MongoDB
MongoDB este o bază de date open-source NoSQL scrisă în C++. Aceasta poate conține
mai multe baze de date, colecții și indecși. În unele cazuri (baze de date și colecții ) aceste
obiecte pot fi create implicit. Odată create, ele se găsesc în catalogul sistemului
db.systems.collection, db.system.indexes. Colecțiile conțin documente (BSON). Aceste
documente conțin la rândul lor mai multe câmpuri. În MongoDB nu există câmpuri predefinite spre
deosebire de bazele de date relaționale, unde există coloanele care sunt definite în momentul în
care tabelele sunt create. Nu există schemă pentru câmpurile dintr-un document, acestea precum
și tipurile lor pot varia. Astfel nu există operația de „alter table” pentru adăugare de coloane. În
practică este obișnuit ca o colecție să aibă o structură omogenă, deși nu este o cerință, colecțiile
putând avea structuri diferite. Această flexibilitate presupune ușurință în migrarea și modificarea
imaginii de ansamblu asupra datelor.
Exemplu de pagină creată- Yelp Camp
Link către pagină : https://vast-brook-66892.herokuapp.com/
Limbaje utilizate- YelpCamp
1. Html
2. Css
3. Javascript
4. Bootstrap
5. Node.js
Descriere funcționalități- YelpCamp
YelpCamp - un site care
adună o multitudine de locuri
de camping din lume și oferă
utilizatorului posibilitatea de a
adăuga noi locuri de camping
( nume, pret pe noapte,
descriere și o imagine
descriptivă) cât și posibilitatea
de a edita această descriere și
de a adăuga și edita
comentarii.
Porțiuni de cod - YelpCamp
Bibliografie
● https://ro.wikipedia.org/wiki/Pagin%C4%83_web
● https://ro.wikipedia.org/wiki/Front-end_%C8%99i_back-end#Front-end
● https://ro.wikipedia.org/wiki/HyperText_Markup_Language
● https://ro.wikipedia.org/wiki/Mediu_de_dezvoltare
● https://ro.wikipedia.org/wiki/MongoDB
● https://en.wikipedia.org/wiki/Front-end_web_development
● https://ro.wikipedia.org/wiki/JavaScript
● https://en.wikipedia.org/wiki/Visual_Studio_Code

Crearea Paginilor Web

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Crearea Paginilor Web

Încărcat de

Drepturi de autor:

Formate disponibile

<!

DOCTYPE html><html> <head>

Termenii au apărut în ingineria software datorită dezvoltării

Scopul HTML este mai degrabă

CSS3 reprezintă un upgrade ce aduce câteva

Un mediu de dezvoltare (engl. software development environment, sau integrated

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