lunes, 17 de mayo de 2010

FORMULARIOS

OBJETIVO: Conocer que sirve para los formularios, en el diseño de pag web.


DESARROLLO:


¿Que es un formulario?




  • Los formularios son una de las herramientas de que disponemos a la hora de hacer nuestras paginas web nos permite recopilar información de la persona que ve la pagina procesarla y responder a ella.

Para que sirven los atributos.




  • ACTION:Indica el programa del servidor que va atratar la variable que se envia con el formulario.

  • METHOD:Especifica como se va a enviar al formato a la dirección especificada valore"post" y "get".


  • ENCTYPE:Para lo que resivimos resulte tegib

miércoles, 5 de mayo de 2010

Ejercicio Glosario

Objetivo: El alumno creara códigos en html mostrando un glosario con opciones que nos llevaran a información de cada uno.

Desarrollo:

Lo primero que realizamos fue nuestro código en html para nuestra pagina principal en la cual colocaremos opciones las cual al dar un click nos llevaran directo al contenido de ellas.

Cada código que elaboraremos se tendrán que guardar en una carpeta para así poder crear los enlaces.

Al presionar cualquier opción tendremos información de cada tema.

Códigos y Presentaciones.



  • Código de nuestra pagina principal"GLOSARIO".






  • Presentación:






  • Código de nuestra primera opción" MATEMÁTICAS".




  • Presentación:






  • Código de nuestra segunda opción "HISTORIA".



  • Presentación:





  • Código de nuestra ultima opción "INFORMÁTICA".





  • Presentación:



Conclusiones:


En esta practica reforsamos mas las etiquetas que ya amos utilizado en nuestros demás ejercicios anteriores así reforsamos mas nuestra habilidad.

domingo, 25 de abril de 2010

Ejercicio Republica

Realizar una pagina web con las siguientes características.
  • Como fondo mapa de la república mexicana.

  • Mostrar los siguientes rótulos
  1. NORTE
  2. SUR
  3. ESTE
  4. OESTE
  • Al dar click en el norte, sur, este y oeste mostrara todos los estados con sus capitales que lo componen.

  • Al dar un click en el sur mostrar sus estados

Código de pagina principal "REPÚBLICA MEXICANA"



PRESENTACIÓN:



Código "ESTADOS DEL NORTE"




PRESENTACIÓN:



Código "ESTADOS DEL SUR".



PRESENTACIÓN:




Código "ESTADOS DEL ESTE".





PRESENTACIÓN:




Código "ESTADOS DEL OESTE".





PRESENTACIÓN:

Conclusiones:
Aprendimos a elaborar enlaces para esto tubimos que crear una carpeta para ir guardando me costo algo de trabajo pero muy entretenida y aprendi mucho.

Ejercicio Animales

Objetivo: Realizar una pagina en html que permita mostrar la clasificacion de un conjunto de animales de acuerdo a su especie.



Codigo:



Presentacion:




Conclusiones:
Con el ejercicio anterior aprendimos como realizar una tabla, en este ejercicio aprendimos las etiquetas para insertar imagen, agregar sonidos e insertar link.

Ejercicio Tablas

Objetivo: Conocer la forma en la cual se generan las tablas, sus filas columnas y formato de la misma atraves de html para el diseño de paginas web.


Codigo:




Codigo con link:





Conclusiones:
Aprendimos otras etiquetas estas nos sirven para crear tablan en html le da una mejor presentacion a nuestros codigo.

jueves, 15 de abril de 2010

DEFINICIONES

OBJETIVO: Conocer las caracteristicas especiales que se utilizan en el diseño de la pagina web en HTML





DESARROLLO:

Este trabajo fue realizado en clase, nuestro profesor nos definio los caracteres que se utilizan en el diseño de una pagina web, que se ha de ver en distintos paises que usan un conjunto de caracteres diferentes. el lenguaje HTML nos ofrece un mecanismo, por el cual podemos estar seguros que una serie de caracteres raros se heredan bien en todos los ordenadores, independientemente del conjunto de caracteres. A continuacion les mostrare algunos caracteres especiales:
















