SlideShare una empresa de Scribd logo
1 de 16
Descargar para leer sin conexión
COLEGIO DE ESTUDIOS CIENTÍFICOS Y TECNOLÓGICOS DE
                       MÉXICO

                                  PLANTEL TECAMAC

                               “MANUAL DE PRACTICAS”

                                    PAGINAS WEB



                                  RENE DOMINGUEZ



         ELABORADO POR: ESTEFANIA ARTEAGA MAURICIO

                        ELIZABETH BALDERRAMA ZURITA

                        GUADALUPE HERNADEZ CHAVEZ



          ESPECIALIDAD: INFORMATICA SEMESTRE: TRES



                 GRUPO:”302”     NO DE L:3,5,13



TECAMAC ED. DE MEXICO

                                                      11-NOV-12
INDICE



 Plantilla con página de inicio

 Plantilla con tablas

 Login

 Error

 Registrar

 Perfil

 Base de datos

 Galería de imágenes con iframe

 Calculadora

 Plantilla de proyecto

 Efecto JavaScript

 Hoja de estilos

 Intro flas

 Banner flash

 Gestión de imagen

 Editar perfil
PRACTICA No.1

PLANTILLA CON PÁGINA DE INICIO:

En esta práctica se elaboró en Dreamweaver escogiendo la plantilla de página de
inicio (la más agradable ya que tienen diferentes plantillas) haciéndola de una
empresa inventada o verdadera poniendo región editable, imágenes referentes a
la empresa.

Al mismo tiempo haciéndola presentable y de un buen agrado para presentarla a
la demás gente ya que es una página de inicio para la web.
PRACTICA NU.2

PLANTILLA CON TABLAS:

Bueno en esta práctica se tuvo que realizar una seria de tablas en el cual la
desarrollamos de música de imágenes en donde la tabla tiene un formato de texto
con imágenes relacionadas al tema.
PRACITCA No. 3


LOGIN:

En esta práctica se realizó en Xamp bueno en este programa teníamos que hacer
una base de datos esto quiere decir un registro como por ejemplo:

Email
Password
Nombre
Apellido

Entre otras al mismo tiempo teníamos que hacer un usuario para poder entrar a
nuestra página y nos mandara directamente a ella
PRACICA No.4


PAGINA ERROR:

Bueno en esta práctica tuvimos que tener ya echa nuestra plantilla ya que con ella
nos apoyamos a no hacer otra y solo poner vínculos para saber que la persona
esta errónea en su correo o contraseña o ya sea volver a registrarse.

Así que los mandaba a la página de registrar o intentar de nuevo
PRACTICA NU.5

PAGINA DE REGISTRO:

Bueno en esta práctica se realizó casi el mismo proceso solo que utilizamos la
herramienta de juego de registro en donde nos mandó a nuestro usuario y nos
apareció la base de datos que hicimos entonces las pusimos en nuestra pagina de
error y un botón
PRACTICA No.6


PAGINA DE PERFIL:

Bueno en esta práctica se volvió a utilizar la misma plantilla aquí se puso el juego
de registro para que la página de perfil al momento de entrar a tu cuenta te diera la
bienvenida y pone toda aquella información de la persona que al momento de
registrarse la puso.
PRACTICA NU.7


BASE DE DATOS:

Bueno en esta práctica se realizó en xamp en este programa hicimos una base de
datos en donde los pudimos utilizar de nuevo en dreamweaver para ello
requerimos como si fuera un registro la información básica de una red social.
PRACTICA No. 8:


GALERIA DE IMÁGENES CON IFRAME:

Bueno en esta práctica se realizó una tabla en donde la dividimos en 10 aquí
pusimos imágenes y al momento de abrirlas en el navegador pudiéramos ver la
imagen una por una al dar le clic a cada una de las imágenes.
PRACTICA No.9


CALCULADORA:

Bueno en esta práctica fue casi el mismo procedimiento solo que cambio que era
una calculadora en donde las paginas eran calcular, salir.

Con las operaciones básicas en la calculadora
PRACTICA No.10

PLANTILLA DE PROYECTO:

