Sunteți pe pagina 1din 8

<!

DOCTYPE html>
<!-- saved from url=(0037)http://www.etcetering.com/blog/?p=369 -->
<html lang="en-US" prefix="og: http://ogp.me/ns#"><head><meta http-equiv="Conten
t-Type" content="text/html; charset=UTF-8">
<title>Sa vorbim despre designul web! - Blog Etcetering.com</title>
<link rel="stylesheet" href="./Sa vorbim despre designul web! - Blog Etcetering.
com_files/style.css" type="text/css" media="all">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="http://www.etcetering.com/blog/xmlrpc.php">
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.3.4.4 - http:
//yoast.com/wordpress/seo/ -->
<meta name="description" content="Designul web se refera la functionalitate, dez
voltarea interfetei cu componente grafice speciale, optimizarea pentru motoarele
de cautare si sa atraga atentia utilizatorilor.">
<link rel="canonical" href="./Sa vorbim despre designul web! - Blog Etcetering.c
om_files/Sa vorbim despre designul web! - Blog Etcetering.com.txt">
<meta property="og:locale" content="en_US">
<meta property="og:title" content="Sa vorbim despre designul web! - Blog Etceter
ing.com">
<meta property="og:description" content="Designul web se refera la functionalita
te, dezvoltarea interfetei cu componente grafice speciale, optimizarea pentru mo
toarele de cautare si sa atraga atentia utilizatorilor.">
<meta property="og:url" content="http://www.etcetering.com/blog/?p=369">
<meta property="og:site_name" content="Blog Etcetering.com">
<meta property="og:type" content="article">
<meta property="og:image" content="http://www.etcetering.com/blog/wp-content/upl
oads/2013/08/Web-Design-300x183.jpg">
<!-- / Yoast WordPress SEO plugin. -->
<meta name="generator" content="WordPress 3.5.1">
<meta name="template" content="News 0.3">
<link rel="alternate" type="application/rss+xml" title="Blog Etcetering.com Feed
" href="http://www.etcetering.com/blog/?feed=rss2">
<link rel="alternate" type="application/rss+xml" title="Blog Etcetering.com Comm
ents Feed" href="http://www.etcetering.com/blog/?feed=comments-rss2">
<link rel="alternate" type="application/rss+xml" title="Blog Etcetering.com Sa v
orbim despre designul web! Comments Feed" href="http://www.etcetering.com/blog/?
feed=rss2&p=369">
<link rel="stylesheet" id="contact-form-7-css" href="./Sa vorbim despre designul
web! - Blog Etcetering.com_files/styles.css" type="text/css" media="all">
<script type="text/javascript" src="./Sa vorbim despre designul web! - Blog Etce
tering.com_files/jquery.js"></script>
<script type="text/javascript" src="./Sa vorbim despre designul web! - Blog Etce
tering.com_files/comment-reply.min.js"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.etce
tering.com/blog/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.etce
tering.com/blog/wp-includes/wlwmanifest.xml">
</head>
<body class="wordpress ltr en_US parent-theme y2015 m03 d25 h18 wednesday logged
-out singular singular-post singular-post-369">
<div id="body-container">

<div id="menu-secondary" class="menu-container">


<div class="wrap">
<div class="menu"><ul id="menu-secondary-items" class="s
f-js-enabled"><li id="menu-item-16" class="menu-item menu-item-type-custom menuitem-object-custom menu-item-16"><a title="Despre Etcetering" href="http://etcet
ering.com/despre-noi">Despre Etcetering</a></li>
<li id="menu-item-18" class="menu-item menu-item-type-custom menu-item-object-cu
stom menu-item-18"><a title="Servicii" href="http://etcetering.com/servicii">Ser
vicii</a></li>
<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-cu
stom menu-item-17"><a title="Contact" href="http://etcetering.com/contact">Conta
ct</a></li>
<li class="loginout"><a rel="nofollow" href="http://www.etcetering.com/blog/wp-l
ogin.php?redirect_to=http%3A%2F%2Fwww.etcetering.com%2Fblog%2Fblog%2F%3Fp%3D369"
>Log in</a></li></ul></div>
</div>
</div><!-- #menu-secondary .menu-container -->

