Reporte con graficas

Este proyecto consta de grafica el numero de muerto que queda en la ciudad de "El Progreso" al finalizar cada año.

Comenzamos con nuestro proyecto “Reporte de Graficas” haciendo un nuevo proyecto

Seguidamente creando un DataSet que lo encontraremos en la barra de menú, Proyecto, Agregar nuevo elemento, en planillas instaladas seleccionamos la opcion Datos, y escojemos: Conjunto de datos. Le damos el nombre: DsGraficas. continuamos dando clic y agregamos nuestra tabla de datos. Y nos aparecerá un pantalla así:

El nombre de la tabla de datos se llama “Ciudades”. Tocamos la convinacion Control + L para agregar una columna nostros le agregaremos 5 y asi nos queda:

Seguidamente de nuestro origen de datos (“Que también lo encontramos en nuestra barra de menu”) Arrastraremos nuestra tabla hasta el formulario y asi queda:

Nos vamos al cuadro de herramientas y pegamos un “Bottom”

Le cambiamos las propiedades Name: cmdAgregar y Text: Agregar

Doble en clic en el boton agregar y nos dirigiremos a programar el siguiente codigo:

Ahora crearemos nuestro Reporte de graficas:

Lo llamaremos RptGraficas

Del cuadro de herramientas agregamos una lista y la pegamos en el informe

Seleccionaremos Nuestro origen de datos

Luego pegamos nuestro grafico en el informe y lo haremos de barra

Ante todo en la parte superior donde dice detalles hacemos clic y escojemos la opción propiedades del grupo y nos aparecerá una imagen asi:

Le damos agregar y la agrupamos por ciudades.

Continuamos..

Haciendo doble clic en el grafico nos aparecerá como u cuadro donde dice “Colocar campos de datos aqui”, y abajo dice”Colocar campos de categoría” En la parte de arriba del grafico le colocaremos los campos A2008, A2009, A2010, A2011 y abajo el campo Ciudad

En nuestro primer formulario pegaremos nuestro informe, desde el cuadro de herramientas buscamos reportviewer y lo pegamos al formulario cuando lo hayamos pegado le damos clic en una flechita asi como lo indica la imagen para seleccionar nuestro informe y que aparesco en el reporte del formulario

Nota

Si en Los campos de datos del grafico le aparece: “”count(A2008) noi dirigiremos a la propiedad de la serie (haciendo clic derecho en el campo) y le borraremos la palabra count y los paréntesis solo dejando el código

=Fields!A2008.Value. Hacemos lo mismo con los demas campos.
















 

Hojas de Estilo y Aplicacion

En este articulo le hablare un poco sobre las Hojas de estilo en dreamweaver con el lenguaje CSS
¿Que es CSS?
es el acrónimo de Cascading Style Sheets (Hojas de Estilo en Cascada). Se trata de un lenguaje para dotar a los sitios web de un determinado “estilo” compuesto por todos aquellos elementos (colores, imágenes, bordes, márgenes, etc.) que forman las páginas y su colocación dentro de éstas.

Seguidamen encontraran una serie de paso para diseñar un pagina
Parrafo
En nuestro programa "Dreamweaver" crearemos una pagina nueva donde le iremos a colocar un parrafo y acontinuacion les mostrare como lo podemos hacer

En nuestro nuevo documento que abrimos en html iremos a pegar nuestro parrafo:
"Esta es mi primera pagina web y estoy descubriendo como hacer una hoja de estilo con imagenes, parrafos, tablas, listas y enlaces."
Seleccionaremos todo el parrafo y no iremos a la parte inferior donde se encuetra en boton CSS

Luego le damos Editar Regla y nos aparecera otra pantalla donde crearemos nuestra propia regla para nuestro parrafo:

En tipo de selector selecionaremos la opcion "Etiqueta" tambien seleccionaremos el nombre del selector en este caso sera P y despues nos saldra una ventana donde seleccionaremos las siguentes propiedades:
Font-Family: Verdana, Geneva, sans-serif
Font-Size: 1.4 em
Color: (A su criterio)
Asi no quedo nuestra regla

Tablas
aqui las propiedades que cambiamos son similares pero antes creamos otra nueva regla que la etiqueta la llamamos Th y el codigo del estilo es este:

Border: Style: Top Ridge, Whidth: thin, Color: igual para
El codigo de la tabla es este:

Asi no esta quedando

Imagenes
 Pondremos una imagen para nuestra pagina como fondo
Aplicamos la propiedad de la pagina que tambien se encuentra en la parte inferior luego escogimos la imagen que teniamos guardada en nuestra PC y se la aplicamos a la etiqueta body para que la tomara
y que se mostrara en toda nuestra pagina

y la pagina esta quedando asi:

No esta muy bien diseñada porque solo estoy dando ejemplo ustedes pueden hacerla como deseen
Enlaces
Lo que hicimos aqui en los enlaces le colocamos una etiqueta html <a href> </a> y cambiamos las propiedades de la nueva regla que hicimos en CSS en la categoria Tipo aqui esta el codigo del estilo

Asi se ve el enlace

Listas

En las lista es una forma de como podemos ordenas las opciones o dependiendo de que se trate el texto aqui esta el codigo de la hoja de estilo de las Listas:

y asi no queda la pagina: