Capitolul 1: Alegerea temei

In momentul in care am aflat ca trebuie sa realizam cate un site web,

primul meu gand a fost sa realizez ceva legat de tara noastra. Ceva prin care as

putea ajuta la promovarea ei, la mediatizarea atractiilor turistice, sau al

anumitor zone interesante, unice si cat se poate de atractive cu minunata

noastra tara, Romania.

De aici si idea de ROMANIA PITOREASCA, proiect prin care am vrut

sa scot in evidenta cateva puncte de atractie turistica din Romania.

Aceasta tema se poate dezvolta pe parcurs mult mai mult, se poate

transforma acest site web intr-un adevarat portal touristic, unde se pot prezenta

chiar oferte turistice, zone mai putin cunoscute, dar cu un impact vizual si

emotional incredibil de placut.

Capitolul 2: Introducere

Noiunea site web provine din expresia englez web site i desemneaz o grup de pagini web multimedia (coninnd texte, imagini fixe, animaii .a.), accesibile n Internet n principiu oriicui, de obicei pe o tem anume, i care sunt conectate ntre ele prin aa-numite hiperlinkuri. Diversele site-uri web pot fi create de ctre o organizaie, o persoan particular, instituii publice etc. Iniial noiunea aprea n limba romn scris sub dou forme : sit web i site (ca n limba englez). Lingvistul George Pruteanu considera c varianta de preferat este sait.

De obicei un site web este administrat (creat, ntreinut i actualizat) de ctre un aa-numit webmaster, dar exist i alte posibiliti:

site-ul web se actualizeaz automat i permanent pe baza unei baze de date;

paginile sale se creeaz n mod dinamic i automat n funcie de aciunea utilizatorului n cadrul unei aplicaii web;

site-ul web se creeaz i e administrat chiar de ctre utilizatorii si - vezi Web 2.0.

La nceputurile Internetului fiecare site web se accesa prin indicarea adresei

sale numerice specifice (adresa IP), de ex. 155.284.317.027. Ulterior pentru

site-urile web s-au introdus i numele de domenii, care permit indicarea adresei respective n mod mult mai comod, prin cuvinte sau nume uor de reinut, ca de exemplu www.wikipedia.org. Adresele de site-uri web trebuie s fie clar stabilite, unice n lume i chiar garantate pentru posesorul respectiv.

Un site web este alctuit de regul din mai multe pagini web. O pagin web este un document creat cu ajutorul limbajului de marcare HTML i (opional) limbaje de programare cum ar fi PHP, ASP .a. fiind accesibil vizitatorilor prin intermediul protocolului HTTP, care transfer informaia de la server la browser. Pagina web se numete aa deoarece, afiat pe un monitor, ea se aseamn cu o pagin de ziar: de obicei paginile web au o lime care ncape n ntregime pe ecran. n schimb, pagina poate fi chiar mult mai nalt (adnc) dect nlimea ecranului, ea putnd fi totui uor afiat cu ajutorul funciilor normale ale mausului i browserului folosite, prin "tragere" n sus i n jos. De asemenea, un site web poate fi vizualizat pe orice dispozitiv conectat la

Internet capabil s afieze informaii prin intermediul protocolului HTTP (unele telefoane mobile, PDA-uri, etc.).

Un site alctuit din mai multe pagini are de obicei o pagin iniial sau principal numit homepage, de la care pleac legturi ctre paginile interioare, secundare. Structurile i schemele de "navigare" din interiorul site-urilor web sunt foarte diferite, n funcie de scopurile, dorinele i posibilitile ofertantului de informaii. De obicei aceast homepage este chiar pagina de start a site-ului, pe care ofertantul de informaii n web o face cunoscut la public drept punct de plecare pentru ntregul site web al su.

Site-urile web se pot clasifica dup o mulime de factori, dar principalul factor rmne subiectul de activitate (sau coninutul) site-ului. Din punct de vedere tehnologic un site web poate fi alctuit din orice tipuri de date i informaii statice, camere de discuii, produse i servicii de vnzare, anunuri, formulare de completat online, sunete digitalizate, clipuri video, imagini

statice i animate, efecte speciale, meniuri dinamice i multe, multe altele. Vorbind la un nivel mai nalt, subiectul (tema) unui site web poate fi: un aa-numit blog, portal web, catalog web, magazin virtual, banc, universitate virtual, bibliotec, enciclopedie virtual, revist web, ziar web i aproape orice altceva.

