programacion .net




LABORATORIO Nº 13

Objetivos:
Interacción entre Adobe DreamWeaver C3 con Visual Studio.Net.
Utilización de Etiquetas Div.
Manejo de Estilo de Cascada.
Utilización de Pagina Maestra.
Utilización de Control de Usuario Web.
Utilización de los Controles de Exploración.
SiteMapPath.
Menú
TreeView
Utilización del Control ContentPlaceHolder.
Utilización de los controlesSiteMapDataSource y XmlDataSource.
Utilización del Control AdRotator.

Utilización de Paginas Maestras
1. Hacer clic en el menú Sito Web > Agregar Nuevo Elemento.
2. Seleccionar Pagina Principal.

3. Seleccionar el control ContentPlaceHolder y eliminarlo.

4. Hacer clic en la vista código.

5. Asignar a la etiqueta Div.
6. En el Identificador asignar el nombre de fondo Id=”fondo”.

7.Seleccionar la etiqueta Div.
8. Ir al panel propiedades y hacer clic en la propiedad Style.

9. Aparecerá un cuadro de dialogo llamado Generador de Estilos.
10. Seleccionar la Categoría Fuente y asignar los siguientes valores.
Tipo de Letra Verdana.
Color de Texto White.

11. Seleccionar la Categoría Fondo y asignar los siguientes valores.
Color de Fondo #e9e6cd.

12. Hacer clic en el MenúDiseño > Insertar Tabla.
13. Asignar 2 Columnas y 2 Filas.
14. De ancho 960 px.

15. Seleccionar la Primera fila de la primera columna.

16. Seleccionar la Etiquetad DIV, del panel HTML e insertártelo en la fila seleccionada.

17. Seleccionar la Etiqueta DIV.
18. Pulsar el botón derecho del mouse y seleccionar la opción Estilo.

19. Aparecerá un cuadro de dialogo llamado Generador de Estilos.20. Seleccionar la Categoría Fuente y asignar los siguientes valores.
Tipo de Fuente Calibri.
Color de Fuente #fffffff.

21. Seleccionar la Categoría Fondo y asignar los siguientes valores.
Color de Fondo #e1ca77.

22. Seleccionar la Categoría Posición y asignar los siguientes valores.
Ancho 250px.

23. Seleccionar la Categoría Diseño y asignar los siguientes valores.
Seleccionar Soloa la Izquierda.

24. Seleccionar la Etiquetad DIV, del panel HTML e insertarla en la segunda columna de la primera fila.

25. Seleccionar la Etiqueta DIV.
26. Pulsar el botón derecho del mouse y seleccionar la opción Estilo.
27. Aparecerá un cuadro de dialogo llamado Generador de Estilos.
28. Seleccionar la Categoría Fuente y asignar los siguientes valores.
Tipo de Fuente Verdana.
Tamaño10px.




29. Seleccionar la Categoría Fondo y asignar los siguientes valores.
Color de Fondo White.

30. Seleccionar la Categoría Posición y asignar los siguientes valores.
Ancho 650px.

31. Seleccionar la Categoría Diseño y asignar los siguientes valores.
Seleccionar Solo a la Derecha.

32. Seleccionar la Segunda fila de la primera y segunda Columna.
33. Hacer clic en el MenúDiseño > Combinar Celdas.

34. Seleccionar la Etiquetad DIV, del panel HTML e insertarla en la segunda fila de la primera Columna.
35. Seleccionar la Etiqueta DIV.
36. Pulsar el botón derecho del mouse y seleccionar la opción Estilo.
37. Aparecerá un cuadro de dialogo llamado Generador de Estilos.
38. Seleccionar la Categoría Fuente y asignar los siguientes valores.
Tipo de Fuente Bell MT.Color de Texto White.
Tamaño 10px.

39. Seleccionar la Categoría Fondo y asignar los siguientes valores.
Color de Fondo #91824D.

40. Seleccionar la Categoría Posición y asignar los siguientes valores.
Ancho 960px.
Alto 50px

41. La página Maestra tiene que quedar tal como se muestra en la siguiente figura.

Utilización de Control de Usuario Web
42. Hacer clic en el Menú Sitio Web >Agregar Nuevo Elemento.
43. Aparecerá el cuadro de dialogo Agregar Nuevo Elemento.
44. Seleccionar Control de Usuario Web.
45. Asignar el nombre de Cabecera.ascx.
46. Activar la Opción Colocar el Código en un archivo independiente.

47. Se tiene que mostrar una página tal como se ve en la figura.

48. Guardar y Cerrar visual Studio.
Interacción con Adobe DreamWeaver CS 3
49. Ingresar a...