Análisis de la estructura del sitio web
Una vez que haya guardado su código en su carpeta con el nombre apropiado, cierre el cuaderno. En su carpeta, además del cuaderno, verá el icono que representa el archivo que acaba de grabar.
Para ejecutar la página que acaba de crear, haga doble clic en el icono. Automáticamente se abrirá el navegador y se cargará la página. La ruta completa y el nombre del archivo aparecerán en la barra de direcciones.
Para ello, cierra el navegador y, dentro de la carpeta en la que estés trabajando, arrastra el icono de template.html sobre el cuaderno. De este modo, el cuaderno se abrirá y cargará el código fuente que habías escrito previamente.
Diseño de la estructura de la página web
Los “sitios” web son abstracciones completas: no existen, excepto en nuestras cabezas. Cuando identificamos un sitio como tal, lo que realmente estamos describiendo es una colección de páginas individuales enlazadas que comparten un aspecto gráfico y de navegación común. Lo que crea la ilusión de continuidad en un “sitio” cohesionado son las características de diseño que comparten las páginas. Las páginas html individuales y la forma en que están diseñadas y enlazadas son la unidad atómica de los sitios web, y todo lo que caracteriza la estructura del sitio debe aparecer en las plantillas de las páginas.
A medida que la web ha ido madurando en la última década, la estructura de las páginas de los sitios de información basados en texto se ha vuelto más uniforme y predecible. Aunque no todas las páginas web comparten el diseño y las características exactas descritas aquí, la mayoría de las páginas web incorporan algunos o todos estos componentes básicos, en ubicaciones de página que se han vuelto familiares para los usuarios de la web (fig. 6.1).
Las cabeceras de las páginas son como versiones en miniatura de la página de inicio que se sitúan encima de cada página y hacen muchas de las cosas que hacen las páginas de inicio, pero en un espacio limitado. Las cabeceras proporcionan la identidad del sitio y la navegación global, con búsqueda y quizás otras herramientas. La ubicación exacta y la disposición de los componentes varían de un sitio a otro, pero el patrón de diseño general se ha vuelto bastante consistente.
Comentarios
Mientras que esta referencia tiene como objetivo proporcionar un desglose completo de los diversos elementos HTML y sus respectivos atributos, también es necesario entender cómo estos elementos encajan en el cuadro más grande. Una página web está estructurada de la siguiente manera.
El primer elemento que aparece en el código fuente de una página web es la declaración de doctype. Esto proporciona al navegador web (u otro agente de usuario) información sobre el tipo de lenguaje de marcado en el que está escrita la página, que puede o no afectar a la forma en que el navegador representa el contenido. Puede parecer un poco aterrador a primera vista, pero la buena noticia es que la mayoría de los editores web WYSIWYG crearán el doctype por ti automáticamente después de que hayas seleccionado en un diálogo el tipo de documento que estás creando. Si no utilizas un paquete de edición web WYSIWYG, puedes consultar la lista de doctypes contenida en esta referencia y copiar el que quieras utilizar.
En el ejemplo anterior, el doctype se refiere a HTML 4.01 Strict. En esta referencia, verá ejemplos deHTML 4.01 y también de XHTfML 1.0 y 1.1, identificados como tales. Aunque muchos de los elementos y atributos pueden tener los mismos nombres, existen algunas diferencias sintácticas claras entre las distintas versiones de HTML yXHTML. Puede encontrar más información al respecto en las secciones tituladas HTML frente a XHTML y Sintaxis de HTML y XHTML.
Estructura de la página Html w3schools
Por ejemplo, Ruby on Rails (un framework MVC) tiene una carpeta diferente para los distintos tipos de modelos del sitio. Puedes usar el archivo routes.rb para hacer parecer que los archivos están ubicados en otras partes de los directorios, pero se enmascara con el enrutamiento de sus ubicaciones reales. (no es extremadamente exacto, pero da una versión reducida de lo que sucede)
Sin embargo, si el sitio web no es tuyo, entonces estarás limitado en cuanto a lo que puedes acceder. Incluso si consigues encontrar una estructura de sitio, a través de http, serías incapaz de ver cualquier código ejecutado del lado del servidor.
Los sitios web no son como los ordenadores de su red, son máquinas remotas y como tales deben tener seguridad. Si quieren que veas la estructura la verás, si no quieren no la verás, así de simple.