Un exemplu de site web oarecum surprinztor este CouchSurfing, un sistem de mijlocire de locuine particulare pentru gzduirea pe timpul concediului a cltorilor interesai de contacte cu noi persoane particulare i noi culturi.

Dac la nceput nu s-a pus accent prea mare pe latura estetic, n zilele de azi se acord o importan din ce n ce mai mare nu numai coninutului de informaii al unui site web, dar i esteticii, dinamicii i atractivitii lui.

La ora actual (2007) Internetul conine sute de milioane de pagini web, pe cele mai variate subiecte i limbi. n octombrie 2006, Netcraft, o companie de monitorizare a Internetului care produce statistici despre Internet nc din anul 1995, a anunat c n web exist 101.435.235 site-uri, fiecare cu nume de domeniu propriu unic (fa de 18.000 site-uri n august 1995).

Principalele categorii de site-uri web dup coninut

1.Coninutul de tip meme - meme-urile reprezint imagini editate cu textul dorit

2.Coninut infografic - reprezentri grafice ale unor date (ex.graficele vnzrilor de pe ultima lun)

3.Coninut video - foarte util n cazul website-urilor ce ofer demonstraii,tutoriale,etc

4.Coninutul propriu-zis de tip text - textul este elementul cheie al unui site sau blog ce poate fi combinat cu succes mpreun cu primele trei tipuri de coninut.

Capitolul 3: Generalitati despre HTML

Internetul este intr-o continua evolutie. Pe zi ce trece apar site-uri din ce

in ce mai inovatoare, care forteaza limitle HTML-ului. Acest lucru se poate

explica usor prin faptul ca dezvoltarea limbajului s-a oprit in 1999, la HTML

4. W3C (World Wide Web Consortium) a continuat dezvoltarea XML,

precum si a altor limbaje markup cum ar fi: Scalable Vector Graphics (SVG), XForms, and MathML.

Programatorii au invatat CSS si limbajul JavaScript pentru a-si crea propriile aplicatii pe framework-uri deja existente care foloseau

Asynchronous JavaScript + XML(AJAX). Astfel, HTML nu s-a dezvoltat

in ultimii 8 ani.

Acest lucru avea sa se schimbe in anul 2004, cand 3 dintre cei mai

mari producatori de browsere: Apple, Opera si Mozilla au inceput sa lucreze

impreuna, formand (Web Hypertext Application Technology Working

Group sau WHATWG), pentru dezvoltarea clasicului HTML.

Astfel apare HTML 5 (denumit si Web Applications 1.0) care se vrea a

5-a mare revizie a HTML-ului.

Avand ca punct de plecare HTML 5, W3C a fondat, in 2007, HTML

working group( sau W3C HTML WG), care a publicat prima schita a

proiectului in 22 Ianuarie 2008.

Capitolul 4: Crearea si editarea paginii

HTML 5 introduce un nou set de elemente, care fac mult mai usoara

sturcturarea paginilor. Majoritatea paginilor in HTML 4 folosesc structuri

cum ar fi headere, footere si coloane.Acestea sunt realizate cu ajutorul

tagului , caruia i se adauga atribulete id sau class.

Flosirea tagului se datoreaza faptului ca actula versiune de HTML

nu dispune de elemente specializate pentru a descrie fiecare structura

(header, footer, coloana) in parte. HTML 5 rezolva aceasta problema

introducand elemente noi, dupa cum se poate vedea in imaginea de mai jos:

(elementul div poate fi inlocuit cu: header, nav, section, article, aside ,footer).

Codul pentru o pagina avand structura de mai sus va fi:

... ...

...

... ...

De exemplu, pentru urmatorea structura markup s-au folosit section

incuibat si elemente h1:

Level 1

Level 2

Level

3

De asemenea, pentru compatibilitate cu browswerele actuale, este

posibila folosirea altor elemente de heading (h2 h6) in locul elementelor

h1.

Folosind sectiunile(sections), paginile vor deveni mult mai usor

navigabile. De exenplu, se poate sari usor de la un articol la altul, fara sa fie

necesara folosirea de catre autor a linkurilor de skip. Cei care realizeaza

paginile au, de asemenea, de beneficiat pentru ca inlocuitrea div-urilor cu alte

elemente face codul mult mai usor de urmarit. Elementele de header reprezinte headerul unei sectiuni. Headerele pot

