{"id":116,"date":"2014-07-25T20:17:39","date_gmt":"2014-07-26T01:17:39","guid":{"rendered":"http:\/\/giogui.com\/blog\/?p=116"},"modified":"2014-08-18T19:31:34","modified_gmt":"2014-08-19T00:31:34","slug":"como-hacer-una-pagina-web-2-html-y-css","status":"publish","type":"post","link":"http:\/\/giogui.com\/blog\/como-hacer-una-pagina-web-2-html-y-css\/","title":{"rendered":"\u00bfC\u00f3mo Hacer Una P\u00e1gina Web? #2 \u00abHTML y CSS\u00bb"},"content":{"rendered":"
\"\u00bfC\u00f3mo<\/a>

\u00bfC\u00f3mo Hacer Una P\u00e1gina Web? #2 \u00abHTML y CSS\u00bb | Giogui Soluciones en L\u00ednea<\/p><\/div>\n

La base de cualquier p\u00e1gina web est\u00e1 hecha por dos tecnolog\u00edas diferentes, o dos lenguajes de programaci\u00f3n diferentes. Llamarles lenguajes se refiere a eso, a que son lenguajes. Un conjunto de reglas y definiciones que hacen que se puedan decir ideas, o que se puedan representar de una forma verbal o escrita o visual en este caso. Estos dos lenguajes fundamentales para las p\u00e1ginas web son HTML y CSS<\/span>.<\/p>\n

Pong\u00e1moslo muy sencillo as\u00ed: Imagine que usted tiene un terreno y que quiere construir una casa<\/span>. El terreno es una p\u00e1gina en blanco de un programa editor de c\u00f3digo, los cimientos y la estructura general de la casa es HTML y la pintura y detalles como ventanas, puertas y accesorios son CSS.<\/p>\n

En las im\u00e1genes de abajo se muestra esta idea gr\u00e1ficamente.<\/p>\n

\"\u00bfC\u00f3mo<\/a>

\u00bfC\u00f3mo Hacer Una P\u00e1gina Web? | Terreno | Giogui Soluciones en L\u00ednea<\/p><\/div>\n

\"\u00bfC\u00f3mo<\/a>

\u00bfC\u00f3mo Hacer Una P\u00e1gina Web? | Construcci\u00f3n (HTML) | Giogui Soluciones en L\u00ednea<\/p><\/div>\n

\"\u00bfC\u00f3mo<\/a>

\u00bfC\u00f3mo Hacer Una P\u00e1gina Web? | Con Detalles (HTML y CSS) | Giogui Soluciones en L\u00ednea<\/p><\/div>\n

Como pueden ver HTML es la construcci\u00f3n de la casa<\/span>, o de la p\u00e1gina web, los cimientos, la estructura principal, lo que hace que la p\u00e1gina web se sostenga y dure muchos a\u00f1os.<\/p>\n

CSS son los detalles de la casa<\/span> o de la p\u00e1gina web, los colores, los tipos de adornos, ajustes generales de posici\u00f3n de los elementos y varias cosas m\u00e1s que agregan detalle o lujo digamos a la p\u00e1gina web.<\/p>\n

La primera p\u00e1gina web que fue creada en 1991 fue hecha con solo el lenguaje HTML, CSS no exist\u00eda en ese momento. Aqu\u00ed hay una imagen de c\u00f3mo se ve\u00eda esta primera p\u00e1gina web.<\/p>\n

Ahora ya sabemos que estas dos tecnolog\u00edas o lenguajes de programaci\u00f3n HTML y CSS, se comunican entre si para poder crear una p\u00e1gina web <\/span>con colores, posiciones, im\u00e1genes y con todo lo que cuenta una p\u00e1gina web b\u00e1sica. Existen m\u00e1s lenguajes que se agregan despu\u00e9s a p\u00e1ginas web m\u00e1s complejas, estos son varios y tienen diferentes usos. Pero por ahora no hablaremos de ellos. Por ahora solo es importante saber que con HTML y CSS se pueden hacer muchas p\u00e1ginas web, y que estos dos lenguajes son fundamentales para el dise\u00f1o web y tener un control extenso en estos lenguajes es una herramienta muy poderosa<\/span>.<\/p>\n

Estos son acr\u00f3nimos HTML y CSS. HTML quiere decir Hyper Text Markup Language y CSS quiere decir Cascading Style Sheets. Podremos saber m\u00e1s delante de d\u00f3nde vienen estos nombres y porque decidieron utilizarlos sus creadores.<\/p>\n

Esperamos que les haya gustado este art\u00edculo de esta serie \u00bfC\u00f3mo hacer p\u00e1ginas web?.<\/p>\n

Aqu\u00ed est\u00e1 el art\u00edculo siguiente de la serie: C\u00f3mo Hacer Una P\u00e1gina Web #3 \u2013 \u00bfQu\u00e9 es HTML?<\/a><\/p>\n

Aqu\u00ed est\u00e1 el art\u00edculo anterior de la serie:\u00a0 \u00bfC\u00f3mo Hacer P\u00e1ginas Web? #1 \u201cHerramientas B\u00e1sicas\u201d<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

La base de cualquier p\u00e1gina web est\u00e1 hecha por dos tecnolog\u00edas diferentes, o dos lenguajes de programaci\u00f3n diferentes. Llamarles lenguajes se refiere a eso, a que son lenguajes. Un conjunto de reglas y definiciones que hacen que se puedan decir ideas, o que se puedan representar de una forma verbal o escrita o visual en […]<\/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":[28,27,23,8,9,10,19],"class_list":["post-116","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-3","tag-como-hacer-una","tag-como-hacer-una-pagina-web-2","tag-diseno-web-2","tag-diseno-web-en-guadalajara","tag-paginas-web-en-guadalajara","tag-posicionamiento-web"],"_links":{"self":[{"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/posts\/116","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=116"}],"version-history":[{"count":6,"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/posts\/116\/revisions"}],"predecessor-version":[{"id":196,"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/posts\/116\/revisions\/196"}],"wp:attachment":[{"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/media?parent=116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/categories?post=116"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/giogui.com\/blog\/wp-json\/wp\/v2\/tags?post=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}