<div id="header">
<div class="wrap">
<div id="site-title"><a href="http://www.etceter
ing.com/blog" title="Blog Etcetering.com" rel="home"></a></div>
</div><!-- .wrap -->
</div><!-- #header -->

<div id="container">
<div class="wrap">
<div class="breadcrumb-trail breadcrumbs" itemprop="brea
dcrumb"><span class="trail-before">Browsing: <span class="sep">/</span></span> <
span class="trail-begin"><a href="http://www.etcetering.com/blog" title="Blog Et
cetering.com" rel="home" class="trail-begin">Home</a></span> <span class="sep">/
</span> <span class="trail-end">Sa vorbim despre designul web!</span></div>
<div id="content">
<div class="hfeed">

<div id="post-369" class="hentry post pu


blish post-1 odd author-ana category-identitate-online">
<div class="entry-utility"><a cl
ass="print-link hide-if-no-js" href="http://www.etcetering.com/blog/?p=369#" sty
le="display: inline;">Print</a> <a class="email-link" href="mailto:?subject=%5BB
log+Etcetering.com%5DSa+vorbim+despre+designul+web%21&body=Check+out+this+post%3
A+http%3A%2F%2Fwww.etcetering.com%2Fblog%2F%3Fp%3D369">Email</a> </div>
<h1 class="entry-title"><a href=
"./Sa vorbim despre designul web! - Blog Etcetering.com_files/Sa vorbim despre d
esignul web! - Blog Etcetering.com.txt" title="Sa vorbim despre designul web!" r
el="bookmark">Sa vorbim despre designul web!</a></h1>
<div class="byline">By <span cla
ss="author vcard"><a class="url fn n" href="http://www.etcetering.com/blog/?auth
or=3" title="Ana Maria">Ana Maria</a></span> on <abbr class="published" title="F
riday, August 23rd, 2013, 10:29 am">August 23, 2013</abbr> <span class="category
"><span class="before"> in </span><a href="http://www.etcetering.com/blog/?cat=7
" rel="tag">Identitate Online</a></span> </div>
<div class="entry-content">
<p>Ca majoritatea lucrur
ilor care sunt legat de tehnologie, nici pentru designul web nu exista o definit
ie concreta si asta datorita progresului continuu la care sunt supuse.</p>
<p><strong><a href="http://www.etcetering.com/blog/wp-content/uploads/2013/08/We
b-Design.jpg" target="_blank"><img class="size-medium wp-image-370 alignleft" st
yle="margin-left: 0px; margin-right: 7px;" alt="Web-Design" src="./Sa vorbim des
pre designul web! - Blog Etcetering.com_files/Web-Design-300x183.jpg" width="300
" height="183"></a>WWW la inceput</strong></p>
<p>Acum 24 de ani Tim Berners Lee a pus bazele internetului, iar in 1991 a publi
cat primul site construit cu ajutorul HTML un limbaj care limita designul web la
stadiul de programare web. Insa, de-a lungul timpului tehnologiile utilizate sau diversificat si au devenit mai complexe, perceptia s-a schimbat si de la simp
la functionalitate a unui site a evoluat la dezvoltarea interfetei cu componente
grafice speciale, optimizarea pentru motoarele de cautare si sa atraga atentia
utilizatorilor.<span id="more-369"></span></p>
<p>Indiferent daca esti persoana fizica sau juridica, a avea un simplu site cu to
ate avanatajele oferite nu mai este de ajuns! Ai nevoie de un design care sa sus
tina mesajul pe care vrei sa il transmiti, indentitatea vizuala a firmei, brandul si logo-ul sa fie usor de retinut de catre vizitatori, iar aceastia sa poata
naviga cu usurinta printre paginile acestuia. De aceea designul web s-a transfor
mat intr-un proces de creatie unde tehnologia este imbinata cu arta.</p>
<p><strong>Dincolo de perdea cum se realizeaza un site web</strong></p>
<p>Atunci cand accesezi un site ceea ce vezi pe ecran este rezultatul unei munci
asidue a unor programatori si a felului in care browserele interpreteaza limbaj
ul de scrip specific al internetului HTML. Altfel, ar aparea doar siruri de text
neformatate. Programatorii redacteaza secvente de cod in HTML sau alte limbaje
diverse din care se genereaza apoi limbajul HTML. Rolul acestuia este de a indic
a locul unde se vor afisa elementele vizibile, culoarea, dimensiunea si alti par
amentri care confera unei pagini web interfata si functionalitatea dorita.</p>
<p>Pentru realizarea unui site trebuie sa parcurgi mai multe etape: de la analiz
a si stabilirea detaliilor cu clientul, efectuarea unei schite pentru elementele
vizuale si compunerea structurii site-ului, programarea paginilor web in CSS, J
avascript sau direct HTML, pana la testarea site-ului, modificari ulterioare&nbs
p; si promovarea pe internet. Evident aceste etape pot fi diferite in functie de
modul de lucrul al fiecaruia.</p>
<p>Din punct de vedere al designului site-urile sunt compuse din&nbsp; tabele al
e caror linii sunt invizibile si in care se insereaza texte sau imagini in asa m