contine mai mult decat doar headingul unei sectiuni. De exemplu acestea pot include subtitluri sau informatii(nume, functie) despre autor.

A Preview of HTML 5 By Lachlan Hunt

Example Blog Insert tag line here.

Elementele de footer reprezita footerul sectiunii careia i se aplica. De

obicei acesta contine informatii despre sectiunea respectiva, despre autor,

link-uri si copyright-ul. 2015 Example Inc.

Elemetele de nav reperezinta sectiunea de navigation links.Se foloseste atat pentru navigarea pe site cat si pe post de cuprins.

Home Products Services About

Elemetul asside este folosit pentru continut care abordeaza aceeasi tematica si este, in general, folosit pentru crearea sidebar-urilor.

Archives

September 2007 August 2007 July 2007

Elementele de section reprezinta o sectiune a documentului sau a aplicatiei, de exemplu un capitol.

Chapter 1: The Period It was the best of times, it was the worst of times,

it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was

the season of Light, it was the season of Darkness, ...

Un element article reprezinta o sectiune independenta a documentului, paginii sau site- ului. Acesta poate fi folosit pentru a scrie un articol de stiri,un post pe blog, un post pe un forum sau un comentariu.

Chapter 1: The Period It was the best of times, it was the worst of times,

it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, ...

Audio si Video

In ultimii ani elementele audio si video au devenit din ce in ce mai populare

si mai des folosite, datorita unor site-uri precum YouTube, Viddler, Revver,

MySpace si altele, care ofera oricui posibilitatea de a crea asemena fisiere. Avand

in vedere ca actuala versiune HTML nu ofera posibilitatea de a introduce si a

controla asemenea elemente, multe site- uri folosesc Flash-ul pentru a crea aceasta

functionalitate. Chiar daca se pot introduce elemente audio/video in pagini flosind

mai multe plug-inuri (QuickTime, Windows Media etc.), Flash-ul este singurul

care ofera o solutie compatibila cu toate browserele.

Dupa cum s-a vazut in cazul media player-elor bazate pe Flash,

programatorii isi doresc sa creeze interfete proprii, originale, care permit, in

general, utilizatorului optiunile: play, pause, stop, seek si adjust volume. Ideea

este de a pune la dispozitie aceste functionalitati in browsere prin adaugarea de

resurse proprii pentru inserarea elementelor audio/video si prin realizarea de

DOM API-uri pentru scripturi care sa controleze functionarea lor.

Noile elemente video si audio vor facilita realizarea acestor

deziderate.Majoritatea API- urilor sunt comune pentru cele doua elemente,

singura deosebire referindu-se la diferentele intre cele doua tipuri de media: vizual

si non-vizual.

Cea mai simpla modalitate de a insera un clip video este de a folosi elementul video si de a permite browser-ului sa creeze o interfata default. Atributul controls este un atribut boolean si indica daca programatorul doreste sau nu interfata cu utilzatorul(UI) by default.

Download movie

Atributul optional poster poate fi folosit pentru a specifica o imagine care va fi afista in locul clipului video inainte ca acesta sa inceapa sa ruleze. Desi exista formate video care ofera propriul lor poster frame feature, cum ar fi MPEG-4, solutia propusa de HTML5 va fuctiona pentru orice format.

La fel de simplu se insereaza elemente audio in pagina, folosind audio.

Majoritatea atributelor sunt commune intre audio si video. Totusi, din motive

evidente, pentru elemental audio lipsesc atributele: width, height si poster.

Download song

HTML5 ofera aributul source, pentru a preciza elementele audio sau video din care browserul poate alege, bazandu-se pe tipurile sale media si pe suportul codecurior.

Pentru programatorii care isi doresc ceva mai mult control asupra interfetei

cu utilizatorul astfel incat sa o poata dimensiona in functie de designul paginii,

Api-urile suplimentare ofera mai multe metode de a lasa scripturile sa controleze

functionarea elementului media. Cele mai simple metode de folosire sunt: play(),

pause(), si a seta currentTime sa deruleze de la inceput. Urmatorul exemplu

ilustreaza cum se port folosi acestea:

var video = document.getElementById("video");

Play

Pause

Reprezentarea Documentelor

Spre deosebire de variantele anterioare HTML si XHTML, care sunt

definite in termeni de sintaxa, HTML5 e definit in termeni de Document Object

Model (DOM) cele trei reprezentari folosite de browsere pentru a defini un document.De exemplu, considerand un document format din title, heading si

