Scribd Logo
Importer

Bienvenue sur Scribd !

  • Css3 y Html5

    Transféré par

    Carlos Agudelo
    15 vues4 pages
    Escrito sobre css3 y html5

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Escrito sobre css3 y html5

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    15 vues4 pages

    Css3 y Html5

    Transféré par

    Carlos Agudelo
    Escrito sobre css3 y html5

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 4

    Crear una aplicacin web simple en Visual Studio

    2013 (C#)
    PARA CREAR LA APLICACIN WEB
    1. En Visual Studio 2013, en el men Archivo (file), elija Nuevo y luego Nuevo
    proyecto.
    Aparecer el cuadro de dilogo Nuevo proyecto.
    2. En Plantillas instaladas, expanda el lenguaje de programacin que desee (C#) y, a
    continuacin, haga clic en Web.
    3. En la lista de tipos de proyectos web, seleccione Aplicacin web vaca de
    ASP.NET.
    4. En el cuadro Nombre, escriba Nombre_del_Proyecto.
    5. En el cuadro Ubicacin, especifique la carpeta donde desea crear la aplicacin web.
    6. Seleccione Crear directorio para la solucin.
    7. Elija Aceptar.
    8. En Explorador de soluciones, compruebe que el nuevo proyecto se cre.

    COMO AGREGAR UNA MASTER PAGES.


    1. En el Explorador de soluciones, haga clic con el botn secundario en el nombre del
    sitio web y, a continuacin, haga clic en Agregar - Nuevo Elemento.
    2. En Plantillas instaladas de Visual Studio, haga clic en Pgina maestra.
    3. En el cuadro Nombre, escriba el nombre para la plantilla.
    NOTA: Para Agregar las pginas web o los web forms realizan los mismos pasos como
    si fueran a crear una pgina maestra pero seleccionan el elemento que deseen.

    Estructura de una pgina HTML5

    En HTML5 se incorporan nuevas etiquetas que dan significado propio al


    contenido de la pgina como son:
    -

    <header> Es el equivalente a la cabecera de la pgina web. Contiene el


    ttulo o nombre de la empresa/titular de la pgina, logo e informacin
    relacionada.
    <nav> Contiene los enlaces (barra de navegacin) externos o internos
    de la pgina.
    <figure>
    <section> Es una gran caja que sirve para mostrar grandes bloques de
    contenido de la pgina. Puede contener diferentes subapartados de
    diferentes temas (de tipo <article>).
    <article> Es una caja independiente de contenido que puede estar
    contenida (o no) dentro de un <section>. Normalmente utilizada para
    contenidos no demasiado extensos.
    <aside> Define un bloque de contenido relacionado de manera
    indirecta con el contenido principal, pero que no es esencial para la
    compresin del mismo.
    <footer> Equivale al pie de pgina de un apartado concreto
    (<section>, <article>...) o de la pgina web en general.

    En HTML5 la estructura interna bsica de una pgina web se ha simplificado,


    reduciendo el cdigo innecesario hasta quedarse con el esqueleto bsico, que
    sera el siguiente:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8"/>
    <title>Ttulo de la web</title>
    </head>
    <body>
    Contenido de la web
    </body>
    </html>

    Cada fichero HTML est compuesto de dos partes:


    <HEAD>
    Donde se aade toda la informacin que el navegador necesita pero que no se
    visualiza.

    Todo lo que coloquemos entre las etiquetas <head> y </head>, aunque no se visualiza en
    el navegador, ofrece informacin importante sobre la propia pgina, por lo que en el
    <head> se introduce informacin referente a:

    La codificacin de la pgina (para que aparezcan smbolos como la "", "" o los
    acentos correctamente) utilizando meta charset="utf-8".

    El ttulo de la pgina, que aparece en la pestaa del navegador (utilizando <title>).

    Otra informacin que habitualmente podemos encontrar en el <head> pero que no hemos
    aadido en el ejemplo superior para no sobrecargarlo es:

    La descripcin de la pgina, informacin destinada bsicamente a los buscadores


    (Google, Bing o Yahoo entre otros).
    <meta name="description"
    pgina">

    content="Resumen

    del

    contenido

    de

    la

    El cdigo CSS que la pgina utilizar, ya sea interna o externamente


    <style type="text/css">
    </style>
    <link rel=stylesheet href="css/estilo.css" type="text/css"/>

    La programacin en javaScript (en el caso de que se utilice).


    <script type="text/javascript">
    </script>

    <BODY>

    Parte de la pgina web que agrupa todo el contenido de la pgina y que el


    navegador s que muestra.
    Ejemplo completo de una pgina.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8"/>
    <meta name="description" content="Resumen del contenido de la
    pgina">
    <title>Ttulo de la pgina</title>
    <link rel=stylesheet href="css/estilo.css" type="text/css"/>
    <style type="text/css">
    </style>
    </head>

    <body>
    <header>
    </header>
    <section id="contenido">
    Contenido de la web
    </section>
    <footer>
    </footer>
    </body>
    </html>

    Vous aimerez peut-être aussi