Clase de hoy: Carpeta HTML

En el submódulo 3 creamos nuestra primera página web, con los códigos que se utilizan en la elaboración de una página HTML y anteriormente explicados ahora los tecleamos sobre un blog de notas. Al guardalo como .html en una carpeta de nuestro dispositivo extraíble de inmediato aparece el icono del navegador, el cual nos lleva a nuestra página web con los datos que hayamos introducido. Nuestra tarea era crear dos páginas web. La primera página web debíamos indicar el porqué creábamos esta página y para qué. Así se quedaría nuestra página en el blog de notas y posteriormente como queda cuando guardamos como .html.

Clase de Hoy: Interfaz de Flash Cs3

Las principales herramientas que aprendimos a utilizar en Flash Cs3 fueron la de selección, rectángulo, el óvalo, y la línea. Son muy fáciles de usar. A diferencia de Corel para crear un cuadrado o circulo perfecto con las herramientas rectángulo y óvalo; los podemos crear presionando la tecla Shift y de ahí deslizando el mouse y creando nuestro cuadrado o circulo perfecto. El dibujo que realicé utilizando únicamente estas herramientas es el siguiente.

Después vimos otras herramientas:

-Herramienta subselección

-Herramienta transformación libre

-Herramienta Lazo

-Herramienta Pluma

-Herramienta Texto

De igual manera son muy sencillas de usar. La herramienta transformación libre nos permite transformar el objeto o la figura que hayamos dibujado, permite tener el control sobre como queremos que se vea el objeto o figura. La herramienta Lazo permite borrar alguna parte que no queramos y también trasladarla a algún otro lugar de nuestra área de trabajo. La herramienta pluma permite dibujar punto a punto. La herramienta Texto nos permite agregar un texto. Para cambiar cualquier característica de estas herramientas consultamos la barra de propiedades. 

Este es mi dibujo creado en Flash Cs3 utilizando estas herramientas.

Clase de hoy: Formas básicas de CorelDRAW x4

Las herramientas que vimos hoy en CorelDRAW fueron el rectángulo, selección, polígono, elipse y zoom. Estas herramientas son muy fáciles de usar, simplemente las seleccionamos y nosotros podemos tener el control de las figuras. Para poder formar un cuadrado o circulo perfecto debemos presionar la tecla Ctrl y después realizar la figura, por mas grande o pequeña que sea siempre se formará un cuadrado o circulo perfecto ya sea utilizando la herramienta rectángulo y la herramienta elipse. Este es un dibujo creado por mí utilizando formas muy básicas como rectángulos, elipses y polígonos.

Clase de hoy: Interfaz de CorelDRAW x4

En la clase de hoy del submódulo 1: Utilización de software de diseño para el manejo de gráficos, entramos al laboratorio de cómputo para conocer el programa que utilizaremos para diseñar. Al iniciar CorelDRAW se abre la ventana de la aplicación, que contiene una ventana de dibujo, las herramientas solamente se pueden usar en la ventana de dibujo activa. Las principales partes de la ventana de aplicación de CorelDRAW son:

-La caja de herramientas

-La barra de título

-La barra de menús

-La barra de herramientas

-La ventana de dibujo

-La barra de propiedades

-Las ventanas acoplables

-Reglas

-El explorador de documentos

-La página de dibujo

-La barra de estado

-Explorador

-La paleta de colores

Estuvimos explorando solo un poco algunas de estas herramientas haciendo nuestra primera creación en CorelDRAW. Un edificio hecho a base de formas básicas como rectángulos, líneas rectas y polígonos. Para añadirles color lo seleccionamos en la paleta de colores. Este es mi diseño de un edificio elaborado en CorelDRAW x4

Clase de hoy: Teoría del Color y Estructura básica de un elemento HTML

En la clase de hoy del Submódulo 3: Elaboración de Páginas Web resolvimos un cuestionario acerca de la teoría del color donde reafirmamos más acerca de nuestra investigación.

El color es el carácter percibido de una superficie de acuerdo con la longitud de onda o la luz reflejada de esta. Los colores primarios son el Rojo, Amarillo y el Azul. Los colores secundarios son el Naranja, Morado y Verde.

También repasamos la estructura básica de un elemento HTML.

Un ejemplo es el que realizamos en clase, como el siguiente:

<html>

<title>Mi primer página web</title>

</head>

<body>

<p>Mi nombre es Guadalupe Rueda Salazar y estudio la preparatoria en el Centro de Bachillerato, Tecnólogico, industrial y de servicios #93 en Cárdenas, Tabasco, México</p>

</body>

</html>

Clase de hoy: Conceptos fundamentales del diseño

En la clase de hoy del Submódulo 3: Elaboración de Páginas Web, vimos los conceptos fundamentales del diseño. He aquí un repaso de todos esos conceptos que son indispensables para el diseño de una página web.

¿Qué es el diseño?

Es un proceso de creación visual con un propósito. Un buen diseño es la mejor expresión visual de la esencia de algo, cuya creación no debe ser solo estética sino también funcional. Los bases que construyen el diseño son:

-La línea

Es definida como una marca con longitud y dirección, creada mediante un punto que se mueve a lo largo de una superficie. Puede variar su longitud, ancho, dirección, curvatura y color.

-La forma

Una forma es creada cuando líneas actuales o implícitas se encuentran alrededor de un espacio. Un cambio en el color o el sombreado puede definir una forma. Las formas pueden ser clasificadas en varios tipos: geométricas y orgánicas (irregulares en contorno).

-El tamaño

Se refiere a las variaciones de las proporciones de los objetos, líneas, formas.

-El espacio

 Es el área vacía o abierta entre, alrededor, arriba, debajo. Figuras y formas son realizadas en el espacio alrededor y entre el. El espacio positivo es rellenado con formas o figuras. El espacio negativo rodea una forma o figura.

-El color

Es el carácter percibido de una superficie de acuerdo con la longitud de onda o la luz reflejada de esta. Posee tres dimensiones: Tinte, Valor (luminosidad u oscuridad), Intensidad (brillo u opacidad).

 -La textura

Es la forma como se siente la superficie o como puede ser observada. (Áspero, sedoso o rugoso).

-Los valores

Los valores es que  tan oscuro o claro se ve algo.

-El balance

 Es el sentido de equidad visual en una forma, figura, valor, color, etc. El balance puede hacer simetría con objetos, valores, colores, texturas, formas, etc.

-El contraste

Es la yuxtaposición (fusión) de los elementos opuestos.

-El énfasis

El centro de interés o punto foco que invita a enfocar su mirada.

-La proporción

 Describe el tamaño, ubicación o el monto de una cosa comparada con otra.

-Los patrones

Son creados mediante la repetición de un elemento, (línea, forma o color) una y otra vez.

-La gradación

Es el tamaño y dirección producidos por una perspectiva lineal. La gradación del color es desde gamas cálidas a frías y por su parte los tonos oscuros a claros producen una perspectiva aérea.

Por ultimo la composición es la combinación de los distintos elementos para formar un todo.