paragraph, asa ar arata reprezentarea DOM:

Arborele DOM include un element titlu in head si elemente h1 si p in body.

Avantajul de a defini HTML5 in trermeni de DOM este ca limbajul insusi

poate fi definit independent de sintaxa. Exista, in principal, doua sintaxa care pot

fi folosite pentru a reprezenta documente HTML: HTML serialisation (sau

HTML 5) si XML serialisation (sau XHTML 5).

HTML serialisation se refera la sintaxa inspirata din sintaxa SGML(a

vresiunilor anterioare HTML)

An HTML Document Example This is an example HTML document.

XML serialization se refera la o sintaxa care foloseste XML 1.0 si

namespaces, ca si XHTML 1.0.

An HTML Document Example This is an example HTML document.

Browserele folosesc tipul MIME pentru a face deosebire intre cele 2.Orice

document text/html trebuie se sa conformeze cerintelor HTML serialisation si

orice document de tipul XML MIME, cum ar fi application/xhtml+xml trebuie sa

fie conform cu cerintele standardului XML serialisation.

Capitolul 5: Codul sursa

In paginile ce urmeaza va voi prezenta elementele codului sursa din care este

alcatuit index-ul paginii mele web. Tin sa mentionez ca acest site web respecta

toate tehnologiile moderne, precum HTML5 si CSS3.

Dupa cum stim, in ziua de astazi cam toata lumea are asupra sa un

Smartphone, care in majoritatea cazurilor este conectat la internet si cam toate

informatiile sunt cautate imediat direct de pe Smartphone pe internet. Din acest

motiv, necesitatea a facut ca toate site-urile web de actualitate sa fie Responsive

(adaptabile automat pentru orice device, indifferent ce dimensiunea ecranului sau

rezolutia acestuia).

Acest proiect, fiind realizat in anul 2015, a beneficiat de acest plus, si anume

continutul Responsive. Mai jos am si prezentat o imagine cu modul in care este

afisata aceeasi pagina pe mai multe dispozitive diferite, fara sa se piarda din

continut, din calitatea imaginilor, sau sa fim nevoiti sa marim mult pagina pentru a

reusi sa citim textul din aceste pagini.

Romania Pitoreasca | Blog realizat de Poschina Madalina

/*

var bwg_objectL10n = {"bwg_field_required":"Este necesar un

spa\u021biu.","bwg_mail_validation":"Aceasta nu este o adres\u0103 de email

valid\u0103.","bwg_search_result":"Nu exista imagini care se potrivesc dvs. de c\u0103utare."};

/* ]]> */

body.custom-background { background-image: url('http://magazinul-

meu.com/romaniapitoreasca/wp-content/themes/road-fighter/images/bg.png'); background-

repeat: repeat; background-position: top left; background-attachment: scroll; }

Pages Navigation Menu

HomeGalerie Foto

Orase de Interes

Litoral

Munte

Litoralul Marii Negre atrage tot mai multi turisti

In ultimii ani, Litoralul Marii Negre s-a dezvoltat foarte mult, reusind sa atraga tot mai multi

turisti, atat din Romania, cat si din strainatate.

Citeste mai mult

Romania pitoreasca ne uimeste in permanenta!

Multi spun ca in Romania nu ai ce sa faci. Noi le recomandam sa o descopere!

Litoralul Marii Negre

Fie ca suntem mici, fie ca suntem adulti, Litoralul este o atractie unica

Citeste mai multe

Muntii din Romania

Tara noastra se bucura de un lant muntos ce merita explorat!

Citeste mai mult

Descopera Romania

O harta interactiva cu intreaga Romanie ce va poate oferi idei noi de excursii!

Citeste mai mult

Vizitati galeria foto pregatita pentru prezentarea Romaniei..

Galerie Foto

Footer Widgets

Footer is widgetized. To setup the footer, drag the required Widgets in

Appearance -> Widgets Tab in the First, Second, Third and Fourth Footer Widget Areas.

Latest Posts

Entertainment

Following problems

FAQ

Music And Sports

Search Anything

Address: Magnet Brains 10 No. Arera Colony, Bhopal IndiaContact No : +91-

9926465653

Email : support@inkthemes.com

Search Widget

You can simply put the search widget here in order to allow the users

to search their own content.

this.value = 'Search';

}" value="Search" name="s" id="s">

Website

realizat de Poschina Madalina. Powered ByWordPress