aniera incat aspectul sa fie unitar si sa nu se observe vizual organizarea tabel


ara.Celulele acestor tabele pot fi alcatuite din desene si imagini, pot avea fun
daluri colorate sau diverse texturi&nbsp; sau pot ramane albe.</p>
<p>In loc de tabele se mai poate utiliza un alt mod de formatare CSS, fiind o so
lutie mai buna pentru programatori. Graficianul foloseste un program de grafica
Photoshop sau Corel pentru a crea imaginea site-ului respectiv: forma butoanelor
, stabileste pozitia meniurilor pe ecran, dimensiunea si locul siglei, schema de
culori, caracteristicile fontului si alte detalii. Aceasta imagine este decupat
a in imagini mai mici pentru a fi inserate in CSS, fie prin scrierea directa a c
odului HTML intr-un simplu program de editare cum ar fi Notepad, fie cu ajutorul
ui unui editor HTML de tip WYSIWIG, gen Dreamweaver</p>
<p>Ajuns in stadiul de mock-up pentru un site simplu mai trebuie introdus continut
ul final, pentru un site complex de exemplu magazin virtual sau catalog se trece
la alta etapa de programare cu bze de date si limbaj de tip server-side&nbsp; P
HP, ASP- sau client side.</p>
<p>In general, prin design web se intelege crearea unui site web, de la stabilir
ea structurii pana la introducerea continutului (text, fisiere, imagine), sa fie
accesibil pentru vizitatori, promovarea pe internet si obtinerea unei pozitiona
ri bune in rezultatele returnate la indexare.</p>
</div><!-- .entry-content -->
<div class="entry-meta"><span cl
ass="share">Share this on:</span> <a href="http://www.mixx.com/" onclick="window
.location=&#39;http://www.mixx.com/submit?page_url=&#39;+window.location; return
false;">Mixx</a> <a href="http://delicious.com/save" onclick="window.open(&#39;
http://delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=&#39;+encodeURICom
ponent(&#39;http://www.etcetering.com/blog/?p=369&#39;)+&#39;&amp;title=&#39;+en
codeURIComponent(&#39;Sa vorbim despre designul web!&#39;),&#39;delicious&#39;,
&#39;toolbar=no,width=550,height=550&#39;); return false;">Delicious</a> <a href
="http://digg.com/submit?phase=2&url=http%3A%2F%2Fwww.etcetering.com%2Fblog%2F%3
Fp%3D369&title=Sa+vorbim+despre+designul+web%21" title="Digg this entry">Digg</a
> <a href="http://facebook.com/sharer.php?u=http%3A%2F%2Fwww.etcetering.com%2Fbl
og%2F%3Fp%3D369&t=Sa+vorbim+despre+designul+web%21" title="Share this entry on F
acebook">Facebook</a> <a href="http://twitter.com/home?status=Currently+reading+
" title="Share this entry on Twitter">Twitter</a></div>
</div><!-- .hentry -->

<div id="sidebar-after-singular" class="sidebar utility">


<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<div class="ui-tabs-wrap">
<ul class="ui-tabs-nav ui-helper-reset ui-helper
-clearfix ui-widget-header ui-corner-all" role="tablist">
<li class="ui-state-default ui-corner-to
p ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="singula
r-post-tabs-1" aria-labelledby="ui-id-1" aria-selected="true"><a href="http://ww
w.etcetering.com/blog/?p=369#singular-post-tabs-1" class="ui-tabs-anchor" role="
presentation" tabindex="-1" id="ui-id-1">Related Stories</a></li>
<li class="ui-state-default ui-corner-to
p" role="tab" tabindex="-1" aria-controls="singular-post-tabs-2" aria-labelledby
="ui-id-2" aria-selected="false"><a href="http://www.etcetering.com/blog/?p=369#
singular-post-tabs-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" i
d="ui-id-2">Most Popular</a></li>

</ul><!-- .ui-tabs-nav -->


<div id="singular-post-tabs-1" class="ui-tabs-pa
nel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-1" role="tabpanel
" aria-expanded="true" aria-hidden="false">

<ul class="alignleft">

<li><a href="http://www.
etcetering.com/blog/?p=549" title="Despre importanta vitezei de incarcare a unu
i site">Despre importanta vitezei de incarcare a unui site</a></li>
<li><a href="http://www.
etcetering.com/blog/?p=538" title="Fiecare site are nevoie de un design eficient
">Fiecare site are nevoie de un design eficient</a></li>

<li><a href="http://www.
etcetering.com/blog/?p=528" title="Facebook: Dupa 10 ani.">Facebook: Dupa 10 ani.</a>
/li>
</ul><ul class="alignright">
<li><a href="http://www.
etcetering.com/blog/?p=518" title="Cum sa interpretam datele puse la dispozitie
de Facebook Insights?">Cum sa interpretam datele puse la dispozitie de Facebook
Insights?</a></li>
<li><a href="http://www.
etcetering.com/blog/?p=511" title="Cand trebuie schimbat logo-ul?">Cand trebuie
schimbat logo-ul?</a></li>
<li><a href="http://www.
etcetering.com/blog/?p=461" title="Structura unui link: Anchor text">Structura u
nui link: Anchor text</a></li>
</ul>
</div><!-- #singular-post-tabs-1 .ui-tabs-panel
-->
<div id="singular-post-tabs-2" class="ui-tabs-pa
nel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-2" role="tabpanel
" aria-expanded="false" aria-hidden="true" style="display: none;">

<ul class="alignleft">

<li><a href="http://www.
etcetering.com/blog/?p=549" title="Despre importanta vitezei de incarcare a unu
i site">Despre importanta vitezei de incarcare a unui site</a></li>
<li><a href="http://www.
etcetering.com/blog/?p=27" title="Importanta unui continut fresh pentru motoarel
e de cautare">Importanta unui continut fresh pentru motoarele de cautare</a></li
>
<li><a href="http://www.
etcetering.com/blog/?p=60" title="Vreau un site bun sau vreau un site ?">Vreau un sit
e bun sau vreau un site ?</a></li>
</ul><ul class="alignright">
<li><a href="http://www.
etcetering.com/blog/?p=64" title="Avantajele unei aplicatii de gestiune">Avantaj
ele unei aplicatii de gestiune</a></li>
<li><a href="http://www.
etcetering.com/blog/?p=98" title="Nevoia unui facelift pentru site-urile mai vec
hi, datorita vitezei de schimbare a mentalitatilor">Nevoia unui facelift pentru
site-urile mai vechi, datorita vitezei de schimbare a mentalitatilor</a></li>
<li><a href="http://www.
etcetering.com/blog/?p=113" title="Ce trebuie sa stim despre newsletter?">Ce tre
buie sa stim despre newsletter?</a></li>
</ul>
</div><!-- #singular-post-tabs-2 .ui-tabs-panel
-->
</div><!-- .ui-tabs-wrap -->
</div><!-- .ui-tabs -->
</div><!-- #sidebar-singular -->

<div id="comments-template">
<div class="comments-wrap">
<div id="comments">

</div><!-- #comments -->

<div id="respond">
<h3 id="reply-title">Leave a Reply <small><a rel
="nofollow" id="cancel-comment-reply-link" href="http://www.etcetering.com/blog/
?p=369#respond" style="display:none;">Click here to cancel reply.</a></small></h
3>
<p class
="alert">You must be <a href="http://www.etcetering.com/blog/wp-login.php?redire
ct_to=http%3A%2F%2Fwww.etcetering.com%2Fblog%2F%3Fp%3D369" title="Log in">logged
in</a> to post a comment.</p><!-- .alert -->
</div><!-- #respond -->
</div><!-- .comments-wrap -->
</div><!-- #comments-template -->
</div><!-- .hfeed -->

<div class="loop-nav navigation-links">


<a href="http://www.etcetering.com/blog/?p=364" rel="pre
v"><span class="previous"> Previous</span></a>
<a href="http://
www.etcetering.com/blog/?p=378" rel="next"><span class="next">Next </span></a>
</div><!-- .navigation-links -->
</div><!-- #content -->

<div id="sidebar-primary" class="sidebar aside">


<div id="hybrid-categories-2" class="widget categories widget-ca
tegories"><div class="widget-wrap widget-inside"><h3 class="widget-title">Catego
rii</h3><ul class="xoxo categories"><li class="cat-item cat-item-9"><a href="htt
p://www.etcetering.com/blog/?cat=9" title="View all posts filed under Social Med
ia">Social Media</a></li><li class="cat-item cat-item-6"><a href="http://www.etc
etering.com/blog/?cat=6" title="View all posts filed under SEO">SEO</a></li><li
class="cat-item cat-item-5"><a href="http://www.etcetering.com/blog/?cat=5" titl
e="View all posts filed under Publicitate Online">Publicitate Online</a></li><li
class="cat-item cat-item-2"><a href="http://www.etcetering.com/blog/?cat=2" tit
le="View all posts filed under IT">IT</a></li><li class="cat-item cat-item-7"><a
href="http://www.etcetering.com/blog/?cat=7" title="View all posts filed under
Identitate Online">Identitate Online</a></li><li class="cat-item cat-item-8"><a
href="http://www.etcetering.com/blog/?cat=8" title="View all posts filed under A
plicatii">Aplicatii</a></li></ul><!-- .xoxo .categories --></div></div><div id="
hybrid-search-2" class="widget search widget-search"><div class="widget-wrap wid
get-inside"><h3 class="widget-title">Cautare</h3><form method="get" class="searc
h-form" id="search-formhybrid-search" action="http://www.etcetering.com/blog/"><
div><input class="search-text" type="text" name="s" id="search-texthybrid-search
" value="" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onb
lur="if(this.value==&#39;&#39;)this.value=this.defaultValue;"></div></form></div
></div>
</div><!-- #sidebar-primary .aside -->

</div><!-- .wrap -->


</div><!-- #container -->

<div id="footer">

<div class="wrap">
<div class="footer-content">
<p class="copyright">Copyright 2015 <a c
lass="site-link" href="http://www.etcetering.com/blog" title="Blog Etcetering.co
m" rel="home"><span>Blog Etcetering.com</span></a>.</p>
</div><!-- .footer-content -->
</div><!-- .wrap -->
</div><!-- #footer -->
</div><!-- #body-container -->
<script type="text/javascript">/* <![CDATA[ */ jQuery(document).
ready( function() { jQuery.post( "http://www.etcetering.com/blog/wp-admin/adminajax.php", { action : "entry_views", _ajax_nonce : "e077f528f6", post_id : 369 }
); } ); /* ]]> */</script>
<script type="text/javascript" src="./Sa vorbim despre designul web! - Blog Etce
tering.com_files/jquery.form.min.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/www.etcetering.com\/blog\/wp-content\/plugin
s\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type="text/javascript" src="./Sa vorbim despre designul web! - Blog Etce
tering.com_files/scripts.js"></script>
<script type="text/javascript" src="./Sa vorbim despre designul web! - Blog Etce
tering.com_files/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="./Sa vorbim despre designul web! - Blog Etce
tering.com_files/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="./Sa vorbim despre designul web! - Blog Etce
tering.com_files/jquery.ui.tabs.min.js"></script>
<script type="text/javascript" src="./Sa vorbim despre designul web! - Blog Etce
tering.com_files/news-theme.js"></script>
<script type="text/javascript" src="./Sa vorbim despre designul web! - Blog Etce
tering.com_files/drop-downs.js"></script>
</body></html>