Crear Un Sitio Web Con Solo Xhtml

Crear un sitio web con solo xhtml.
Basados en el diseño la paina web principal tiene el siguiente distribución

Este pequeño documento pretende proporcionarte el código necesario para crear laestructura de
las páginas web para iniciar el proyecto.
El proyecto web requiere de una carpeta de trabajo llamada sitio en la cual almacenaremos todos
los archivos que necesitemos como son páginas web,imagenes, video, audio, etc.
La ventana principal usa la distribución de contenido en FRAMES o MARCOS y como tenemos
planeado implementar esta en un servidor web en Internet entonces le proporcionaremosel
nombre de index.xhtml.
El nombre de index es generalmente considerado como la pagina por default del sitio web en un
servidor web. El código siguiente muestra un ejemplo de cómo generar la paginaweb principal

El código divide a la ventana en tres filas (rows), la segunda Fila en dos columnas (cols) y contiene
la etiqueta para aquelos visualizadores web que no soporten el uso deFrames<br /> Una parte importante es que el <frame src="contenido.xhtml" name="contenido"/> tiene<br /> definido un identificador el cual es contenido.<br /> La primera fila de la ventana principal muestra el contenidode una página web llamada<br /> header.xhtml el cual visualiza un logo de la empresa y un menú horizontal<br /> El código para elaborar esta página web es<br /> <br /> El método para distribuir los objetos en la pagina esmediante tablas<br /> la etiqueta <table border="1" width="100%" height="100"><br /> crea una tabla con un ancho del 100% es decir abarcando todo el ancho del visualizador web y con<br /> una altura de de 100 puntos.<br /> Laetiqueta <td valign="bottom"> crea una celda con una alineación vertical inferior.<br /> La etiqueta <table border="1" width="100%"> crea una tabla dentro de una celda e indica que<br /> abarque en ancho el 100%de la celda en donde se encuentra.<br /> La etiqueta <td>HOME</td><br /> crea una celda cuyo contenido es un hipervínculo el cual abre una página web en el MARCO... <div class="paper-body__gradient paper-body__gradient--bottom paper-body__gradient--bottom-abs"></div> <div class="center paper-body__cta--mod paper-body__cta-no-bg"> <a class="button button--large button--orange" onclick="upgradeRedirect()" rel="nofollow"> Leer documento completo </a> <p class="ash-gray text-s"> Regístrate para leer el documento completo. </p> </div> </div> </div> </div> </article> </main> <script>(function(d){var domain='buenastareas.com';if(d.referrer.match('^https?\:\/\/(|www\.)'+domain.replace('.com',"")+'\.com(.*)')){d.getElementById('stm-hero').className+=' stm-hero';d.getElementById('emptyTopicsList').innerHTML=(document.getElementById("topicsList"))?d.getElementById('topicsList').innerHTML:'';d.getElementById('text-header').innerHTML='';var sec=d.createElement('div');sec.className='section no-padding margin-2';var p=d.createElement('p');p.className='text-s uppercase ash-gray';p.innerText='Vista previa del texto';sec.appendChild(p);d.getElementById('text-header').appendChild(sec);}else{d.getElementById('stm-hero').className='';d.getElementsByTagName('article')[0].className='row no-border';}})(window.document);</script><div class="advertBox center margin-2 leaderboard_btf"> </div> <a href="/content/access" rel="nofollow"></a> <section class="row "> <div class="columns position-relative large-12"> <div class=""> <h2 class="heading-m padding-top-1 margin-2"> Estos documentos también te pueden resultar útiles </h2> </div> <section class=""> <ul class="unstyled"> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Crear-Sitio-Web/5188227.html" title="Crear sitio web"> <h6 class="heading-s"> Crear sitio web </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>Crear</i></b> <b><i>sitio</i></b> <b><i>web</i></b> con PHP y MySQL paso a paso capitulo 3 Bienvenidos a una entrega mas del tutorial que se convirtió en curso “<b><i>Crear</i></b> <b><i>sitio</i></b> <b><i>web</i></b> con PHP y MySQL paso a paso capitulo 3” y de nuevo debo comenzar dando las gracias, ya que el capitulo 2 también tubo una gran aceptación. Para los que no conocen los capítulos anteriores de este curso aquí los dejo. <b><i>Crear</i></b> <b><i>sitio</i></b>... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Crear-Sitio-Web/5188227.html" title="Crear sitio web" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1292 Palabras</span> <span class="essay-details__item">6 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Razones-Para-Crear-Sitios-Web/2153302.html" title="Razones para crear sitios web"> <h6 class="heading-s"> Razones para crear sitios web </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...para <b><i>crear</i></b> páginas <b><i>Web</i></b> Personales COMPARTIR INFORMACIÓN Muchas personas <b><i>crean</i></b> páginas <b><i>Web</i></b> para compartir información acerca de sus familias, mascotas, vacaciones o pasatiempos favoritos.- Otros lo hacen para presentar un currículum a patrones potenciales.- COMPARTIR CONOCIMIENTOS Muchos científicos y profesionales de empresas pone sus trabajos a disposición en la <b><i>Web</i></b>. Si se tiene experiencia sobre un área... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Razones-Para-Crear-Sitios-Web/2153302.html" title="Razones para crear sitios web" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1383 Palabras</span> <span class="essay-details__item">6 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Pasos-Para-Crear-Un-Sitio-Web/48730452.html" title="pasos para crear un sitio web"> <h6 class="heading-s"> pasos para crear un sitio web </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...Tener un <b><i>sitio</i></b> <b><i>web</i></b> y hacerlo trabajar aumenta el campo de posibilidades de tu empresa. Te permite comunicarte con quien sea (o miles de personas a la vez) para anunciar tus promociones, mostrar a clientes potenciales tu producto o servicio y facilitarles la compra directamente. Puedes además hacer pruebas de mercado, entrar a grupos de discusión con individuos de tu industria, enviar información mensual a tus clientes y vincularte con otros emprendedores o... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Pasos-Para-Crear-Un-Sitio-Web/48730452.html" title="pasos para crear un sitio web" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">813 Palabras</span> <span class="essay-details__item">4 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/10-Pasos-Para-Crear-Tu-Sitio/3024582.html" title="10 Pasos para crear tu sitio web"> <h6 class="heading-s"> 10 Pasos para crear tu sitio web </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...básicos para <b><i>crear</i></b> tu propio negocio en internet Plan de negocios Franquicias Rentables www.vellisimo.com Franquicias españolas en Costa Rica Sectores de éxito económico Vende todo en Compramelo Compramelo.co.cr Miles de Ticos buscan lo que quieres vender. ¿Qué esperas? Flujo de Caja Fácil www.empreware.com Descarga el Software #1 para proyectar tu Flujo de Caja! Invierta en Divisas www.gcitrading.com Prueba Ya Una Cuenta Demo Gratis. Empieza a Invertir en Divisas Hoy!... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/10-Pasos-Para-Crear-Tu-Sitio/3024582.html" title="10 Pasos para crear tu sitio web" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1540 Palabras</span> <span class="essay-details__item">7 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Crear-Sitio-Web/25901255.html" title="crear sitio web"> <h6 class="heading-s"> crear sitio web </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...12 pasos para <b><i>crear</i></b> un <b><i>sitio</i></b> <b><i>web</i></b> exitoso 1. CONOCER PORQUE SE TIENE UN <b><i>SITIO</i></b> <b><i>WEB</i></b> Debemos pensar el porque ¿Cómo mi <b><i>sitio</i></b> <b><i>web</i></b> ayudara a mi organización? ¿Cómo ayudara a mis visitantes? 2. CONTRUIRLO PARA EL USUARIO Y NO PARA UNO La <b><i>web</i></b> es para todos los usuarios y no para usted Enfóquese en lo que necesita hacer y no lo que necesita decir 3. CUBRIR UNA NECESIDAD... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Crear-Sitio-Web/25901255.html" title="crear sitio web" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">336 Palabras</span> <span class="essay-details__item">2 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Como-Crear-Un-Sitio-Web/6466333.html" title="Como Crear Un Sitio Web"> <h6 class="heading-s"> Como Crear Un Sitio Web </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>Crear</i></b> <b><i>sitio</i></b> <b><i>web</i></b> Dirección: http://es.wix.com/ Al seleccionar la dirección visualizaras la siguiente imagen [pic] Te saldrá en la parte inferior un botón que dice: COMIENZA AHORA ES GRATIS SELECCIONEN ESE BOTON, al seleccionarlo visualizaran la siguiente ventana te vas ubicar en registrar, coloca tu correo electrónico y una clave y para finalizar pulsa Registrate Si fue correcto se te mostrara la siguiente pantalla [pic]... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Como-Crear-Un-Sitio-Web/6466333.html" title="Como Crear Un Sitio Web" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">354 Palabras</span> <span class="essay-details__item">2 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Crear-Un-Sitio-Web-Con-Php/61296835.html" title="crear un sitio web con php."> <h6 class="heading-s"> crear un sitio web con php. </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...Desarrollo de aplicaciones <b><i>Web</i></b>. Profa. Ruth Elsa Cabrera Fernández Academia Informática Conexión a base de datos Esta es la dirección para bajar el software de appserv 2.5.9, funciona también para Windows 7 http://www.appservnetwork.com/index.php?newlang=spanish Instalar AppServ 1) De doble click en el icono del instalador archivo ejecutable. Aparece la imagen que vemos debajo. Debe dar, siguiente (next). 2) Aparece el acuerdo de licencia, ahí de click... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Crear-Un-Sitio-Web-Con-Php/61296835.html" title="crear un sitio web con php." class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">3229 Palabras</span> <span class="essay-details__item">13 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Wysiwyg-Web-Builder-V8-1-Espa%C3%B1ol-Cree/4724208.html" title="Wysiwyg Web Builder V8.1 Español, Cree Sitios Web Sin Saber Programación"> <h6 class="heading-s"> Wysiwyg Web Builder V8.1 Español, Cree Sitios Web Sin Saber Programación </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...La forma más fácil de <b><i>crear</i></b> tu <b><i>web</i></b> personal sin saber HTML Con WYSIWYG <b><i>Web</i></b> Builder podrás <b><i>crear</i></b> fácilmente una página <b><i>web</i></b> estándar sin necesidad de tener conocimiento alguno de HTML. Se trata de una utilidad enfocada a los usuarios con menos experiencia en este tipo de tareas, que recuerda mucho al editor de HTML que venía integrado con Windows (FrontPage Express) y que incluye todas aquellas herramientas que puedas... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Wysiwyg-Web-Builder-V8-1-Espa%C3%B1ol-Cree/4724208.html" title="Wysiwyg Web Builder V8.1 Español, Cree Sitios Web Sin Saber Programación" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">845 Palabras</span> <span class="essay-details__item">4 Páginas</span> </div> </div> </div> </div> </div> </div> </li> </ul> </section> </div> </section> <section class="row "> <div class="columns position-relative large-12"> <section class="section no-border"> <div class="container"> <div class="row"> <div class="columns "> <div class="section-heading "> <h2 class="align-left margin-2 heading-m"> OTRAS TAREAS POPULARES </h2> </div> </div> </div> <div class="row" id="popular-tags-visible"> <div class="small-12 columns tag-block columns-small-1 columns-medium-2 columns-large-2"> <ul> <li class="margin-1"> <a href="/ensayos/La-Sabidur-a-De-La-Mirada/70239595.html" title="La Sabidur A De La Mirada" class="mid-gray brand-primary--hover">La Sabidur A De La Mirada</a> </li> <li class="margin-1"> <a href="/ensayos/Fernanda-Yael-Fern-Ndez-d-Az/70239616.html" title="Fernanda Yael Fern ndez D az" class="mid-gray brand-primary--hover">Fernanda Yael Fern ndez D az</a> </li> <li class="margin-1"> <a href="/ensayos/250315-La-Informacion/70239619.html" title="250315 LA INFORMACION" class="mid-gray brand-primary--hover">250315 LA INFORMACION</a> </li> <li class="margin-1"> <a href="/ensayos/Siglo-De-Oro/70239634.html" title="Siglo De Oro" class="mid-gray brand-primary--hover">Siglo De Oro</a> </li> <li class="margin-1"> <a href="/ensayos/Mabfodrmvhs-Jvaiv/70239670.html" title="Mabfodrmvhs Jvaiv" class="mid-gray brand-primary--hover">Mabfodrmvhs Jvaiv</a> </li> <li class="margin-1"> <a href="/ensayos/Algebra/70239676.html" title="Algebra" class="mid-gray brand-primary--hover">Algebra</a> </li> </ul> </div> </div> </div> </section> </div> </section> <div class="advertBox center margin-1"></div> <section class="section no-border brand-primary--bg"> <div class="row"> <div class="columns center"> <h3 id="banner_title" class="heading-l white">&Uacute;nete a millones de otros estudiantes y comienza tu investigaci&oacute;n</h3> <h4 class="text-m white">Convi&eacute;rtase en miembro formal de Buenas Tareas</h4> <a class="button--bg-color__white button-fullwidth" onclick="upgradeRedirect()" rel="nofollow"> INSCRÍBETE - ES GRATIS </a> </div> </div> </section> <footer class="section section--footer"> <div class="row"> <div class="medium-3 columns"><div class="copyright-block"> <p class="copyright-block__logo"> <i class="icon icon-sm-logo copyright-block__logo__icon"></i> <span class="copyright-block__logo__span">Buenas Tareas</span> </p> <p class="copyright-block__social"> <a rel="nofollow" href="http://www.facebook.com/BuenasTareas"> <span class="copyright-block__social__circle"> <i class="copyright-block__social__circle__icon icon icon-ui-24-social-fb icon-ui-social-fb"></i> </span> </a> <a rel="nofollow" href="https://twitter.com/buenastareas"> <span class="copyright-block__social__circle"> <i class="copyright-block__social__circle__icon icon icon-ui-social-tw"></i> </span> </a> </p> <small class="copyright-block__copyright text-s"> &copy;2024 BuenasTareas.com </small> </div> </div> <div class="medium-3 columns"><div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Productos</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/ojear/">Documentos de investigación</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/resumen-de-libros/">Notas de libros</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/generador-de-citas/">Generador de citas</a> </li> </ul> </div> </div> <div class="medium-3 columns"> <div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Empresa</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/about.php">Empresa</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/advertise-with-us.php">Haz publicidad</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/legal.php">Legal (actualizado 9/9/14)</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/sitemap.html">Mapa del sitio</a> </li> </ul> </div> </div> <div class="medium-3 columns"><div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Ayuda</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/help.php">Ayuda</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/about-us/contact">Contáctanos</a> </li> </ul> </div> </div> </div> </footer> </div> <!-- global JS --> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/labjs/2.0.3/LAB.min.js"></script> <script type="text/javascript"> $LAB .script("//cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js") .script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/92c1d4e847bc6d93ba58214aa322ee6c.js") ; </script> <script type="text/javascript"> window.SM2_DEFER = true; function downloadJSAtOnload() { $LAB .script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/76aff662ad8b32c9348bfa0fa9cb8f91.js") .wait(function() { }); } // Check for browser support of event handling capability if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script> </body> </html>