Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Proyectos ASP - Net - 1

    Încărcat de

    Roger AV
    46 vizualizări11 pagini
    El documento describe los pasos para crear la estructura básica de un sitio web en ASP.NET, incluyendo la creación de una página maestra con estilos CSS, la adición de carpetas para páginas y archivos, y la configuración de un archivo Web.sitemap para la navegación. Se explica cómo agregar controles de navegación a la página maestra para completar la estructura inicial del sitio.

    Descriere originală:

    Proyectos ASP.net - 1

    Titlu original

    Proyectos ASP.net - 1

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    El documento describe los pasos para crear la estructura básica de un sitio web en ASP.NET, incluyendo la creación de una página maestra con estilos CSS, la adición de carpetas para páginas y archivos, y la configuración de un archivo Web.sitemap para la navegación. Se explica cómo agregar controles de navegación a la página maestra para completar la estructura inicial del sitio.

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    46 vizualizări11 pagini

    Proyectos ASP - Net - 1

    Încărcat de

    Roger AV
    El documento describe los pasos para crear la estructura básica de un sitio web en ASP.NET, incluyendo la creación de una página maestra con estilos CSS, la adición de carpetas para páginas y archivos, y la configuración de un archivo Web.sitemap para la navegación. Se explica cómo agregar controles de navegación a la página maestra para completar la estructura inicial del sitio.

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 11

    TALLER DE DESARROLLO

    INSTRUCTOR: HCTORA ARANDA VEGA

    1
    ESTRUCTURA DEL SITIO WEB

    Crear un proyecto ASP.NET

    Elegir ASP.NET Web Application

    Seleccionar un proyecto vaco de Web Forms

    Creamos la carpeta Paginas (Contendr las pginas web .aspx del proyecto) e Imgenes (Contendr las imgenes del
    proyecto .jpg, .png, etc.) y Theme(Contendr los archivos de estilo .css)

    Agregamos al proyecto una pgina maestra

    Definir la estructura HTLM de la pgina maestra.


    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs"
    Inherits="proyectoFinal._default" %>
    <!DOCTYPE html>
    <head>
    <title>Proyecto Final </title>
    <link href="Theme/miestilo.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <form id="form1" runat="server">
    <div id="envoltura">
    <div id="cabecera"></div>
    <div id="menu">| link1 | link2 | link3 |</div>
    <div id="centro">
    <div id="izquierda">
    ...
    </div>
    <div id="derecha">
    ...
    </div>
    </div>
    <div id="pie"> &#169 2013-2015 Todos los derechos reservados</div>
    </div>
    </form>
    </body>

    Agregamos una hoja de estilos para la pgina.

    Configuramos el estilo para la pgina maestra

    body
    {
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
    margin: 0%;
    padding-top: 1%;
    height: 98%;
    background-color: #4d6267;
    }
    #envoltura
    {
    width: 700px;
    margin: auto;
    border: solid 1pt #000;
    }
    #cabecera
    {
    background-image: url(../Imagenes/header.jpg);
    width: 700px;
    height: 246px;
    clear: both;
    float: none;
    }
    #menu
    {

    clear: both;
    padding-right: 10px;
    padding-left: 0%;
    font-weight: bold;
    font-size: 0.8em;
    float: none;
    background-image: url(../Imagenes/pie.gif);
    padding-bottom: 0%;
    margin: 0%;
    vertical-align: middle;
    width: 690px;
    color: #477897;
    padding-top: 0.3em;
    background-repeat: no-repeat;
    font-family: Arial;
    letter-spacing: 0.04em;
    position: static;
    height: 26px;
    text-align: right;
    }
    #bodyArea
    {
    float: left;
    width: 700px;
    background-repeat: repeat-y;
    background-color: white;
    }
    #izquierda
    {
    clear: left;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.7em;
    float: left;
    padding-bottom: 10px;
    vertical-align: top;
    width: 126px;
    color: white;
    padding-top: 10px;
    font-family: Arial;
    position: static;
    text-align: center;
    }
    #derecha
    {
    clear: right;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.8em;
    float: right;
    padding-bottom: 10px;
    vertical-align: top;
    width: 530px;
    color: #477897;
    padding-top: 10px;
    font-family: Arial;
    position: static;
    text-align: justify;
    overflow: auto;
    }
    #pie
    {
    clear: both;
    font-weight: bold;
    font-size: 0.7em;

    float: none;
    background-image: url(../Imagenes/pie.gif);
    vertical-align: middle;
    width: 700px;
    color: #477897;
    background-repeat: no-repeat;
    font-family: Arial;
    position: static;
    height: 26px;
    text-align: center;
    }
    .header
    {
    font-size: 1.3em;
    float: left;
    width: 100%;
    color: #477897;
    border-bottom: #477897 .13em solid;
    font-family: Arial Black;
    font-variant: small-caps;
    }
    Agregamos un archivo Web.sitemap para el proyecto.

    Configuramos el archivo Web.sitemap


    <?xml version="1.0" encoding="utf-8" ?>
    <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
    <siteMapNode url="" title="" description="">
    <siteMapNode url="Default.aspx" title="Home" description="" />
    <siteMapNode url="" title="Empresa" description="">
    <siteMapNode url="~/Paginas/Visin.aspx" title="Visin" description="" />
    <siteMapNode url="~/Paginas/Misin.aspx" title="Misin" description="" />
    <siteMapNode url="~/Paginas/Objetivos.aspx" title="Objetivos" description="" />
    <siteMapNode url="~/Paginas/Organigrama.aspx" title="Organigrama" description="" />
    </siteMapNode>
    <siteMapNode url="" title="Servicios" description="">
    <siteMapNode url="~/Paginas/Productos Informticos.aspx" title="Productos Informticos"
    description="" />
    <siteMapNode url="~/Paginas/Instalacin de Redes.aspx" title="Instalacin de Redes"
    description="" />
    <siteMapNode url="~/Paginas/Sistemas de Informacin.aspx" title="Sistemas de
    Informacin" description="" />
    <siteMapNode url="~/Paginas/Soporte Tcnico.aspx" title="Soporte Tcnico"
    description="" />
    </siteMapNode>
    <siteMapNode url="~/Paginas/Mapa.aspx" title="Mapa" description="" />
    <siteMapNode url="~/Paginas/Intranet.aspx" title="Intranet" description="" />
    <siteMapNode url="~/Paginas/Contacto.aspx" title="Contacto" description="" />
    </siteMapNode>
    </siteMap>

    Creamos las paginas Web Form with master Page dentro de la capeta Paginas.

    Agregamos los controles de navegacin a la pgina Master.

    10

    S-ar putea să vă placă și