Estructura de una página Web Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente legible y se pueda modificar más fácilmente. Si una página Web es complicada en su diseño, habrá muy pocos que sepan dar el mantenimiento adecuado. Abajo se muestra la estructura lógica de una página Web.
Primera página
...
...
...
Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.
La primera instrucción indica al explorador de Internet que ahí comienza una página Web. La siguiente instrucción
indica el encabezado de la página, es decir el área de la barra de título.
indica el título de la página propiamente dicho. <body> es una instrucción que indica al explorador de Internet que ahí empieza el área de contenido de la página (es decir el cuerpo de la página).</p><span style="color: rgb(0, 0, 0);">En el lenguaje HTML, muchas instrucciones se cierran con el signo / (diagonal) para indicar al programa que las propiedades aplicadas con esa instrucción se terminan ahí donde se pone el signo diagonal. Si el signo de cierre (/) no se aplica convenientemente, el programa seguirá aplicando las propiedades de la instrucción anterior a todas las líneas inferiores, hasta que se encuentre otra instrucción que modifique las propiedades actuales.</span>
<br />
<br /><h2 style="color: rgb(0, 0, 0);"><span class="mw-headline" id="Dise.C3.B1o_web_aplicado">Diseño web aplicado</span></h2> <p style="color: rgb(0, 0, 0);">El diseño de páginas web trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de <span class="mw-redirect">computador</span>, en papel, en un <span class="mw-redirect">teléfono móvil</span>, etc).</p> <p style="color: rgb(0, 0, 0);">Estos documentos o páginas web pueden ser creadas:</p> <ul style="color: rgb(0, 0, 0);"><li>creando archivos de texto en HTML.</li><li>utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.</li><li>utilizando lenguajes de programación del lado servidor para generar la página web.</li></ul> <h3 style="color: rgb(0, 0, 0);"><span class="mw-headline" id="Etapas">Etapas</span></h3> <p style="color: rgb(0, 0, 0);">Para el diseño de páginas web debemos tener en cuenta tres etapas:</p> <ul style="color: rgb(0, 0, 0);"><li>La primera es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los <span class="mw-redirect">vínculos</span> a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.</li></ul> <ul style="color: rgb(0, 0, 0);"><li>La segunda, una vez que se tiene este boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada.</li></ul> <ul style="color: rgb(0, 0, 0);"><li>La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, por que a diferencia del texto, aún para el año 2009 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.</li></ul> <p style="color: rgb(0, 0, 0);">El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por <span class="mw-redirect">agente de usuario</span> o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como <span class="mw-redirect">texto plano</span>, sin ningún tipo de formato y con extensión <code>.html</code> o <code>.htm</code>). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como <i><span class="mw-redirect">MS FrontPage</span></i> y <i><span class="mw-redirect">Adobe Dreamweaver</span></i>. Con estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.</p> <p style="color: rgb(0, 0, 0);">Todo esto teniendo en cuenta el nivel de programación en el diseño de las aplicaciones y del impacto visual que se quiere generar en el usuario.</p> <h3 style="color: rgb(0, 0, 0);"><span class="mw-headline" id="Fundamentos">Fundamentos</span></h3> <p style="color: rgb(0, 0, 0);">Un correcto diseño web implica conocer cómo se deben utilizar cada una de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la <span class="mw-redirect">W3C</span> y en lo referente a la web semántica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza <span class="new">código propietario</span>, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado.</p> <p style="color: rgb(0, 0, 0);">La web semántica, por otra parte, aboga por un uso lógico de los elementos según el significado para el que fueron concebidas. Por ejemplo se utilizará el elemento <code><p></code> para marcar párrafos, y <code><table></code> para tabular datos (nunca para disponer de manera visual los diferentes elementos del documento). En su última instancia, esto ha supuesto una auténtica revolución en el diseño web puesto que apuesta por separar totalmente el contenido del documento de la visualización.</p> <p style="color: rgb(0, 0, 0);">De esta forma se utiliza el documento HTML únicamente para contener, organizar y estructurar la información y las hojas de estilo CSS para indicar como se mostrará dicha información en los diferentes medios (como por ejemplo, una pantalla de computadora, un teléfono móvil, impreso en papel, <i>leída</i> por un <span class="mw-redirect">sintetizador de voz</span>, etc.). Por lógica, esta metodología beneficia enormemente la accesibilidad del documento.</p> <p style="color: rgb(0, 0, 0);">También existen páginas dinámicas, las cuales permiten interacción entre la web y el visitante, proporcionándole herramientas tales como buscadores, chat, foros, sistemas de encuestas, etc. y poseen de un <span class="mw-redirect">Panel de Control</span> de administración de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma</p> <h3 style="color: rgb(0, 0, 0);"><span class="mw-headline" id="Accesibilidad">Accesibilidad</span></h3> <p style="color: rgb(0, 0, 0);">El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del <span class="mw-redirect">W3C</span>: Pautas de accesibilidad al contenido Web 1.0 WCAG.</p><h2 style="color: rgb(0, 0, 0);"> Codificación </h2> <div style="color: rgb(0, 0, 0);" class="info"> </div> <div style="color: rgb(0, 0, 0);"> <p>Los estándares de codificación ayudan a garantizar que todos los usuarios tengan acceso a la información que el sitio Web brinda a sus visitantes, además será más fácil para las personas con necesidades especiales utilizar la Web. Por estas razones, la UNAM recomienda que todos los desarrolladores Web se apeguen a los estándares de codificación. Para mayor información sobre estos estándares puede revisar el sitio de la W3C o los diversos sitios sobre Estándares Web.</p> <p>Se recomienda que las páginas sean probadas con el Servicio de Validación de la W3C, que se encuentra en http://validator.w3.org</p> <p>A continuación, se presenta una visión general sobre los diferentes lenguajes de la Web: HTML, XHTML, XML, JavaScript, Cascading Style Sheets (CSS), y DHTML. Asimismo, se incluyen vínculos a algunos sitios con recursos de ayuda.</p> <p><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><strong>HTML</strong></span></p> <p>El HTML (HyperText Markup Language) es un lenguaje de maquetación y especificación de hipervínculos. Las etiquetas de marcado indican al navegador cómo mostrar el contenido de un documento incluyendo texto, imágenes y otros medios de apoyo. La versión actual que define la sintaxis básica y la semántica de la norma es la HTML 4.01. Aunque el W3C ha definido los estándares de HTML, algunos fabricantes de navegadores han agregado extensiones que no son estándar del HTML, por lo que es importante revisar que las páginas construidas se vean bien en navegadores de diferentes fabricantes.</p> <p><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><strong>XHTML</strong></span></p> <p>XHTML (Extensible HyperText Markup Language) es una reformulación de HTML para ser compatible con XML (Extensible Markup Language). El XHTML sigue todas las características de HTML 4.01, pero exige una cuidadosa atención al cierre de las etiquetas que definen las letras mayúsculas y minúsculas, el entrecomillado y otras minucias ignoradas por HTML. La mayoría de las páginas construidas con HTML son totalmente compatibles con XHTML. Una de las principales diferencias es el anidamiento de los elementos, es decir cada etiqueta que contiene otras etiquetas o contenido debe tener su correspondiente etiqueta de cierre. Dado que elementos como <br />, <img>, etc; normalmente no disponen de una etiqueta de cierre, deben incluir al final un espacio y una antidiagonal para definir su etiqueta de cierre. Ejemplo: <br />, <img>.</p> <p>El XHTML requiere que las etiquetas y los atributos estén en minúsculas, que todos los atributos vayan entrecomillados y que tengan un valor asociado. Dreamweaver MX se puede cambiar para producir páginas Web compatibles con XHTML, marcando la casilla “<em>Hacer documento compatible con XHTML</em>” en el ángulo inferior derecho del cuadro de diálogo para crear un nuevo documento HTML.</p> <p><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><strong>XML</strong></span></p> <p>El XML (Extensible Markup Language) se basa en la misma tecnología que el HTML, pero está diseñado para manejar mejor la tarea de gestión de la información. Más que servir como un lenguaje para la creación de páginas Web, XML es un lenguaje para la creación de otros lenguajes. Las etiquetas XML sirven para identificar datos a fin de que éstos puedan estar disponibles para otras tareas (búsqueda, clasificación, entre otros).</p> <p>El XML (Extensible Markup Language) se basa en la misma tecnología que el HTML, pero está diseñado para manejar mejor la tarea de gestión de la información. Más que servir como un lenguaje para la creación de páginas Web, XML es un lenguaje para la creación de otros lenguajes. Las etiquetas XML sirven para identificar datos a fin de que éstos puedan estar disponibles para otras tareas (búsqueda, clasificación, entre otros).</p> <p><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><strong>JavaScript</strong></span></p> <p>JavaScript es un lenguaje de programación que se puede utilizar para incorporar interactividad a las páginas Web. Si no se cuenta con un programador en el equipo de trabajo de la página Web, se puede utilizar y modificar alguno de los muchos JavaScripts ya disponibles en la Web. JavaScript permite crear una interfaz de usuario activo, dando información de retroalimentación a los usuarios a medida que navegan el sitio Web.</p> <p>Debido a que algunos usuarios desactivan la opción de ejecución de scripts en sus navegadores, se recomienda usar JavaScript para agregar mejoras a la página, en lugar de que sea incluido como una parte vital de ésta. También tenga en cuenta que los usuarios de su sitio Web que utilicen tecnologías, como navegadores de texto, no podrán usar JavaScript para moverse por el sitio.</p> <p><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><strong>Cascading Style Sheets</strong></span></p> <p>El HTML no fue diseñado para incluir contenidos con un gran concepto gráfico o multimedia. Fue creado para estructurar documentos para su distribución en Web. Las Cascading Style Sheets, CSS u hojas de estilo, permiten controlar la visualización de un documento Web, sin comprometer su estructura (por ejemplo, colores, márgenes, tipografías y otros aspectos del estilo). Las CSS permiten que las etiquetas HTML puedan ser redefinidas y personalizadas a través de “clases de estilo” para controlar globalmente el despliegue de las páginas Web. Los estilos pueden ser definidos en un archivo CSS externo, en un documento individual o incluso, en una etiqueta específica. Desafortunadamente, no todos los navegadores ofrecen el mismo nivel de soporte para las CSS, por lo que es importante revisar cómo se despliegan las páginas Web en navegadores de diversos fabricantes.</p> <p><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><strong>DHTML</strong></span></p> <p>El término HTML dinámico o DHTML se utiliza para describir la combinación de HTML, hojas de estilo y JavaScripts. DHTML ofrece a los desarrolladores Web el control suficiente para que puedan manipular cualquier elemento de la página, estilos, posicionamiento o contenido en cualquier momento.</p> <p><strong><span onmouseover="_tipon(this)" onmouseout="_tipoff()">Sitios de estándares y recursos web</span>:</strong></p></div> <p style="color: rgb(0, 0, 0);">Tutoriales:
<br />http://www.w3schools.com</p> <p style="color: rgb(0, 0, 0);">HTML:
<br />http://www.webreference.com/authoring/languages/html/
<br />http://wdvl.internet.com/Authoring/HTML/
<br />http://hotwired.lycos.com/webmonkey/authoring/html_basics/</p> <p style="color: rgb(0, 0, 0);">XHTML:
<br />http://www.webreference.com/authoring/languages/xhtml/
<br />http://wdvl.internet.com/Authoring/Languages/XML/XHTML/</p> <p style="color: rgb(0, 0, 0);">XML:
<br />http://www.webreference.com/authoring/languages/xml/
<br />http://wdvl.internet.com/Authoring/Languages/XML/
<br />http://www.developer.com/xml/article.php/2106671</p> <p style="color: rgb(0, 0, 0);">JavaScript:
<br />http://www.webreference.com/programming/javascript/
<br />http://wdvl.internet.com/Authoring/JavaScript/
<br />http://hotwired.lycos.com/webmonkey/programming/javascript/
<br />http://javascript.internet.com/</p> <p style="color: rgb(0, 0, 0);">Cascading Style Sheets:
<br />http://webreference.com/authoring/style/sheets/
<br />http://wdvl.internet.com/Authoring/Style/Sheets/
<br />http://hotwired.lycos.com/webmonkey/authoring/stylesheets/</p> <p style="color: rgb(0, 0, 0);">DHTML:
<br />http://wdvl.internet.com/Authoring/DHTML/
<br />http://www.developer.com/dhtml/
<br />http://hotwired.lycos.com/webmonkey/authoring/dynamic_html/</p><p style="color: rgb(0, 0, 0);">Software para crear paginas web:</p><p style="color: rgb(0, 0, 0);">Nvu v1.0 Final
<br /></p><p style="color: rgb(0, 0, 0);">Sothink DHTML Menu
<br /></p><span style="color: rgb(0, 0, 0);">Adobe GoLive</span>
<br />
<br /><span style="color: rgb(0, 0, 0);">MainTools Gestor y Editor Web</span>
<br />
<br /><span style="color: rgb(0, 0, 0);">Dreamweaver</span>
<br />
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Publicado por
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/03985298600843696786' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/03985298600843696786' rel='author' title='author profile'>
<span itemprop='name'>Raul</span>
</a>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://raul-midireccion.blogspot.com/2010/06/paginas-web.html' itemprop='url'/>
<a class='timestamp-link' href='http://raul-midireccion.blogspot.com/2010/06/paginas-web.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-06-23T12:28:00-07:00'>12:28</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-152202312'>
<a href='https://www.blogger.com/post-edit.g?blogID=3192733433626177531&postID=2303706627676249802&from=pencil' title='Editar entrada'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>No hay comentarios:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Publicar un comentario</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/3192733433626177531?po=2303706627676249802&hl=es' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/4269703388-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
</script>
</div>
</p>
</div>
</div>
</div></div>
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://raul-midireccion.blogspot.com/2010/06/15-pasos-para-crear-una-pagina-web.html' id='Blog1_blog-pager-newer-link' title='Entrada más reciente'>Entrada más reciente</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://raul-midireccion.blogspot.com/2010/05/procedimientos-para-elaborar-una-base.html' id='Blog1_blog-pager-older-link' title='Entrada antigua'>Entrada antigua</a>
</span>
<a class='home-link' href='http://raul-midireccion.blogspot.com/'>Inicio</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Suscribirse a:
<a class='feed-link' href='http://raul-midireccion.blogspot.com/feeds/2303706627676249802/comments/default' target='_blank' type='application/atom+xml'>Enviar comentarios (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='header'><div class='widget Header' data-version='1' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a href='http://raul-midireccion.blogspot.com/'>
Raul
</a>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>
</span></p>
</div>
</div>
</div></div>
<div class='sidebar section' id='sidebar'><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Seguidores</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height;
},
'reset': function() {
window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d3192733433626177531\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzMzMzMzMiByM0NDg4ODgqByNGRkZGRkYyByMwMDAwMDA6ByMzMzMzMzNCByM0NDg4ODhKByMwMDAwMDBSByM0NDg4ODhaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26postID\x3d2303706627676249802\x26origin\x3dhttp://raul-midireccion.blogspot.com/");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d3192733433626177531\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzMzMzMzMiByM0NDg4ODgqByNGRkZGRkYyByMwMDAwMDA6ByMzMzMzMzNCByM0NDg4ODhKByMwMDAwMDBSByM0NDg4ODhaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26postID\x3d2303706627676249802\x26origin\x3dhttp://raul-midireccion.blogspot.com/");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Archivo del blog</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='http://raul-midireccion.blogspot.com/2010/'>
2010
</a>
<span class='post-count' dir='ltr'>(10)</span>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='http://raul-midireccion.blogspot.com/2010/06/'>
junio
</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='posts'>
<li><a href='http://raul-midireccion.blogspot.com/2010/06/15-pasos-para-crear-una-pagina-web.html'>15 pasos para crear una pagina web</a></li>
<li><a href='http://raul-midireccion.blogspot.com/2010/06/paginas-web.html'>Paginas web</a></li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://raul-midireccion.blogspot.com/2010/05/'>
mayo
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://raul-midireccion.blogspot.com/2010/04/'>
abril
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://raul-midireccion.blogspot.com/2010/03/'>
marzo
</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://raul-midireccion.blogspot.com/2010/02/'>
febrero
</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>Datos personales</h2>
<div class='widget-content'>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/03985298600843696786' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
Raul
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/03985298600843696786' rel='author'>Ver todo mi perfil</a>
<div class='clear'></div>
</div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
<div id='footer-wrapper'>
<div class='footer no-items section' id='footer'></div>
</div>
</div></div>
<!-- end outer-wrapper -->
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/517362887-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5V99_uMypEKxJ9MyXRPNKXUmRYmg:1713524440177';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3192733433626177531','//raul-midireccion.blogspot.com/2010/06/paginas-web.html','3192733433626177531');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3192733433626177531', 'title': 'Raul', 'url': 'http://raul-midireccion.blogspot.com/2010/06/paginas-web.html', 'canonicalUrl': 'http://raul-midireccion.blogspot.com/2010/06/paginas-web.html', 'homepageUrl': 'http://raul-midireccion.blogspot.com/', 'searchUrl': 'http://raul-midireccion.blogspot.com/search', 'canonicalHomepageUrl': 'http://raul-midireccion.blogspot.com/', 'blogspotFaviconUrl': 'http://raul-midireccion.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'es', 'localeUnderscoreDelimited': 'es', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Raul - Atom\x22 href\x3d\x22http://raul-midireccion.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Raul - RSS\x22 href\x3d\x22http://raul-midireccion.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Raul - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3192733433626177531/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Raul - Atom\x22 href\x3d\x22http://raul-midireccion.blogspot.com/feeds/2303706627676249802/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d86c8c5eadffdf93', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtener enlace', 'key': 'link', 'shareMessage': 'Obtener enlace', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartir en Facebook', 'target': 'facebook'}, {'name': 'Escribe un blog', 'key': 'blogThis', 'shareMessage': 'Escribe un blog', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Compartir en Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartir en Pinterest', 'target': 'pinterest'}, {'name': 'Correo electr\xf3nico', 'key': 'email', 'shareMessage': 'Correo electr\xf3nico', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27es\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leer m\xe1s', 'pageType': 'item', 'postId': '2303706627676249802', 'pageName': 'Paginas web', 'pageTitle': 'Raul: Paginas web'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'El enlace se ha copiado en el Portapapeles.', 'ok': 'Aceptar', 'postLink': 'Enlace de la entrada'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Paginas web', 'description': 'Estructura de una p\xe1gina Web Toda p\xe1gina Web tiene una estructura que permite al programador saber de antemano qu\xe9 tipo de informaci\xf3n nece...', 'url': 'http://raul-midireccion.blogspot.com/2010/06/paginas-web.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 2303706627676249802}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2704541948-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Cargando\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
</script>
</body>
</html>