IBEROAMERICA 6: mayo 2015

miércoles, 27 de mayo de 2015

ENLACES EN UNA MISMA PÁGINA HTML

Esta es la última parte esencial que debes saber antes de crear tu página web.

Vas a crear una carpeta que tenga tu nombre y en seguida la palabra web, por ejemplo en mi caso se llamaría - tere web - Vas a abrir el bloc de notas y lo vas a guardar dentro de dicha carpeta con los nombres de index.html, somos.html, productos.html, enlaces.html y contacto.html. También vas a crear otra carpeta llamada images y dentro vas a guardar 5 imágenes que se llamen igual que tus archivos, recuerda que deben ser jpg, png o gif. De modo que se debe ver como el ejemplo de la siguiente imagen:

En el bloc de notas llamado index.html vas a escribir el siguiente código y vas a guardar los cambios

-------------------------------------------2da PARTE----------------------------------------------

Vuelve a abrir tus bloc de notas y a cada archivo le vas a agregar el código que está marcado en amarillo

Únicamente al archivo de enlaces.html además del código que se muestra arriba le vas a agregar el segundo que está marcado en amarillo

Cuando termines guarda los cambios y abre tus archivos para que veas los cambios

CUANDO TERMINES TUS PÁGINAS SE DEBEN VER ASÍ

martes, 26 de mayo de 2015

3er Parcial - Práctica #2

Uso de combinaciones de celdas en una tabla y uso de imágenes dentro.

Vas a crear una carpeta llamada html, dentro vas a guardar un archivo llamado index.html creado en el bloc de notas, y otra carpeta llamada images. Dentro de la carpeta images vas a guardar una copia de las imágenes de muestra del koala y de los pinguinos como se ve en el siguiente ejemplo:

Una vez hecho eso, en tu bloc de notas que llamaste index.html vas a capturar el siguiente ejercicio. Ya conocemos las etiquetas para crear tablas y para insertar una imágen, ahora nota los cambios en las etiquetas los cuales son para combinar celdas e insertar las imágenes dentro de las tablas.

NOTA: en las combinaciones de tablas la etiqueta rowspan es para combinar filas (hacia abajo) y colspan es para combinar columnas (hacia el lado derecho)

Ejemplo:

Vas a escribir el siguiente código en tu bloc de notas:

Al finalizar, cuando hayas guardado los cambios en tu bloc de notas y abras el archivo en tu navegador, se debe ver así

martes, 19 de mayo de 2015

3er Parcial - PRÁCTICA #1

Ahora veamos como insertar una imagen en un archivo html para visualizarlo en tu página web.

Recuerda que la imagen debe tener extensión ".JPG" ".PNG" O ".GIF" o de lo contrario el navegador puede tener dificultades para leer el archivo.

Otro aspecto que debes tomar en cuenta es que al momento de escribir tu código debes escribir el nombre de la carpeta que contiene el archivo de imagen y el nombre de la imagen igual que como los hayas escrito.

IMPORTANTE QUE EL NOMBRE DE LA CARPETA Y DE LA IMAGEN NO TENGA ESPACIOS, ACENTOS, SÍMBOLOS NI LA LETRA Ñ. Y QUE SEA EN MINÚSCULAS.

Por ejemplo si tu imagen a insertar se llama nosotros.jpg

tu código sería <img src="nosotros.jpg"> ---> esto en el caso de que tu imagen esté al mismo nivel que tus otros archivos html, es decir, que tu archivo llamado index.html y tu imagen llamada nosotros.jpg se encuentren dentro de la misma carpeta.

ejemplo:

PASOS A SEGUIR ------------------------------>

CREA UNA CARPETA QUE SE LLAME HTML

-guarda una imagen que sea .jpg, .gif o .png dentro de la misma carpeta (para el ejemplo use una llamada koala.jpg)

-Dentro de la misma carpeta crea un archivo en el bloc de notas llamado index.html (que contenga en código base, es decir la estructura de un documento html)

<html>

<head>

<title>IMAGEN</title>

</head>

<body>

</body>

</html>

Guarda tus cambios y abre el archivo index en el navegador para que visualices lo que has hecho

martes, 12 de mayo de 2015

2do Parcial CUESTIONARIO PARA EXAMEN

1. ¿Qué es una dirección IP?

Una dirección ip es una etiqueta numérica que identifica tu ordenador dentro de una red de ordenadores que utilicen el protocolo ip como es internet.

2. ¿Para qué sirve la IP?

Sirve básicamente para que tu ordenador pueda ser identificado dentro de Internet.

3. ¿Qué es el protocolo?

Es el lenguaje o idioma que los ordenadores utilizan para poder hablar entre ellos.

4. ¿De cuántos valores se compone una dirección IP y dentro de qué rango de valores utiliza?

Se compone de 4 valores decimales separados por un punto “.” y van desde el valor “0” al “255”

5. Escribe un ejemplo de una dirección IP

10.14.20.31

6. ¿Cuáles son los tipos de dirección IP?

IP privada y pública

7. ¿Cuál es la diferencia entre una IP privada y una IP pública?

Una dirección IP privada es aquella que se utiliza para conectar a una red privada y requiere NAT (Traducción de dirección de red) para conectarse a una red pública como es Internet.

Una dirección IP pública es aquella utilizada por dispositivos conectados a Internet.

8. ¿Cuál es la función del sistema de nombres de dominio?

Es el encargado de convertir las direcciones IP, es decir los números, en nombres fáciles de recordar.

9. ¿Qué es el dominio? Da un ejemplo de dominio

Es tu nombre en Internet, por ejemplo: elnombredetuempresa.com.mx.

10. ¿Para qué sirve un subdominio?

Para crear una página completamente distinta y enfocarte en alguna área de tu negocio que creas que debe tener un tratamiento diferente, o utilizarlo para alguna herramienta de trabajo.

11. ¿Cuáles son los grupos en que se dividen los dominios? da ejemplos de las terminaciones de cada grupo.

El espacio de nombres de dominio se divide en 2 grupos:

El primero incluye los dominios territoriales, basados en los dos caracteres de identificación de cada territorio como por ejemplo: .do .mx .co .eu .us conocidos como dominios geográficos.

El segundo grupo conocido como dominios de categorías que representan una serie de nombres y multiorganizaciones. Los más comunes: .COM, .NET, .ORG, .EDU, .GOB

miércoles, 6 de mayo de 2015

PRACTICA #8 PARA PUNTO EXTRA

PRACTICA #8

Si realizas bien la práctica obtendrás un punto extra.

De acuerdo a las prácticas anteriores debes crear en un bloc de notas una página web que contenga:

- Título: que será CUESTIONARIO DE INFORMÁTICA

- Color de fondo NEGRO

- Texto centrado para el título que diga "CUESTIONARIO PARA EXAMEN DE INFORMÁTICA", con saltos de renglón y encabezado h1

- Una tabla con grosor de borde y color de fondo blanco con 11 filas, 1 columna.
Dentro de cada renglón escribir una pregunta del cuestionario que se encuentra en el siguiente link:

http://hispano6.blogspot.mx/2015/04/completa-el-cuestionario.html

no olvides escribir bien tus códigos y comenzar siempre con la estructura básica que empieza con

<html>
<head><title> titulo </title>
etc...

martes, 5 de mayo de 2015

PRACTICA No. 7

COLORES E IMÁGENES DE FONDO

Ya que sabemos como crear tablas ahora vamos a ver cómo hacer un enlace y como agregar un color de fondo.

Lo primero que debes saber es cuáles son las etiquetas o tags para cada uno.

Comencemos con las imágenes y colores de fondo:

<body bgcolor=”black”> es la etiqueta para colores de fondo

Para incluir un fondo en una página web necesitamos utilizar el atributo background en la etiqueta <BODY>, al que le asignamos el nombre del archivo que deseamos utilizar como fondo

En caso de que queramos agregar imagen y color de fondo al mismo tiempo la etiqueta sería:

Ahora comencemos con la práctica

Vas a crear 4 archivos en el bloc de notas y los vas a llamar:

1.- fondonegro.html

2.- fondorosa.html

Ahora en el 1 vas a escribir el siguiente código

En el 2