{"id":10021,"date":"2013-08-17T13:04:54","date_gmt":"2013-08-17T18:04:54","guid":{"rendered":"http:\/\/webirix.com\/?p=10021"},"modified":"2013-08-17T13:04:54","modified_gmt":"2013-08-17T18:04:54","slug":"diseno-web","status":"publish","type":"post","link":"https:\/\/webirix.com\/en\/diseno-web\/","title":{"rendered":"Web design"},"content":{"rendered":"<p>The <b>Web design<\/b> is an activity that consists of the planning, design and implementation of <a title=\"Website\" href=\"http:\/\/es.wikipedia.org\/wiki\/Sitio_web\">websites<\/a>. It is not simply a conventional design application, as it requires taking into account the <a title=\"Web navigability\" href=\"http:\/\/es.wikipedia.org\/wiki\/Navegabilidad_web\">navigability<\/a>, <a title=\"Interactivity\" href=\"http:\/\/es.wikipedia.org\/wiki\/Interactividad\">interactivity<\/a>, <a title=\"Usability\" href=\"http:\/\/es.wikipedia.org\/wiki\/Usabilidad\">usability<\/a>, <a title=\"Information architecture\" href=\"http:\/\/es.wikipedia.org\/wiki\/Arquitectura_de_la_informaci%C3%B3n\">Information architecture<\/a> and the interaction of media such as <a title=\"Audio\" href=\"http:\/\/es.wikipedia.org\/wiki\/Audio\">Audio<\/a>, <a title=\"Text\" href=\"http:\/\/es.wikipedia.org\/wiki\/Texto\">text<\/a>, <a title=\"Picture\" href=\"http:\/\/es.wikipedia.org\/wiki\/Imagen\">picture<\/a>, <a title=\"Hyperlink\" href=\"http:\/\/es.wikipedia.org\/wiki\/Hiperenlace\">links<\/a> Y <a title=\"Video\" href=\"http:\/\/es.wikipedia.org\/wiki\/V%C3%ADdeo\">video<\/a>.<\/p>\n<p>The union of a good design with a well-developed hierarchy of content, increases the efficiency of the web as a channel of <a title=\"Communication\" href=\"http:\/\/es.wikipedia.org\/wiki\/Comunicaci%C3%B3n\">communication<\/a> and data exchange, which provides possibilities such as direct contact between the producer and the <a title=\"Consumer\" href=\"http:\/\/es.wikipedia.org\/wiki\/Consumidor\">consumer<\/a> of contents.<\/p>\n<p>Web design has seen wide application in the commercial sectors of the Internet especially in the <a title=\"world Wide Web\" href=\"http:\/\/es.wikipedia.org\/wiki\/World_Wide_Web\">world Wide Web<\/a>. The web is often used as a means of artistic expression itself. Artists and creators make Internet pages another means to offer their productions and use them as another channel for the dissemination of their work.<\/p>\n<h2>Applied web design<\/h2>\n<p>Web page design is basically about making a document with information hyperlinked with other documents and assigning it a presentation for different output devices (on a screen of <a title=\"Computer\" href=\"http:\/\/es.wikipedia.org\/wiki\/Computador\">computer<\/a>, on <a title=\"Paper\" href=\"http:\/\/es.wikipedia.org\/wiki\/Papel\">paper<\/a>, in a <a title=\"Mobile phone\" href=\"http:\/\/es.wikipedia.org\/wiki\/Tel%C3%A9fono_m%C3%B3vil\">mobile phone<\/a>, etc).<\/p>\n<p>These documents or web pages can be created:<\/p>\n<ul>\n<li>creating <a title=\"Text file\" href=\"http:\/\/es.wikipedia.org\/wiki\/Archivo_de_texto\">text files<\/a> on <a title=\"HTML\" href=\"http:\/\/es.wikipedia.org\/wiki\/HTML\">HTML<\/a>, <a title=\"PHP\" href=\"http:\/\/es.wikipedia.org\/wiki\/PHP\">PHP<\/a>, <a title=\"Active Server Pages\" href=\"http:\/\/es.wikipedia.org\/wiki\/Active_Server_Pages\">Asp<\/a>, <a title=\"Aspx\" href=\"http:\/\/es.wikipedia.org\/wiki\/Aspx\">Aspx<\/a>, <a title=\"JavaScript\" href=\"http:\/\/es.wikipedia.org\/wiki\/JavaScript\">JavaScript<\/a>, <a title=\"JavaServer Pages\" href=\"http:\/\/es.wikipedia.org\/wiki\/JavaServer_Pages\">JSP<\/a>, <a title=\"Python\" href=\"http:\/\/es.wikipedia.org\/wiki\/Python\">Python<\/a>, <a title=\"Ruby\" href=\"http:\/\/es.wikipedia.org\/wiki\/Ruby\">Ruby<\/a>.<\/li>\n<li>using a program <a title=\"WYSIWYG\" href=\"http:\/\/es.wikipedia.org\/wiki\/WYSIWYG\">WYSIWYG<\/a> or <a title=\"WYSIWYM\" href=\"http:\/\/es.wikipedia.org\/wiki\/WYSIWYM\">WYSIWYM<\/a> page creation.<\/li>\n<li>using <a title=\"Programming language\" href=\"http:\/\/es.wikipedia.org\/wiki\/Lenguaje_de_programaci%C3%B3n\">programming languages<\/a> server side, to generate the web page.<\/li>\n<\/ul>\n<h3>Stages<\/h3>\n<p>For the design of web pages we must take into account three stages:<\/p>\n<ol>\n<li>The visual design of the information to be edited. In this stage you work by distributing the text, graphics, <a title=\"Link\" href=\"http:\/\/es.wikipedia.org\/wiki\/V%C3%ADnculo\">links<\/a> to other documents and other objects <a title=\"Multimedia\" href=\"http:\/\/es.wikipedia.org\/wiki\/Multimedia\">multimedia<\/a> deemed relevant. It is important that before working on the computer a sketch or pre-design is made on paper. This will facilitate to have a clear order about the design.<\/li>\n<li>Structure and hierarchical relationship of the website pages. Once you have the sketch, you go on to &#039;write&#039; the web page. For this, and fundamentally to handle the links between documents, the markup language of <a title=\"Hypertext\" href=\"http:\/\/es.wikipedia.org\/wiki\/Hipertexto\">hypertext<\/a> or HTML. The underlined links in this document and others in <a title=\"Wikipedia\" href=\"http:\/\/es.wikipedia.org\/wiki\/Wikipedia\">Wikipedia<\/a> They are examples of hypertext, since clicking on them leads to other pages with related information. The importance of the structure and web arborescence is that visitors do not always enter through the main or initial page and in that case the site must give you the answer to what you are looking for quickly, in addition to allowing you to navigate through the site.<\/li>\n<li><a title=\"Search engine optimization\" href=\"http:\/\/es.wikipedia.org\/wiki\/Posicionamiento_en_buscadores\">Search engine optimization<\/a> or <a title=\"Search engine optimization\" href=\"http:\/\/es.wikipedia.org\/wiki\/Posicionamiento_en_buscadores\">SEO<\/a>. This consists of optimizing the content structure to improve the position in which the page appears in a certain search. This stage is not liked by graphic designers, because unlike text, even for the year 2012 you cannot have new results in search engines with highly graphic sites.<\/li>\n<\/ol>\n<p>The <a title=\"HTML\" href=\"http:\/\/es.wikipedia.org\/wiki\/HTML\">HTML<\/a> consists of a series of elements that structure the text and are presented in the form of hypertext by <a title=\"User Agents\" href=\"http:\/\/es.wikipedia.org\/wiki\/Agentes_de_usuario\">user agent<\/a> or <a title=\"Web navigator\" href=\"http:\/\/es.wikipedia.org\/wiki\/Navegador_web\">browsers<\/a>. This can be done with a simple <a title=\"Text editor\" href=\"http:\/\/es.wikipedia.org\/wiki\/Editor_de_texto\">text editor<\/a> (should be saved as <a title=\"Plane text\" href=\"http:\/\/es.wikipedia.org\/wiki\/Texto_plano\">plane text<\/a>, without any type of format and with extension <code>.html<\/code> or <code>.htm<\/code>). Learning HTML is relatively easy, so it is easy to create web pages this way. This was the only way to generate them until they appeared, in the middle of <a title=\"1996\" href=\"http:\/\/es.wikipedia.org\/wiki\/1996\">1996<\/a>, some visual HTML editors, such as <i><a title=\"Frontpage\" href=\"http:\/\/es.wikipedia.org\/wiki\/FrontPage\">MS FrontPage<\/a><\/i> Y <i><a title=\"Dreamweaver\" href=\"http:\/\/es.wikipedia.org\/wiki\/Dreamweaver\">Adobe Dreamweaver<\/a><\/i>. With these tools it is not necessary to learn HTML (although it is advisable), with which the developer concentrates on the most important thing, the design of the document.<\/p>\n<p>All this taking into account the level of programming in the design of the applications and the visual impact to be generated on the user.<\/p>","protected":false},"excerpt":{"rendered":"<p>Web design is an activity that consists of the planning, design and implementation of websites. It is not simply a conventional design application, as it requires taking into account navigability, interactivity, usability, information architecture and the interaction of media such as audio, text, image, links and video. The Union of \u2026<\/p>","protected":false},"author":2,"featured_media":10022,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2011],"tags":[],"class_list":["post-10021","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualidad"],"jetpack_featured_media_url":"https:\/\/webirix.com\/wp-content\/uploads\/2013\/08\/bg_digital.jpg","_links":{"self":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/10021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/comments?post=10021"}],"version-history":[{"count":1,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/10021\/revisions"}],"predecessor-version":[{"id":10023,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/10021\/revisions\/10023"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/media\/10022"}],"wp:attachment":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/media?parent=10021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/categories?post=10021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/tags?post=10021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}