Este documento presenta una serie de prácticas realizadas en Dreamweaver para crear páginas web. La práctica 1 explica cómo crear una plantilla de inicio. La práctica 11 describe cómo crear una base de datos. Las prácticas posteriores detallan cómo hacer una página de login, registro y perfil, así como una calculadora básica.

1. CECYTEM
Colegio de Estudios Científicos Y Tecnológicos
Del Estado de México
MANUAL DE PÁGINAS WEB
Ing. René Domínguez Escalona
Elaborado por:
Martínez Alcántara Alan Isai……………. 20
Martínez Sánchez Dulce Margarita………. 22
Nery Miranda Brenda Cristina…………..27
Soto Ibáñez Josseline…………………….36
Técnico en Informática
2012-2013

2. PRACTICA 1: Plantilla de inicio
1.-Abrir Dreamweaver

3. 2.- En la barra de herramientas dar clic en Archivo y seleccionar nuevo, y
ponerle en Paginas de Inicio.

4. 3. Escoger una pagina de inicio, como se puede ver hay diferentes tipos de
páginas.

5. 4. Podemos hacerle cualquier tipo de cambio como cambiarle imágenes, texto
ponerle muchas cosas. Haz tu propio Diseño.

6. 5.- Pues es así como creas una plantilla de inicio, solo configurarla ya que en
Dreamweaver esta todo.

7. 6.- Despuès nos vamos al mundito en donde hay podremos ver como se
observa en un navegador web.

8. PRACTICA 11. Base De Datos
1. -Instalar Xampp.

9. 2.- Ya que se instalo xampp. En la página principal seleccionar phpMyAdmin

10. 3.- Después de haber seleccionado phpMyAdmin se crea una Nueva Base de
Datos con el nombre que sea, de preferencia Usuarios.

11. 4.-Ya que se crea seleccionamos el nombre y la cantidad de campos que s va
a utilizar.

12. 5.- Creamos los campos que se desee y ya que se termina seleccionamos en
boton que esta hasta abajo que dice GRABAR.
.

13. 6. Seleccionamos una imagen de una casita que se encuentra de lado
izquierdo, después seleccionas privilegios se crea un nuevo usuario.
7.-Bueno ya que esta creado el usuario y los campos le damos el Local Host,
hay nos aparecerá la Base de Datos que se creó y nos vamos a la opción
insertar, hay llenamos la información que se solicitan en los campos.

14. PRACTICAS.
-Login.php
-Error.php
-Registrar.php
-Perfil.php
1.-Abres Dreamweaver creas un sitio, De preferencia que lleve el nombre de
login, después de que se crea el sitio se abre una platilla.

16. 2.- Seleccionas la pestaña de insertar y de hay seleccikonas insertar para
poder crear email y password y entrar.

17. 3.- Después que ya esta te vas ala pestaña de común de hay seleccionas
FORMULARIOS

18. 4.-Depuse de que ya inserataste email y pasword te vas al codigo de hay
lelecionas y oe cam,bias los nombres y envez de enviar lo cambias por
ENTRAR

19. 5.-Después seleccionas tipo de documento que se encuentra en la parte
derecha en Archivos y seleccionas php.

20. 6.-Depuse de esto lo guardas como plantilla.

21. 7.-Te aparece esta ventana y lo tienes que guardar como MYPLANTILLA.

22. 8.-Copias donde dice templates en la URL para que se pasen los documentos.

23. 9.-Depuse te vas a archivos a donde dice nuevo, para que abras la plantilla
mas te vas a donde dice plantilla y la seleccionas el botón que dice CREAR.

24. 10.-Después de que se crea te vas a guardar como tú de ahí la gustadas como
INDEX.PHP

25. 11.-Después de que ya esta s guardada te vas a CSS y seleccionas
CONEXIÓN My SQL.

26. 12.- Y te aparece un ventana donde tienes que insertar unos datos que te pide,
lo de tu conexión en local host son muy importantes.
.

27. 13.-Después de esto creas las demás paginas
ESTA ES LA DE REGISTRO.

28. ESTA ES LA PAGINA DE INDEX.PHP

29. ESTA ES LA PAGINA DE PERFL EN DREAMWEAVER

30. ESTA ES LA PAGINA DE REGISTRO EN DREAMWEAVER.

31. AQUÍ ESTAN LAS 4 PAGINAS ABIERTAS EN UN NAVEGADOR.

33. PRACTICA 12:COMO CREAR UNA CALCULADORA
1.-Se necesita un formulario para hacer esto.
También tienes que hacer dos archivos:
*Para crear la calculadora
*.Para los datos matemáticos

34. 2.-Tienes que poner el código <input type="text" name="c1"/> tres veces
cambiándole c1 a c2 y c3. Le anides dos <br/> a cada <input type="text"
name="c1"/> Te vas a tu explore y revisas haber como te va quedando.

35. 3.- Debes poner estos códigos para que vallas creando tu calculadora el local
host y se valla creando tus tablas.

36. 4.-Después así te vede de salir tu página.

37. 5.- Terminar de poner estos códigos en dreamwaver. Para podernos ir al
segundo archivo que es el de proc.php

38. 6.-Pues ya aquí en proc.php vamos hacer que aparezcan ya los resultados que
ya los sume, reste, multiplique y divida al momento de poner 3 números ahí en
explore
7.-Pues ya yéndote a tu pagina podrás ver que ya te habrán salido tus
resultados si lo hiciste conforme en manual de dreamweaver
Resultado en tu c