miércoles, 25 de mayo de 2011

Matemáticas-Tarea

La hoja que el maestro me presto para escanear:




Y los problemas del libro página 102 y 103 del problema 32 al 37



Click en las imágenes para agrandar

jueves, 12 de mayo de 2011

Presentación-Clase

Presentación

Taller


Para descargar

Implementación interfaces gráficas

Taller

Bueno para esta entrada de Taller en los botones yo esperaría poder poner iconitos,
solo que ahora estoy mas interesada en algunas partes de funcionalidad.

Primero que nada para implementar CSS3 y Html5 hay que ver la compatibilidad que hay con los navegadores esta es una pequeña tabla que ayuda a saber que navegador soporta que:




En mi proyecto este es el código de los botones:






el borde al canvas se lo agregue así:



y estoy en la busqueda de imagenes para los botones, la manera que probé de poner imagenes en el botón es esta:

Interfaces gráficas

Clase

CSS 3

CSS, separa el contenido de la forma, se cumplió ya con las primeras especificaciones del lenguaje. Sin embargo, el objetivo de ofrecer un control total a los diseñadores sobre los elementos de la página ha sido más difícil de cubrir. Las especificaciones anteriores del lenguaje tenían muchas utilidades para aplicar estilos a las webs, pero los desarrolladores aun continúan usando trucos diversos para conseguir efectos tan comunes o tan deseados como los bordes redondeados o el sombreado de elementos en la página.
CSS 1 ya significó un avance considerable a la hora de diseñar páginas web, aportando mucho mayor control de los elementos de la página. Pero como todavía quedaron muchas otras cosas que los diseñadores deseaban hacer, pero que CSS no permitía especificar, éstos debían hacer uso de trucos para el diseño. Lo peor de esos trucos es que muchas veces implica alterar el contenido de la página para incorporar nuevas etiquetas HTML que permitan aplicar estilos de una manera más elaborada. Dada la necesidad de cambiar el contenido, para alterar al diseño y hacer cosas que CSS no permitía, se estaba dando al traste con alguno de los objetivos para los que CSS fue creado, que era el separar por completo el contenido de la forma.

CSS 2 incorporó algunas novedades interesantes, que hoy ya utilizamos habitualmente, pero CSS 3 todavía avanza un poco más en la dirección, de aportar más control sobre los elementos de la página.

Así pues, la novedad más importante que aporta CSS 3, de cara a los desarrolladores de webs, consiste en la incorporación de nuevos mecanismos para mantener un mayor control sobre el estilo con el que se muestran los elementos de las páginas, sin tener que recurrir a trucos o hacks, que a menudo complicaban el código de las web.

Propiedades nuevas en CSS 3

He aquí una lista de las principales propiedades que son novedad en CSS3.

Bordes

border-color
border-image
border-radius
box-shadow

Fondos

background-origin
background-clip
background-size
hacer capas con múltiples imágenes de fondo

Color

colores HSL
colores HSLA
colores RGBA
Opacidad

Texto
text-shadow
text-overflow
Rotura de palabras largas
Interfaz
box-sizing
resize
outline
nav-top, nav-right, nav-bottom, nav-left

Selectores
Selectores por atributos
Modelo de caja básico
overflow-x, overflow-y

Otros
media queries
creación de múltiples columnas de texto
propiedades orientadas a discurso o lectura automática de páginas web
Web Fonts


Estructura en HTML5


1-ESTRUCTURA:
En html5 la estructura de las páginas web deben seguir un esquema básico a la hora de hacer el diseño, un header para presentar la web donde se incluirá el menú, una zona de contenidos, una zona para elementos adicionales y la zona footer que será el pie de página. En principio el diseño sigue lo estandar aunque por la forma que quieren que sigamos como por ejemplo la sidebar , nos puede recordar a WordPress que a una página normal.

2-ELEMENTOS DE NAVEGACIÓN:
En html5 los menús deben realizarse medianta listas no ordenadas
  • .

    3-CABECERA:
    La cabecerá deberá incluir el logo a título de la página la cual debería ser un h1, seguido de un h2 con una breve descripción del contenido de la página web.

    4-ELEMENTOS DE FECHA:
    Cuando enviamos contenidos actualizados a la página web, por ejemplo noticias o post para un blog deberemos incluir una nueva etiqueta


  • En mi proyecto

    Me gustaría que al momento de utilizar por ejemplo el lápiz, se cambie la forma del cursor a un lapicito.





    Y este es un diseño muy simple de la pantalla de mi proyecto: