Ejercicio Listas de Definicion

Objetivo: Cada elemento es presentado con definicion.


Problema:


Crear una lista de definion.

Codigo:




Presentacion:






Conclusiones:

Con este ejercicio aprendimos a elaborar una lista de definicion y sus etiquetas para asi poder crear nuestra lista.

Ejercicio de lista

Objetivo. Conocer las diferentes listas y sus caracteristicas en html para el diseño de paginas web.

Desarrollo:

Listas Desordenadas:

• Lista de nombres.

Codigo:

Presentacion:

Listas Ordenadas:

• Lista de equipos.
  

Codigo:

Presentacion:

Conclusiones:

Con estas etiquetas aprendi ha realizar listas en html.

Pagina Web Embarazos no Deseados (Front Page)

Objetivo: El alumno aprenderá a realizar su propia pagina web la cual deberá contener información sobre los embarazos deseados. Esta pagina sera creada en el programa de Front Page.


Desarrollo:

• Lo primero que realize fue instalar el programa de front page en mi computadora.
• Despues de estar ya instalado en nuestra memoria USB creamos una carpeta con el nombre de pagweb.

1. El nombre de la carpeta no debera contener la letra ñ, espacios y en caso de quererseparar se tendra que colocar un guion, ejemplo: embarazos_no_deseados.
2. Esta carpeta va a contener todo nuestro sitio web.

• Para empezar a desarrollar nuestro sitio web nos vamos al menu archivo->nuevo nos aparece un menu del lado derecho en la cual se dara click en sitio web de una pagina.
• Despues aparecera una ventana en la cual se escoje el diseño de nuestro sitio web y su ubicacion para esto se le dal en examinar y escojeremos la carpeta que creamos.

1. En nuestra carpeta nos van aparecer dos carpetas y una archivo llamado index.htm.
2. En la carpeta que dice images guardaremos todas las imagenes, videos, musica y todo lo que va a contener nuestro sitio web.

• Una ves realizado esto daremos clic en el icono de hoja blanca, no aparecera una hoja que se llama pagina_nueva_1.htm.
• Esta la aguarderemos como index.html en esta hoja crearemos nuestro diseño, para colocar mas hojas se ara lo mismo se dala click en el icono hoja blanca pero se aguardaran con diferente nombre (todo sera guardado en la carpeta de images).

1. En nuestra primera hoja crearemos nuestro diseño en la cual colocaremos nuestros datos y el titulo de nuestra pagina es este caso EMBARAZOS NO DESEADOS.

2. Para colocar el texto y modificarlo no es dificil ya que es casi igual al programa de word.

3. Para colocar un fondo se dara click derecho y seleccionaremos propiedades de pagina, en esta nos aparece una venta en la cual seleccionaremos formato y ahi en examinar escojeremos la imagen que se encuentra en la carpeta de images para nuestro fondo. Para insertar imagenes nos iremos a insertar luego a imagen->imagen de diseño.

• Nota las imagenes deberan estar en formato JPG, los videos en formato AVI y las canciones en formato WAV.

4. Para ir a la siguiente hoja en blanco colocaremos un Boton interactivo.

• Para esto nos iremos a insertar y daremos click en componentes web ahi seleccionaremos boton interactivo no aparecera una ventana en la cual vamos a poder escojer nuestro diseño del boton, en texto pondremos el nombre de como queremos que se llame y en examinar vamos a escojer la segunda hoja que colocamos. Con esto al dar click en la pagina 1 nos mandara directamente a la pagina 2.
• Para colocar una marquesina se ara lo mismo que boton interactivo solo que ahora seleccionaremos marquesina en ella vamos a poder colocar alguna frase ahi mismo se podra cambiar el formato, esto nos sirve para que nuestro texto se mueva.

5. En la segunda pagina colocare mi objetivo.

6. En otra hoja en blanco iran las consecuancias.

7. Despues se colocara todo sobre prevenciones.

8. Se colocara tambien una donde diga las consecuencias del aborto.

9. Por ultimo colocaremos nuestras cocluciones.

Como subir nuestra pagina web a internet.

• Nos vamos a dar de alta en un servidor en mi caso me di de alta en http://www.zymic.com/
• Una ves registrada creare el nombre de mi pagina y con esto me daran informacion para poder subir mi pagina web.
• Descargaremos el programa de FileZilla en esta subiremos todos nuestros documento colocaremos en la parte superior los datos que nos dan en zymic una ves realizado esto daremos click izquierdo y selleccionaremos subir.
• Se empesaran a subri nuestros documentos ahi nos avizara cuando ya haya terminado.
• Podremos revizar que nuestra pagina este bien realizada desde nuestra cuenta en zymic.

CONCLUSIONES:

Con esta practica aprendi mas sobre embarazos no deseados y todo a su al rededor, tambien aprendi a realizar paginas web en front page y como subirlas. Al principio me costo muxo trabajo pero despues ya se me hizo mas facil se me hizo algo estresante pero aprendi mucho.

MI PAGINA WEB:

http://embarazonodeseado.zxq.net/index.html

Ejercicio.

Problema:
Realizar una pagina que tenga las siguientes caracteristicas.

• Un titulo con encabezado nivel 1 , en italica y color verde alova.
  

Codigo:

Presentacion:

• Un segundo titulo con encabezado de nivel 2 color azul.

Codigo:

Presentaion:

• El texto de la pagina debera presentarse con una fuente MS sanserif.
  

Codigo:

Presentacion:

Conclusiones:

Emos aprendido a realiazar encabezados y sus etiquetas pienso que todos estos tipos de ejercicios nos ayudan para mejorar en html.

Ejercicio.

• Codigo:
  
  H2O

• Presentacion:

• Codigo:

13CC3H4CINOS2

• Presentacion:

Concluciones:

Con este tipo de ejercicios siento que aprendemos mas a realizar codigos en html y aprendemos mas etiquetas a utilizar para un mejor trabajo.

Formato de Parrafo

Objetivo: Conocer el formato de un párrafo en html.

Desarrollo:

• Alineacion:

1. Establece un parrafo.

• Negrita (bold) :

• Alineacion a la Izquierda:

• Alineacion a la Derecha:

• Alineacion Central:

Concluciones:

Estos formatos nos cirven de muxo para saber como realizar un mejor trabajo en html.