{"id":72,"date":"2014-07-18T21:02:21","date_gmt":"2014-07-19T02:02:21","guid":{"rendered":"http:\/\/giogui.com\/blog\/?p=72"},"modified":"2014-08-18T19:34:42","modified_gmt":"2014-08-19T00:34:42","slug":"como-hacer-una-pagina-web-1-herramientas-basicas","status":"publish","type":"post","link":"http:\/\/giogui.com\/blog\/como-hacer-una-pagina-web-1-herramientas-basicas\/","title":{"rendered":"C\u00f3mo Hacer una P\u00e1gina Web? #1. Herramientas B\u00e1sicas"},"content":{"rendered":"
\"C\u00f3mo<\/a>

C\u00f3mo Hacer una P\u00e1gina Web? #1 | Giogui Soluciones en L\u00ednea<\/p><\/div>\n

Existen varias herramientas b\u00e1sicas o programas para dise\u00f1o web. Estas herramientas o programas ayudan en el proceso de desarrollo web, ya que permiten procesar la informaci\u00f3n que se tiene<\/span>, ya sea fotograf\u00edas, logotipos, texto y todos los componentes de una p\u00e1gina web. Las 3 herramientas b\u00e1sicas fundamentales para dise\u00f1o web, o las m\u00e1s utilizadas son las siguientes:<\/p>\n

1.- Photoshop<\/h2>\n
\"Photoshop<\/a>

Photoshop para Dise\u00f1o Web<\/p><\/div>\n

Photoshop es un programa con muchas variedades de usos. Puede ser utilizado para procesar fotograf\u00edas, para hacer dise\u00f1o de anuncios y banners, para hacer pintura digital, y tambi\u00e9n tiene muchos usos para dise\u00f1o editorial. Aunque tal vez parezca raro, Photoshop (o alg\u00fan programa similar) tiene una importancia fundamental en el desarrollo web, ya que en \u00e9l se editan los tama\u00f1os de las fotos<\/span> o im\u00e1genes que va a llevar la p\u00e1gina web y se hacen composiciones y arreglos<\/strong> generales. Esta herramienta es indispensable para el dise\u00f1o web.<\/p>\n

2.- Ilustrador<\/h2>\n
\"Ilustrador<\/a>

Ilustrador para Dise\u00f1o Web<\/p><\/div>\n

En Ilustrador o alg\u00fan programa similar se pueden crear figuras, tales como \u00edconos,<\/span> o algunas ilustraciones para los fondos o para los banners. Este programa permite la creaci\u00f3n de im\u00e1genes en vectores, que pueden ser expandidas y contra\u00eddas a placer. Ilustrador no se utiliza tanto como Photoshop, ya que Photoshop puede hacer varias de las cosas que se pueden hacer en Ilustrador. Sin embargo, casi para cada proyecto web es necesario utilizarlo por lo menos una vez.<\/p>\n

3.- Editor de C\u00f3digo Web<\/h2>\n
\"Dise\u00f1o<\/a>

Editor de C\u00f3digo Web<\/p><\/div>\n

Un Editor de C\u00f3digo web es un programa como Word (procesador de texto) pero que est\u00e1 destinado a funcionar para dise\u00f1o web. Estos editores de texto utilizan colores diferentes para distinguir la estructura <\/span>de la p\u00e1gina web. Por ejemplo: Cuando un elemento de la p\u00e1gina web es de la categor\u00eda, por decir, \u201cestructura\u201d, el Editor de C\u00f3digo Web le asigna un color especial a ese tipo de texto con esa categor\u00eda. As\u00ed se puede distinguir r\u00e1pidamente qu\u00e9 es qu\u00e9 en el editor de texto y permite la mejor escritura del texto y m\u00e1s eficiencia al escribir c\u00f3digo<\/span>.<\/p>\n

Estas tres herramientas son las m\u00e1s b\u00e1sicas y las fundamentales. Para la construcci\u00f3n de la gran mayor\u00eda de las p\u00e1ginas web que existen en la actualidad solo se utilizaron estas tres herramientas, Photoshop, Ilustrador y alg\u00fan Editor de C\u00f3digo Web. Y para producir p\u00e1ginas web de calidad se tiene que tener buen conocimiento y buenas habilidades en el uso estas tres herramientas<\/span>.<\/p>\n

Aqu\u00ed est\u00e1 el art\u00edculo siguiente de la serie:\u00a0\u00bfC\u00f3mo Hacer Una P\u00e1gina Web? #2 \u00abHTML y CSS\u00bb<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Existen varias herramientas b\u00e1sicas o programas para dise\u00f1o web. Estas herramientas o programas ayudan en el proceso de desarrollo web, ya que permiten procesar la informaci\u00f3n que se tiene, ya sea fotograf\u00edas, logotipos, texto y todos los componentes de una p\u00e1gina web. Las 3 herramientas b\u00e1sicas fundamentales para dise\u00f1o web, o las m\u00e1s utilizadas son […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,47],"tags":[23,8,9,18,12,10,19,20],"class_list":["post-72","post","type-post","status-publish","format-standard","hentry","category-como-hacer-una-pagina-web","category-cursos-de-entrenamiento-en-linea","tag-como-hacer-una-pagina-web-2","tag-diseno-web-2","tag-diseno-web-en-guadalajara","tag-e-marketing-2","tag-giogui","tag-paginas-web-en-guadalajara","tag-posicionamiento-web","tag-seo"],"_links":{"self":[{"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/posts\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":4,"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/posts\/72\/revisions"}],"predecessor-version":[{"id":197,"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/posts\/72\/revisions\/197"}],"wp:attachment":[{"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/media?parent=72"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/categories?post=72"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/tags?post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}