CECYTEMColegio 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

PRACTICA 1: Plantilla de inicio

1.-Abrir Dreamweaver

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

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

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

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

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

PRACTICA 11. Base De Datos

1. -Instalar Xampp.

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

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

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

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

.

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.

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.

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

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

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

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

6.-Depuse de esto lo guardas como plantilla.

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

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

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.

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

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

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.

.

13.-Después de esto creas las demás paginas

ESTA ES LA DE REGISTRO.

ESTA ES LA PAGINA DE INDEX.PHP

ESTA ES LA PAGINA DE PERFL EN DREAMWEAVER

ESTA ES LA PAGINA DE REGISTRO EN DREAMWEAVER .

AQUÍ ESTAN LAS 4 PAGINAS ABIERTAS EN UN NAVEGADOR.

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

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.

3.- Debes poner estos códigos

para que vallas creando tu calculadora el local host y se valla creando tus tablas.

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

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

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