Bueno en la plantilla de proyecto fue como la plantilla de inicio la modificamos con
el tema relacionado de nuestro proyecto para que se viera de que estábamos
hablando
PRACTICA NU.11


EFECTO JAVASCRIP:


En esta práctica no se puedo decir que JavaScript es solo como aplicación esto
quiere decir (no solo son juegos) aquí se realizó un mensaje de bienvenida antes
de abrir las paginas
PRACTICA NU.14

INTRO FLASH:

Bueno en esta práctica el intro flash para realizarlo en dreamweaver se necesita
un programa pero se puede hacer con un intro gratis aquí se pudo hacer con intro
gratis y es como un tema de fondo tú lo seleccionas y listo.
PRACTICA NU.15




EDITAR PERFIL:

Bueno editar perfil es cuando se puede modificar o agregar algo un ejemplo es la
foto de perfil.
PRACTICA No.16

GESTION DE IMAGEN:


Bueno en esta práctica la gestión de imagen es cuando te aparece de donde subir
la foto o video así que nosotras la hicimos de esta forma

Más contenido relacionado

La actualidad más candente

¿QUE ES? ¿CÓMO UTILIZAR PICASA?
¿QUE ES? ¿CÓMO UTILIZAR PICASA?¿QUE ES? ¿CÓMO UTILIZAR PICASA?
¿QUE ES? ¿CÓMO UTILIZAR PICASA?iselaDiSolis
 
Competencias digitales
Competencias digitalesCompetencias digitales
Competencias digitalesMauricio Lopez
 
Como Usar Las T I C En El Aula
Como Usar Las  T I C En El AulaComo Usar Las  T I C En El Aula
Como Usar Las T I C En El AulaCándida Gallardo
 
Presentación de Netbeans
Presentación de NetbeansPresentación de Netbeans
Presentación de NetbeansMichelle Peña
 
tutorial CMAPS
tutorial CMAPStutorial CMAPS
tutorial CMAPSsoledg
 
Teran_herramienta para automatizar
Teran_herramienta para automatizarTeran_herramienta para automatizar
Teran_herramienta para automatizarKevin Gaibor
 
Practica numero 1 de informática
Practica numero 1 de informáticaPractica numero 1 de informática
Practica numero 1 de informáticaraultoral
 
Practica numero 1 de informática
Practica numero 1 de informáticaPractica numero 1 de informática
Practica numero 1 de informáticarabulen
 
Aw t9 trabajo coppermine photo gallery
Aw t9 trabajo coppermine photo galleryAw t9 trabajo coppermine photo gallery
Aw t9 trabajo coppermine photo gallerysegarreta
 
Diapositivas
DiapositivasDiapositivas
Diapositivas'Paola G
 
Introduccion a ollydbg clase 11a
Introduccion a ollydbg clase 11aIntroduccion a ollydbg clase 11a
Introduccion a ollydbg clase 11aTensor
 
Desarroollo de la clase blog
Desarroollo de la clase blogDesarroollo de la clase blog
Desarroollo de la clase blogflavio
 

La actualidad más candente (19)

¿QUE ES? ¿CÓMO UTILIZAR PICASA?
¿QUE ES? ¿CÓMO UTILIZAR PICASA?¿QUE ES? ¿CÓMO UTILIZAR PICASA?
¿QUE ES? ¿CÓMO UTILIZAR PICASA?
 
2c
2c2c
2c
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Picassa
PicassaPicassa
Picassa
 
Competencias digitales
Competencias digitalesCompetencias digitales
Competencias digitales
 
Como Usar Las T I C En El Aula
Como Usar Las  T I C En El AulaComo Usar Las  T I C En El Aula
Como Usar Las T I C En El Aula
 
Power Point Tic 1
Power Point Tic 1Power Point Tic 1
Power Point Tic 1
 
Presentación de Netbeans
Presentación de NetbeansPresentación de Netbeans
Presentación de Netbeans
 
tutorial CMAPS
tutorial CMAPStutorial CMAPS
tutorial CMAPS
 
Teran_herramienta para automatizar
Teran_herramienta para automatizarTeran_herramienta para automatizar
Teran_herramienta para automatizar
 
Blogs del CEIP La Navata. Sesión TIC
Blogs del CEIP La Navata. Sesión TICBlogs del CEIP La Navata. Sesión TIC
Blogs del CEIP La Navata. Sesión TIC
 
Practica numero 1 de informática
Practica numero 1 de informáticaPractica numero 1 de informática
Practica numero 1 de informática
 
Practica numero 1 de informática
Practica numero 1 de informáticaPractica numero 1 de informática
Practica numero 1 de informática
 
Manual blog
Manual blogManual blog
Manual blog
 
Aw t9 trabajo coppermine photo gallery
Aw t9 trabajo coppermine photo galleryAw t9 trabajo coppermine photo gallery
Aw t9 trabajo coppermine photo gallery
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Introduccion a ollydbg clase 11a
Introduccion a ollydbg clase 11aIntroduccion a ollydbg clase 11a
Introduccion a ollydbg clase 11a
 
Desarroollo de la clase blog
Desarroollo de la clase blogDesarroollo de la clase blog
Desarroollo de la clase blog
 
Conclucion
ConclucionConclucion
Conclucion
 

Similar a Manual

Aplicacion de dispositivos tecnológicos
Aplicacion de dispositivos tecnológicosAplicacion de dispositivos tecnológicos
Aplicacion de dispositivos tecnológicosmonina
 
Primera_Aplicación_Python_Django_Postgresql_Fedora_19
Primera_Aplicación_Python_Django_Postgresql_Fedora_19Primera_Aplicación_Python_Django_Postgresql_Fedora_19
Primera_Aplicación_Python_Django_Postgresql_Fedora_19Stalin Eduardo Tusa Vitar
 
Tutorial para la tarea de blog y jclic
Tutorial para la tarea de blog y jclicTutorial para la tarea de blog y jclic
Tutorial para la tarea de blog y jclicHUMBERTO BAEZ SILVA
 
DAM_18520450_Trabajando con React Native.pdf
DAM_18520450_Trabajando con React Native.pdfDAM_18520450_Trabajando con React Native.pdf
DAM_18520450_Trabajando con React Native.pdfKevinRicardoBustaman
 
¡Herramientas online-proceso educativo!
¡Herramientas online-proceso educativo!¡Herramientas online-proceso educativo!
¡Herramientas online-proceso educativo!Angie Barbosa
 
Herramientas interactivas
Herramientas interactivasHerramientas interactivas
Herramientas interactivasDANIELA AGUIRRE
 
Actividades power point
Actividades power pointActividades power point
Actividades power pointyerlipaz
 
Training presentation getting started with project 2010 zd102559706
Training presentation   getting started with project 2010 zd102559706Training presentation   getting started with project 2010 zd102559706
Training presentation getting started with project 2010 zd102559706Aula Cloud
 
Proyecto Calculadora
Proyecto CalculadoraProyecto Calculadora
Proyecto Calculadoragustavobarba
 
Edición de videos (1)
Edición de videos (1)Edición de videos (1)
Edición de videos (1)Tania Merchán
 
Trabajo colaborativo herramientas web.02
Trabajo colaborativo herramientas web.02Trabajo colaborativo herramientas web.02
Trabajo colaborativo herramientas web.02nmoralesm1992
 
Software para cálculos matemáticos san mateo
Software para cálculos matemáticos san mateoSoftware para cálculos matemáticos san mateo
Software para cálculos matemáticos san mateodaniimoyano
 
Presentacion Proyecto
Presentacion ProyectoPresentacion Proyecto
Presentacion Proyectogustavobarba
 
actividadespowerpoint-141016143857-conversion-gate01.pdf
actividadespowerpoint-141016143857-conversion-gate01.pdfactividadespowerpoint-141016143857-conversion-gate01.pdf
actividadespowerpoint-141016143857-conversion-gate01.pdferic239935
 

Similar a Manual (20)

Aplicacion de dispositivos tecnológicos
Aplicacion de dispositivos tecnológicosAplicacion de dispositivos tecnológicos
Aplicacion de dispositivos tecnológicos
 
