{"id":7290,"date":"2019-04-30T10:13:57","date_gmt":"2019-04-30T15:13:57","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=7290"},"modified":"2019-04-30T10:17:07","modified_gmt":"2019-04-30T15:17:07","slug":"diseno-de-sitios-web-puebla","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/diseno-de-sitios-web-puebla\/","title":{"rendered":"Dise\u00f1o de sitios web Puebla"},"content":{"rendered":"

Dise\u00f1o de sitios web Puebla<\/h1>\n

Agencia de desarrollo web en Puebla<\/h2>\n
\"Dise\u00f1o
Dise\u00f1o de sitios web Puebla<\/strong><\/em><\/figcaption><\/figure>\n

 <\/p>\n

HTML es el lenguaje con el que se escriben las p\u00e1ginas web.<\/h3>\n

Dise\u00f1o de sitios web Puebla:\u00a0<\/strong><\/em><\/u>Las p\u00e1ginas web pueden ser vistas por el usuario mediante un tipo de aplicaci\u00f3n llamada navegador. Podemos decir por lo tanto que el HTML es el lenguaje usado por los navegadores para mostrar las p\u00e1ginas webs al usuario, siendo hoy en d\u00eda la interface m\u00e1s extendida en la red.<\/p>\n

Este lenguaje nos permite aglutinar textos, sonidos e im\u00e1genes y combinarlos a nuestro gusto. Adem\u00e1s, y es aqu\u00ed donde reside su ventaja con respecto a libros o revistas, el HTML nos permite la introducci\u00f3n de referencias a otras p\u00e1ginas por medio de los enlaces hipertexto.<\/p>\n

El HTML se cre\u00f3 en un principio con objetivos divulgativos. No se pens\u00f3 que la web llegara a ser un \u00e1rea de ocio con car\u00e1cter multimedia, de modo que, el HTML se cre\u00f3 sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizar\u00edan en un futuro. Sin embargo, pese a esta deficiente planificaci\u00f3n, si que se han ido incorporando modificaciones con el tiempo, estos son los est\u00e1ndares del HTML. Numerosos est\u00e1ndares se han presentado ya. El HTML 4.01 es el \u00faltimo est\u00e1ndar a septiembre de 2001.\u00a0Dise\u00f1o de sitios web Puebla<\/strong><\/em><\/u><\/p>\n

Esta evoluci\u00f3n tan an\u00e1rquica del HTML ha supuesto toda una seria de inconvenientes y deficiencias que han debido ser superados con la introducci\u00f3n de otras tecnolog\u00edas accesorias capaces de organizar, optimizar y automatizar el funcionamiento de las webs. Ejemplos que pueden sonaros son las CSS, JavaScript u otros. Veremos m\u00e1s adelante en qu\u00e9 consisten algunas de ellas.<\/p>\n

Otros de los problem\u00e1s que han acompa\u00f1ado al HTML es la diversidad de navegadores presentes en el mercado los cuales no son capaces de interpretar un mismo c\u00f3digo de una manera unificada. Esto obliga al webm\u00e1ster a, una vez creada su p\u00e1gina, comprobar que esta puede ser le\u00edda satisfactoriamente por todos los navegadores, o al menos, los m\u00e1s utilizados.<\/p>\n

Adem\u00e1s del navegador necesario para ver los resultados de nuestro trabajo, necesitamos evidentemente otra herramienta capaz de crear la p\u00e1gina en si. Un archivo HTML (una p\u00e1gina) no es m\u00e1s que un texto. Es por ello que para programar en HTML necesitamos un editor de textos. ( Dise\u00f1o de sitios web Puebla\u00a0<\/strong><\/em>)<\/p>\n

Es recomendable usar el Bloc de notas que viene con windows, u otro editor de textos sencillo. Hay que tener cuidado con algunos editores m\u00e1s complejos como Wordpad o Microsoft Word, pues colocan su propio c\u00f3digo especial al guardar las p\u00e1ginas y HTML es \u00fanicamente texto plano, con lo que podremos tener problemas.<\/p>\n

Existen otro tipo de editores espec\u00edficos para la creaci\u00f3n de p\u00e1ginas web los cuales ofrecen muchas facilidades que nos permiten aumentar nuestra productividad. No obstante, es aconsejable en un principio utilizar una herramienta lo m\u00e1s sencilla posible para poder prestar la m\u00e1xima atenci\u00f3n a nuestro c\u00f3digo y familiarizarnos lo antes posible con \u00e9l. Siempre tendremos tiempo m\u00e1s delante de pasarnos a editores m\u00e1s vers\u00e1tiles con la consiguiente ganancia de tiempo.<\/p>\n

Para tener m\u00e1s claro todo el tema de editores y los tipos que existen, visita los art\u00edculos:
\n\u2022 Editores de HTML. \u2022 Bloc de notas. \u2022 Tambi\u00e9n puedes acceder a descripciones editores m\u00e1s complejos que el Block de Notas, pero m\u00e1s potentes como Homesite o UltraEdit.
\nEs importante tener claro todo ello puesto que en funci\u00f3n de vuestros objetivos puede que, m\u00e1s que aprender HTML, resulte m\u00e1s interesante aprender el uso de una aplicaci\u00f3n para la creaci\u00f3n de p\u00e1ginas.<\/p>\n

As\u00ed pues, una p\u00e1gina es un archivo donde est\u00e1 contenido el c\u00f3digo HTML en forma de texto.\u00a0Estos
\narchivos tienen extensi\u00f3n .html o .htm (es indiferente cu\u00e1l utilizar). De modo que cuando programemos en HTML lo haremos con un editor de textos y guardaremos nuestros trabajos con extensi\u00f3n .html, por ejemplo mip\u00e1gina.html ( Dise\u00f1o de sitios web Puebla\u00a0<\/strong><\/em>)<\/p>\n

 <\/p>\n

Sintaxis del HTML<\/h3>\n

Dise\u00f1o de sitios web Puebla:\u00a0<\/strong><\/em>El HTML es un lenguaje que basa su sintaxis en un elemento de base al que llamamos etiqueta. La etiqueta presenta frecuentemente dos partes:<\/p>\n

Una apertura de forma general <etiqueta> Un cierre de tipo <\/ etiqueta><\/p>\n

Todo lo incluido en el interior de esa etiqueta sufrir\u00e1 las modificaciones que caracterizan a esta etiqueta. As\u00ed por ejemplo:
\nLas etiquetas <b> y <\/b> definen un texto en negrita. Si en nuestro documento HTML escribimos una frase con el siguiente c\u00f3digo:<\/p>\n

<b>Esto esta en negrita<\/b><\/p>\n

El resultado Ser\u00e1:<\/p>\n

Esto esta en negrita
\nLas etiquetas <p> y <\/p> definen un p\u00e1rrafo. Si en nuestro documento HTML escribi\u00e9ramos:<\/p>\n

<p>Hola, estamos en el p\u00e1rrafo 1<\/p> <p>Ahora hemos cambiado de p\u00e1rrafo<\/p><\/p>\n

El resultado ser\u00eda:
\nHola, estamos en el p\u00e1rrafo 1
\nAhora hemos cambiado de p\u00e1rrafo<\/p>\n

Partes de un documento HTML<\/p>\n

Adem\u00e1s de todo esto, un documento HTML ha de estar delimitado por la etiqueta <html> y <\/html>. Dentro de este documento, podemos asimismo distinguir dos partes principales:<\/p>\n

El encabezado, delimitado por <head> y <\/head> donde colocaremos etiquetas de \u00edndole informativo como por ejemplo el titulo de nuestra p\u00e1gina.<\/p>\n

El cuerpo, flanqueado por las etiquetas <body> y <\/body>, que ser\u00e1 donde colocaremos nuestro texto e im\u00e1genes delimitados a su vez por otras etiquetas como las que hemos visto.Dise\u00f1o de sitios web Puebla<\/strong><\/em><\/u><\/p>\n

El resultado es un documento con la siguiente estructura:<\/p>\n

<html><\/p>\n

<head> Etiquetas y contenidos del encabezado Datos que no aparecen en nuestra p\u00e1gina pero que son importantes para catalogarla: Titulo, palabras clave,… <\/head><\/p>\n

<body> Etiquetas y contenidos del cuerpo Parte del documento que ser\u00e1 mostrada por el navegador: Texto e im\u00e1genes <\/body><\/p>\n

<\/html>\u00a0\u00a0( Dise\u00f1o de sitios web Puebla\u00a0<\/strong><\/em>)<\/p>\n

 <\/p>\n

Las may\u00fasculas o min\u00fasculas son indiferentes al escribir etiquetas<\/h3>\n

A notar que las etiquetas pueden ser escritas con cualquier tipo de combinaci\u00f3n de may\u00fasculas y min\u00fasculas. <html>, <HTML> o <HtMl> son la misma etiqueta. Resulta sin embargo aconsejable acostumbrarse a escribirlas en min\u00fascula ya que otras tecnolog\u00edas que pueden convivir con nuestro HTML (XML por ejemplo) no son tan permisivas y nunca viene mal coger buenas costumbres desde el principio para evitar fallos triviales en un futuro.\u00a0\u00a0( Dise\u00f1o de sitios web Puebla\u00a0<\/strong><\/em>)<\/p>\n

 <\/p>\n

#\u00a0Dise\u00f1o de sitios web Puebla<\/a>\u00a0 <\/strong><\/em>#Agencia de desarrollo web en puebla #Dise\u00f1o web #Desarrollo de p\u00e1ginas\u00a0 web<\/p>\n

\"marketingweb\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Dise\u00f1o de sitios web Puebla Agencia de desarrollo web en Puebla   HTML es el lenguaje con el que se escriben las p\u00e1ginas web. Dise\u00f1o de sitios web Puebla:\u00a0Las p\u00e1ginas web pueden ser vistas por el usuario mediante un tipo de aplicaci\u00f3n llamada navegador. Podemos decir por lo tanto que el HTML es el lenguaje …<\/p>\n

Dise\u00f1o de sitios web Puebla<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":7291,"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":[1197,437,1196,46],"class_list":["post-7290","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-agencia-de-desarrollo-web-en-puebla","tag-desarrollo-de-paginas-web","tag-diseno-de-sitios-web-puebla","tag-diseno-web"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7290","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=7290"}],"version-history":[{"count":5,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7290\/revisions"}],"predecessor-version":[{"id":7298,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7290\/revisions\/7298"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/7291"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=7290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=7290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=7290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}