ENLACES HTML


OBJETIVO: Conocer las formas en las cuales se genera un hipervinculo en html










  • DESTINO.
Existen varios tipos de enlaces para el destino de una pagina a continuacion menciono algunos:




CONCLUSIONES: Me parecio una practica interesante ya que aqui pude aprender conceptos y utilidad de las herramientas que son utilizadas para la creacion de una pagina web. me parecio interesante esta practica.

lunes, 22 de marzo de 2010

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.

sábado, 13 de marzo de 2010

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

lunes, 8 de marzo de 2010

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.

miércoles, 3 de marzo de 2010

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.

lunes, 1 de marzo de 2010

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.

lunes, 22 de febrero de 2010

HTML

Objetivo:Conocer las caracteristicas principales de esto lenguaje de programacion asi como su aplicacion y su entorno en su diseño de pagians web.


Desarrollo:



  • Se maneja con etiquetas.


  1. apertura

  2. cierre

  3. hola soy ficha roja

  4. bold(negrita)


  • Estructura de HTML.

Inicio



Encabezado



Cuerpo



Final


martes, 16 de febrero de 2010

MANUAL DE FRONT PAGE

Objetivo: Conocer los elemtos necesarios para crear una pagina web en Front Page y haci mismo saber utilizar las herramientas del programa.


Desarrollo:

lunes, 15 de febrero de 2010

Conceptos de paginas Web

Objetivo:Mostrar todo lo relacionado de las paginas web, como su diseño, que es la paguina web, que es un hipervinculo, que es HTML entre otras.

Definicion:

¿Que es una página web?

  • Es una fuente de información compatible con la www y que puede ser accedida através de un navegador en internet.Se presenta en formato llamado HTML, son documentos que soportan hipertextos.

¿Que es un hipervinculo,link o liga?

  • Es un enlace, normalmente entre 2 paguinas web de un mismo sitio, tambien puede enlacarse a otra paguina de otro sitio web, tambien es un texto o imagenes en un sitio webque el usuario puede tener acceso a conectar a otro documento.

¿Que es HTTP?

  • HTTP (Protocolo de Transferencias de Hipervinculo), es el conjunto de reglas acordadas para transferir textos con atributos propios del Internet.

¿Cuales son las caracteristicas de una paguina web?

  • Diseño basico

  • Uso de frames

  • Grafica personalizada

  • Paguina web interactiva

  • Animaciones

  • Sonido

Elementos de una paguina WEB:

  • Texto

  • Imagenes

  • Audio (MIDI,WAV,MP3)

  • Adobe flash

  • Graficas vectoriales

  • Hipervinculos

  • Hojas de estilo

  • Plantillas de diseño

  • Java script

Pasos para el diseño de una paguina web.

  • Definir los objetivos de la paguina.

  • Contar con la informacion necesaria para su desarrollo.
  1. Documental

  2. Grafica

  3. Visual (video AVI)

  4. Audio

  5. Links
  • Diseñar un enlace previo de la paguina.

  • Generar un diseño de la paguina.

  • Creacion de la paguina.

  • Prueba.

  • Modificaciones.

  • Puesta en marche (subir a la web).

  • Diseñado grafica.

  • Dato de la paguina y del usuario.
  1. Fecha.

  2. Año.

  3. Ubicacion, correo electronico, telefono, etc.

  4. Nombre.
  • Sitios en donde se pueden crear paguinas web:
  1. Webmaster

  2. WebFacil

  3. FrontPage

  4. Dreamweaver

  5. Go live

  6. NVV

Comentarios:

Aprendi a lo mas importante de una pagina web y los diferentes programas para la realizacion de paginas web y todo lo necesario para su elaboracion.

Referencias:

http://www.alegsa.com.ar/


http://www.deciencias.net/


http://www.misrespuestas.com/


http://ww.movinet.com.uy/