miércoles, 27 de enero de 2016

Tema 6tos Años "Códigos de color para HTML"


Código de colores para el lenguaje HTML

El parámetro para asignar un color de fondo en nuestra página WEB se llama bgcolor. Para otorgarle el código de un color, se escribe el signo = seguido del color ya sea con texto o con el código correspondiente.

El parámetro se escribe dentro de la etiqueta <BODY>. Ejemplo:

<BODY bgcolor=”#0000FF”> ó <BODY bgcolor=”Blue”>


Tema 6tos. Años "Estructura Principal del código HTML"

Estructura básica de una página web

Está compuesta por tres partes

1._ Etiqueta principal <html>, la cual indica que se va a iniciar un código de lenguaje html, en otras palabras, es el indicador de que se va a generar una página web.

Recordemos que las etiquetas que inician, se deben cerrar con una etiqueta igual pero anteponiendo el símbolo de la diagonal “/”, de tal manera que al etiqueta <html> se cierra con una etiqueta </html>, quedando una estructura general así:

<html>
</html>

Con estas dos líneas  de código, ya tienes una página web totalmente en blanco.

2._ La etiqueta <head> que en español significa “Cabecera” ó “Barra de Título”, nos permitirá personalizar la barra de Título.

Nuevamente, dicha etiqueta deberá cerrarse, quedando así:

<html>
<head>
</head>
<html>

Observe, que dado que la etiqueta <html> es la etiqueta principal, toda etiqueta que agreguemos al código, debe ir dentro de ella.

Dentro de la etiqueta Head, el principal parámetro que se usa, es con la etiqueta <title></title>, la cual sirve para asignar un nombre a la barra de título. Si no usamos la etiqueta <title></title> no tiene mucho sentido usar la etiqueta <head></head>, asi que usemos siempre ambas.

<html>
<head>
<title>Titulo de la página</title>
</head>
</html>

 3.- La etiqueta <body></body>, delimita todo el código que indicará el contenido total de nuestra página Web. Esta etiqueta queda dentro de <html>, pero fuera de la etiqueta <head>, para terminar con una estructura básica así:

<html>
<head>
<title>Titulo de la página</title>
</head>
<body>
</body>

</html>

Tema 2dos. Años "Microsoft Word"

Microsoft Word
Word es un programa procesador de textos el cual nos permite crear documentos con un aspecto profesional. Además de tener la capacidad de introducirle texto, también podemos insertar imágenes y objetos diversos tales como figuras prediseñadas, gráficos, tablas, entre otros.


Éste procesador de texto pertenece a un conjunto de programas llamado “Oficce”.

Tema 1ros. Años "Acciones correctas en el aula de computo y partes de la computadora"



Tarea

Tema 5tos. Años "Tablas en Microsoft Word"

Tablas en Microsoft Word

Una tabla es un objeto dentro de un documento de Word, que está compuesto por columnas y filas. En cada intersección de una fila y una columna se genera una celda, en la cual puede insertarse texto u objetos varios.

Una tabla tiene varias características que nos permitirá darle forma y tamaño para cubrir las necesidades más básicas en la elaboración de tablas.

Pasos para insertar una tabla

Paso 1:
Ubica el punto de inserción en el documento donde deseas que aparezca la tabla. Haz clic en el menú Insertar.

Paso 2:
Haz clic en el comando de la Tabla.

Paso 3:
Mueve el mouse sobre los cuadros del diagrama para seleccionar el número de columnas (cuadros verticales) y filas (cuadros horizontales) que tendrá la tabla.
     

Paso 4:
Cuando selecciones la última celda que va a contener la tabla, haz clic. Verás que la tabla aparece en el documento.

Paso 5:

Ahora puedes colocar el cursor en cualquier lugar de la tabla para añadir texto.

Tema 3ros. Años "Numeración y Viñetas"

Viñetas
La función Viñetas en Word es muy útil, pues nos ayuda a crear listas de una manera muy rápida y fácil. También para identificar y puntualizar ideas o comentarios que deseamos estructurar.
Si por ejemplo tenemos el siguiente texto:
Municipios de la Región 9

Mixquiahuala
Progreso
Tula
Actopan
Pachuca
Tlaxcoapan
Tlahuelilpan

Y deseamos puntualizar en los elementos de los municipios e identificarlos a través de viñetitas que apoye la visualización. Seguimos el procedimiento a continuación:
1. Sombreamos las frases o párrafos del texto que deseamos identificar con viñetas
2. Pulsamos el botón Viñetas de la barra de herramientas
Y ya tendremos nuestro texto punteado como lo queriamos.
Municipios de la Región 9

·         Mixquiahuala
·         Progreso
·         Tula
·         Actopan
·         Pachuca
·         Tlaxcoapan
·         Tlahuelilpan


Si desearamos cambiar el estilo de la viñeta de punto a otro que nos guste más.
a) Desplegamos la ventana de opciones pulsando sobre la flechita del ícono
b) Seleccionamos para el ejemplo una viñeta estilo "cheque"
c) Ya nuestro texto tendrá este tipo de viñeta para la presentación
Municipios de la Región 9

ü  Mixquiahuala
ü  Progreso
ü  Tula
ü  Actopan
ü  Pachuca
ü  Tlaxcoapan
ü  Tlahuelilpan

Numeración
Si en lugar de viñetas, queremos crear una lista numerada de los elementos del proceso administrativo.
1. Sombreamos el texto que queremos listar
Municipios de la Región 9

Mixquiahuala
Progreso
Tula
Actopan
Pachuca
Tlaxcoapan
Tlahuelilpan

2.Pulsamos el botón Numeración de la barra de herramientas
3. Ya tendremos nuestro texto debidamente numerado
Municipios de la Región 9

1.       Mixquiahuala
2.       Progreso
3.       Tula
4.       Actopan
5.       Pachuca
6.       Tlaxcoapan
7.       Tlahuelilpan

Si quisieramos cambiar el estilo de la numeración, desplegamos al ventana de opciones de Numeración y seleccionamos el formato que deseamos.
En este ejemplo seleccionaremos literales en paréntesis
Ya tendremos nuestro numerado en este nuevo formato
Municipios de la Región 9

a)      Mixquiahuala
b)      Progreso
c)       Tula
d)      Actopan
e)      Pachuca
f)       Tlaxcoapan

g)    Tlahuelilpan