Informatica

En este tutorial se presentan las características de hojas de estilos en cascada (CSS) de Visual Studio 2008. Le servirá de guía para crear un diseño de página de tres columnas, que ilustra las técnicas básicas de creación de una nueva página web y una nueva hoja de estilos.
En este tutorial se muestran las tareas siguientes:
Crear un sitio Web de sistema de archivos.
Personalizarel sitio web utilizando las características orientadas a CSS.
Crear un diseño de página de tres columnas mediante CSS.
{draw:frame} Requisitos previos
Para realizar el tutorial, necesita lo siguiente:
Visual Studio 2008 o Visual Web Developer 2008 Express. Para obtener información sobre las descargas, visite el sitio web Centro para desarrolladores de .NET Framework.Versión 3.5 de .NET Framework
{draw:frame} Crear un sitio Web
En esta parte del tutorial puede crear un sitio web y agregarle una nueva página. En la sección siguiente, puede agregar un archivo CSS y, a continuación, ejecutar la página en un explorador web.
Si ya ha creado un sitio web (por ejemplo, según los pasos descritos en el tema Tutorial: Crear una página Web básica enVisual Web Developer), puede usar dicho sitio web y pasar a la sección "Agregar y aplicar estilos a los elementos de la página", más adelante en este tutorial. De lo contrario, cree un sitio Web nuevo siguiendo estos pasos.
Para crear un nuevo sitio Web del sistema de archivos
En Visual Web Developer, en el menú Archivo, haga clic en Nuevo sitio Web.
En el cuadro Nuevo sitio Weben Plantillas instaladas de Visual Studio, haga clic en Sitio Web ASP.NET.
En el cuadro Ubicación, haga clic en Sistema de archivos y escriba el nombre de la carpeta en la que desea guardar las páginas de su sitio web.
Por ejemplo, escriba el siguiente nombre de carpeta: C:CSSWebSite
En la lista Lenguaje, haga clic en Visual Basic o Visual C# y, a continuación,haga clic en Aceptar.
Visual Web Developer crea la carpeta y una página nueva denominada Default.aspx.
{draw:frame} Agregar y aplicar estilos a los elementos de la página
Para que se pueda centrar en las herramientas de formato y estilo en lugar de en la creación de elementos para aplicar estilos, en esta sección se proporciona un conjunto de elementos de página. Puede copiar ypegar estos elementos en una página. El código incluye secciones realizadas con elementos div que incluyen una pancarta, secciones de barra lateral izquierda y derecha, una sección de contenido principal y un pie de página. Estos elementos simples contienen texto con el que puede trabajar e identificadores de elemento. En algunos casos, los elementos contienen clases CSS que puede usar para aplicarestilo a elementos concretos de una página.
Agregar elementos de página
En el procedimiento siguiente, copiará elementos de página con los que podrá trabajar utilizando las herramientas de CSS. Los elementos de página constan de una pancarta que contiene texto y un cuadro de búsqueda, un pie de página y tres secciones de texto. El contenido principal de la página se encuentra en la últimasección de texto.
Para agregar elementos de página a la página predeterminada
Abra la página Default.aspx o cambie a ella.
Cambie a la vista Código fuente.
Agregue el código siguiente detrás de la etiqueta :
Guarde la página.
Cambie a la vista Diseño para ver el formato predeterminado.
Cambie a la vista Código fuente.
Agregue el códigosiguiente detrás de la etiqueta :
Guarde la página.
Cambie a la vista Diseño para ver el formato predeterminado.
Guarde la página.
Cambie a la vista Diseño para ver el formato predeterminado.
{draw:frame} Aplicar estilos en la vista Diseño
En la vista Diseño, puede aplicar estilos a los elementos de página y ver inmediatamente los resultados. No tiene que...