Tutorial ASP .NET
Tutorial ASP .NETTutorial ASP .NET
Tutorial ASP .NET
 
Primera_Aplicación_Python_Django_Postgresql_Fedora_19
Primera_Aplicación_Python_Django_Postgresql_Fedora_19Primera_Aplicación_Python_Django_Postgresql_Fedora_19
Primera_Aplicación_Python_Django_Postgresql_Fedora_19
 
Tutorial para la tarea de blog y jclic
Tutorial para la tarea de blog y jclicTutorial para la tarea de blog y jclic
Tutorial para la tarea de blog y jclic
 
Reportes
ReportesReportes
Reportes
 
DAM_18520450_Trabajando con React Native.pdf
DAM_18520450_Trabajando con React Native.pdfDAM_18520450_Trabajando con React Native.pdf
DAM_18520450_Trabajando con React Native.pdf
 
¡Herramientas online-proceso educativo!
¡Herramientas online-proceso educativo!¡Herramientas online-proceso educativo!
¡Herramientas online-proceso educativo!
 
Ardora!
Ardora!Ardora!
Ardora!
 
Herramientas interactivas
Herramientas interactivasHerramientas interactivas
Herramientas interactivas
 
Actividades power point
Actividades power pointActividades power point
Actividades power point
 
Training presentation getting started with project 2010 zd102559706
Training presentation   getting started with project 2010 zd102559706Training presentation   getting started with project 2010 zd102559706
Training presentation getting started with project 2010 zd102559706
 
Proyecto Calculadora
Proyecto CalculadoraProyecto Calculadora
Proyecto Calculadora
 
Edición de videos (1)
Edición de videos (1)Edición de videos (1)
Edición de videos (1)
 
Trabajo colaborativo herramientas web.02
Trabajo colaborativo herramientas web.02Trabajo colaborativo herramientas web.02
Trabajo colaborativo herramientas web.02
 
Edificamos futuro¨
Edificamos futuro¨Edificamos futuro¨
Edificamos futuro¨
 
Edificamo..
Edificamo..Edificamo..
Edificamo..
 
Software para cálculos matemáticos san mateo
Software para cálculos matemáticos san mateoSoftware para cálculos matemáticos san mateo
Software para cálculos matemáticos san mateo
 
Presentacion Proyecto
Presentacion ProyectoPresentacion Proyecto
Presentacion Proyecto
 
GuíA Mplab 760
GuíA Mplab 760GuíA Mplab 760
GuíA Mplab 760
 
actividadespowerpoint-141016143857-conversion-gate01.pdf
actividadespowerpoint-141016143857-conversion-gate01.pdfactividadespowerpoint-141016143857-conversion-gate01.pdf
actividadespowerpoint-141016143857-conversion-gate01.pdf
 

Más de abigail_hernandez (7)

Reporte
ReporteReporte
Reporte
 
Fractal arwin
Fractal arwinFractal arwin
Fractal arwin
 
Fractal
FractalFractal
Fractal
 
Jazmin
JazminJazmin
Jazmin
 
Guadalupe
GuadalupeGuadalupe
Guadalupe
 
Rosa isela
Rosa iselaRosa isela
Rosa isela
 
Herramientas photoshop
Herramientas photoshopHerramientas photoshop
Herramientas photoshop
 

