{"id":7125,"date":"2019-03-14T11:57:26","date_gmt":"2019-03-14T17:57:26","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=7125"},"modified":"2019-03-14T12:03:42","modified_gmt":"2019-03-14T18:03:42","slug":"diseno-web-desarrollo-de-paginas-html","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/diseno-web-desarrollo-de-paginas-html\/","title":{"rendered":"Dise\u00f1o web desarrollo de p\u00e1ginas html"},"content":{"rendered":"<h1>Dise\u00f1o web desarrollo de p\u00e1ginas html<\/h1>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_7126\" aria-describedby=\"caption-attachment-7126\" style=\"width: 480px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/marketingweb.com.mx\/diseno-web.html\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-7126 size-medium\" title=\"Dise\u00f1o web desarrollo de p\u00e1ginas html\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/Diseno-web-desarrollo-de-p\u00e1ginas-html-480x230.jpg.webp\" alt=\"Dise\u00f1o web desarrollo de p\u00e1ginas html\" width=\"480\" height=\"230\" srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/Diseno-web-desarrollo-de-p\u00e1ginas-html-480x230.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/Diseno-web-desarrollo-de-p\u00e1ginas-html-768x368.jpg.webp 768w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/Diseno-web-desarrollo-de-p\u00e1ginas-html.jpg.webp 900w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/a><figcaption id=\"caption-attachment-7126\" class=\"wp-caption-text\"><em><strong>Dise\u00f1o web desarrollo de p\u00e1ginas html\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/strong><\/em>HTML es el lenguaje con el que se escriben las p\u00e1ginas web. Las p\u00e1ginas web pueden ser<br \/> vistas por el usuario mediante un tipo de aplicaci\u00f3n llamada navegador. Podemos decir por lo<br \/> tanto que el HTML es el lenguaje usado por los navegadores para mostrar las p\u00e1ginas webs al<br \/> usuario, siendo hoy en d\u00eda la interface m\u00e1s extendida en la red. <br \/> Este lenguaje nos permite aglutinar textos, sonidos e im\u00e1genes y combinarlos a nuestro gusto.<br \/> Adem\u00e1s, y es aqu\u00ed donde reside su ventaja con respecto a libros o revistas, el HTML nos permite<br \/> la introducci\u00f3n de referencias a otras p\u00e1ginas por medio de los enlaces hipertexto. <br \/> El HTML se cre\u00f3 en un principio con objetivos divulgativos. No se pens\u00f3 que la web llegara a ser<br \/> un \u00e1rea de ocio con car\u00e1cter multimedia, de modo que, el HTML se cre\u00f3 sin dar respuesta a todos<br \/> los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizar\u00edan en un<br \/> futuro. Sin embargo, pese a esta deficiente planificaci\u00f3n, si que se han ido incorporando<br \/> modificaciones con el tiempo, estos son los est\u00e1ndares del HTML. Numerosos est\u00e1ndares se han<br \/> presentado ya. El HTML 4.01 es el \u00faltimo est\u00e1ndar a septiembre de 2001. <br \/> Esta evoluci\u00f3n tan an\u00e1rquica del HTML ha supuesto toda una seria de inconvenientes y<br \/> deficiencias que han debido ser superados con la introducci\u00f3n de otras tecnolog\u00edas accesorias<br \/> capaces de organizar, optimizar y automatizar el funcionamiento de las webs. Ejemplos que<br \/> pueden sonaros son las<br \/> CSS, JavaScript u otros. Veremos m\u00e1s adelante en qu\u00e9 consisten algunas<br \/> de ellas. (\u00a0<em><strong>Dise\u00f1o web desarrollo de p\u00e1ginas html\u00a0<\/strong><\/em> )<br \/> Otros de los problem\u00e1s que han acompa\u00f1ado al HTML es la diversidad de navegadores presentes<br \/> en el mercado los cuales no son capaces de interpretar un mismo c\u00f3digo de una manera unificada.<br \/> Esto obliga al webm\u00e1ster a, una vez creada su p\u00e1gina, comprobar que esta puede ser le\u00edda<br \/> satisfactoriamente por todos los navegadores, o al menos, los m\u00e1s utilizados. <br \/> Adem\u00e1s del navegador necesario para ver los resultados de nuestro trabajo, necesitamos<br \/> evidentemente otra herramienta capaz de crear la p\u00e1gina en si. Un archivo HTML (una p\u00e1gina) no<br \/> es m\u00e1s que un texto. Es por ello que para programar en HTML necesitamos un editor de textos. <br \/> Es recomendable usar el<br \/> Bloc de notas que viene con windows, u otro editor de textos sencillo.<br \/> Hay que tener cuidado con algunos editores m\u00e1s complejos como Wordpad o Microsoft Word, pues<br \/> colocan su propio c\u00f3digo especial al guardar las p\u00e1ginas y HTML es \u00fanicamente texto plano,<br \/> con lo que podremos tener problemas. <br \/> Existen otro tipo de editores espec\u00edficos para la creaci\u00f3n de p\u00e1ginas web los cuales ofrecen<br \/> muchas facilidades que nos permiten aumentar nuestra productividad. No obstante, es<br \/> aconsejable en un principio utilizar una herramienta lo m\u00e1s sencilla posible para poder prestar la<br \/> m\u00e1xima atenci\u00f3n a nuestro c\u00f3digo y familiarizarnos lo antes posible con \u00e9l. Siempre tendremos<br \/> tiempo m\u00e1s delante de pasarnos a editores m\u00e1s vers\u00e1tiles con la consiguiente ganancia de<br \/> tiempo. <br \/> Para tener m\u00e1s claro todo el tema de editores y los tipos que existen, visita los art\u00edculos: <br \/> \u2022<br \/> Editores de HTML. <br \/> \u2022<br \/> Bloc de notas. <br \/> \u2022 Tambi\u00e9n puedes acceder a descripciones editores m\u00e1s complejos que el Block de Notas, <br \/> pero m\u00e1s potentes como<br \/> Homesite o UltraEdit. <br \/> Es importante tener claro todo ello puesto que en funci\u00f3n de vuestros objetivos puede que, m\u00e1s<br \/> que aprender HTML, resulte m\u00e1s interesante aprender el uso de una aplicaci\u00f3n para la creaci\u00f3n de<br \/> p\u00e1ginas. (\u00a0<em><strong>Dise\u00f1o web desarrollo de p\u00e1ginas html<\/strong><\/em> )<br \/> As\u00ed pues, una p\u00e1gina es un archivo donde est\u00e1 contenido el c\u00f3digo HTML en forma de texto. Estos <br \/> archivos tienen extensi\u00f3n .html o .htm (es indiferente cu\u00e1l utilizar). De modo que cuando<br \/> programemos en HTML lo haremos con un editor de textos y guardaremos nuestros trabajos con<br \/> extensi\u00f3n .html, por ejemplo mip\u00e1gina.html <br \/> Consejo: Utiliza siempre la misma extensi\u00f3n en tus archivos HTML. Eso evitar\u00e1 que te<br \/> confundas al escribir los nombres de tus archivos unas veces con .htm y otras con .html. Si<br \/> trabajas con un equipo en un proyecto todav\u00eda m\u00e1s importante que os pong\u00e1is todos de<br \/> acuerdo en la extensi\u00f3n. (\u00a0<em><strong>Dise\u00f1o web desarrollo de p\u00e1ginas html\u00a0<\/strong><\/em>)<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/marketingweb.com.mx\"><img decoding=\"async\" class=\"alignnone size-full wp-image-7053 lazyload\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/marketingweb.png.webp\" alt=\"marketingweb\" width=\"223\" height=\"45\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 223px; --smush-placeholder-aspect-ratio: 223\/45;\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>#<em><strong>Dise\u00f1o web desarrollo de p\u00e1ginas html<\/strong><\/em>\u00a0 #desarrollo web guadalajara #agencia de dise\u00f1o web en Guadalajara\u00a0 #dise\u00f1o de sitios web Guadalajara #creacion de sitios web<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o web desarrollo de p\u00e1ginas html &nbsp; &nbsp; &nbsp; #Dise\u00f1o web desarrollo de p\u00e1ginas html\u00a0 #desarrollo web guadalajara #agencia de dise\u00f1o web en Guadalajara\u00a0 #dise\u00f1o de sitios web Guadalajara #creacion de sitios web<\/p>\n","protected":false},"author":18,"featured_media":7126,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[55],"tags":[327,1139,363,1138,1137],"class_list":["post-7125","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-agencia-de-diseno-web-en-guadalajara","tag-creacion-de-sitios-web-guadalajara","tag-desarrollo-web-guadalajara","tag-diseno-de-sitios-web-guadalajara","tag-diseno-web-desarrollo-de-paginas-html"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=7125"}],"version-history":[{"count":0,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7125\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/7126"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=7125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=7125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=7125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}