Expression Web Tutorial Ebook

Checando los comentarios en:

 http://mredison.wordpress.com/2008/10/17/expression-web-tip-1-basarse-en-un-template/

Les comparto un libro pdf, en donde pueden aprender acerca de Microsoft Expression Web.

Espero les sirva de mucha ayuda

Saludos

Descargalo aquí

Expression Web Tip 1 – Basarse en un template

Hola, realizo este sencillo pero muy practico tutorial, ya que me han estado solicitando algunos tutoriales de Expression Web.

Vamos a iniciar con lo básico, a veces cuando empezamos no sabemos nada de diseño web, y la mejor opción es basarse en una plantilla. Entonces en este tutorial nos basaremos en un plantilla de Internet.

1.- Vamos a una pagina de Free CSS Templates, les coloco un ejemplo http://www.free-css-templates.com/, existen muchas otras, bajan un template que les haya agradado.

 

2.- Iniciamos en Expression Web 2, y damos nuevo website y por ejemplo puedo apuntar a la carpeta que descromprimimos del template.

3.- Creamos una Master Page, que es la pagina web que definirá nuestro diseño global del sitio.

4.- Damos doble clic al index.html, vamos a tener abierto los dos documentos,

Untitled1_Master.aspx e index.html, por que vamos a copiar el html.

Haga clic sobre la imagen para agrandar.

5.- Vamos a copiar el cuadro azul de su index.html, que indica la relación a la hoja de estilo. Y tambien todo lo que esta dentro del body, que en el ejemplo sería el cuadro verde, hasta donde cierra la etiqueta.

6.- Lo copiamos en el Master Page, como la imagen siguiente, en donde el cuadro azul copiamos el vinculo al .CSS, chequen bien al copiar el contenido del body, debe ser entre las etiquetas form, como se indica en el cuadro verde, y despues de eso copiamos todo el html del index.html anterior, como se muestra en el cuadro naranja.

7.- Por último guardamos la plantilla, y nos actualiza la hoja de estilos .CSS y tenemos ya nuestro diseño, ahora procedemos a eliminar todo el contenido.

8.- Lo siguiente es generar los controles ContentPlaceHolder, para lo siguiente vamos a la barra de herramientas localizado a la derecha de Expression Web, seleccionamos el control ContentPlaceHolder y lo colocamos en medio de la plantilla, esto es con el fin de limitar el area de contenido de nuestro sitio.

9.- Generamos una nueva pagina .ASPX y seleccionamos que queremos el diseño de una Master Page.

10.- Despues en el area del ContentPlaceHolder, vamos a poder colocar nuestros controles, etc.

Listo guardamos y vemos nuestra página, espero les sirva como tip, si no conocen de diseño, y puedan empezar a utilizar templates.

Saludos, nos vemos en el siguiente tip.

Abierto para comentarios.