Manual

  • 1. COLEGIO DE ESTUDIOS CIENTÍFICOS Y TECNOLÓGICOS DE MÉXICO PLANTEL TECAMAC “MANUAL DE PRACTICAS” PAGINAS WEB RENE DOMINGUEZ ELABORADO POR: ESTEFANIA ARTEAGA MAURICIO ELIZABETH BALDERRAMA ZURITA GUADALUPE HERNADEZ CHAVEZ ESPECIALIDAD: INFORMATICA SEMESTRE: TRES GRUPO:”302” NO DE L:3,5,13 TECAMAC ED. DE MEXICO 11-NOV-12
  • 2. INDICE  Plantilla con página de inicio  Plantilla con tablas  Login  Error  Registrar  Perfil  Base de datos  Galería de imágenes con iframe  Calculadora  Plantilla de proyecto  Efecto JavaScript  Hoja de estilos  Intro flas  Banner flash  Gestión de imagen  Editar perfil
  • 3. PRACTICA No.1 PLANTILLA CON PÁGINA DE INICIO: En esta práctica se elaboró en Dreamweaver escogiendo la plantilla de página de inicio (la más agradable ya que tienen diferentes plantillas) haciéndola de una empresa inventada o verdadera poniendo región editable, imágenes referentes a la empresa. Al mismo tiempo haciéndola presentable y de un buen agrado para presentarla a la demás gente ya que es una página de inicio para la web.
  • 4. PRACTICA NU.2 PLANTILLA CON TABLAS: Bueno en esta práctica se tuvo que realizar una seria de tablas en el cual la desarrollamos de música de imágenes en donde la tabla tiene un formato de texto con imágenes relacionadas al tema.
  • 5. PRACITCA No. 3 LOGIN: En esta práctica se realizó en Xamp bueno en este programa teníamos que hacer una base de datos esto quiere decir un registro como por ejemplo: Email Password Nombre Apellido Entre otras al mismo tiempo teníamos que hacer un usuario para poder entrar a nuestra página y nos mandara directamente a ella
  • 6. PRACICA No.4 PAGINA ERROR: Bueno en esta práctica tuvimos que tener ya echa nuestra plantilla ya que con ella nos apoyamos a no hacer otra y solo poner vínculos para saber que la persona esta errónea en su correo o contraseña o ya sea volver a registrarse. Así que los mandaba a la página de registrar o intentar de nuevo
  • 7. PRACTICA NU.5 PAGINA DE REGISTRO: Bueno en esta práctica se realizó casi el mismo proceso solo que utilizamos la herramienta de juego de registro en donde nos mandó a nuestro usuario y nos apareció la base de datos que hicimos entonces las pusimos en nuestra pagina de error y un botón
  • 8. PRACTICA No.6 PAGINA DE PERFIL: Bueno en esta práctica se volvió a utilizar la misma plantilla aquí se puso el juego de registro para que la página de perfil al momento de entrar a tu cuenta te diera la bienvenida y pone toda aquella información de la persona que al momento de registrarse la puso.
  • 9. PRACTICA NU.7 BASE DE DATOS: Bueno en esta práctica se realizó en xamp en este programa hicimos una base de datos en donde los pudimos utilizar de nuevo en dreamweaver para ello requerimos como si fuera un registro la información básica de una red social.
  • 10. PRACTICA No. 8: GALERIA DE IMÁGENES CON IFRAME: Bueno en esta práctica se realizó una tabla en donde la dividimos en 10 aquí pusimos imágenes y al momento de abrirlas en el navegador pudiéramos ver la imagen una por una al dar le clic a cada una de las imágenes.
  • 11. PRACTICA No.9 CALCULADORA: Bueno en esta práctica fue casi el mismo procedimiento solo que cambio que era una calculadora en donde las paginas eran calcular, salir. Con las operaciones básicas en la calculadora
  • 12. PRACTICA No.10 PLANTILLA DE PROYECTO: Bueno en la plantilla de proyecto fue como la plantilla de inicio la modificamos con el tema relacionado de nuestro proyecto para que se viera de que estábamos hablando
  • 13. PRACTICA NU.11 EFECTO JAVASCRIP: En esta práctica no se puedo decir que JavaScript es solo como aplicación esto quiere decir (no solo son juegos) aquí se realizó un mensaje de bienvenida antes de abrir las paginas
  • 14. PRACTICA NU.14 INTRO FLASH: Bueno en esta práctica el intro flash para realizarlo en dreamweaver se necesita un programa pero se puede hacer con un intro gratis aquí se pudo hacer con intro gratis y es como un tema de fondo tú lo seleccionas y listo.
  • 15. PRACTICA NU.15 EDITAR PERFIL: Bueno editar perfil es cuando se puede modificar o agregar algo un ejemplo es la foto de perfil.
  • 16. PRACTICA No.16 GESTION DE IMAGEN: Bueno en esta práctica la gestión de imagen es cuando te aparece de donde subir la foto o video así que nosotras la hicimos de esta forma