Practicas

Práctica No. 1
NOMBRE   :  CREAR UNA PAGINA HTML BASE
OBJETIVO :
DISEÑAR UNA PAGINA QUE SIRVA DE BASE PARA DESARROLLAR LA ESTRUCTURA DE
UN SITIO QUE ADMINISTRE INFORMACION USANDO PHP.
1. Abrir la aplicación Dreamweaver MX y que en lo sucesivo la identificaremos como DW a lo largo de la práctica.
2. DW mostrará una página en blanco donde comenzará su diseño. Presione la opción Verdel menú principal de DW. Seleccione la opción Código si es que no esta ya marcada.

Observará la estructura y el código básico de una página HTML. No cambie el modo de observar la página en DW.

En DW existe una caja de texto antecedida por la palabra Título :, ubíquela y escriba en ella; Página Base, después presione Enter. Esto asigna un nombre a la página que se insertará entre las etiquetas... . También puede escribir directamente entre las etiquetas para obtener el mismo resultado.

TIP :

En DW existen tres modos de trabajar al  diseñar páginas. La primera es observando sólo el Código que compone la página. El segundo es ver el Diseño gráfico de la página. Este permite ver la representación visual de la página en diseño. Y por último, el modo Código y Diseño que muestra enuna parte de la ventana el código y en otra el diseño gráfico.

NOTA : Dreamweaver MX Versión Educativa tiene un error en su módulo de edición pues en algunas ocasiones al cortar y pegar líneas de códigos inserta secuencias de caracteres extraños similares a los siguientes : ?????e????eA?Ð??????. Si esta realizando esta práctica y copia el código y lo pega en DW, debe revisar a conciencia cadalínea pues estos caracteres extraños  pueden afectar los resultados esperados.
3. Presione la combinación de teclas Ctrl+S para guardar esta página con el nombre : DISCLI_pbase.htm en la carpeta \ITC-DISCLI.
4. Debajo de la etiqueta escriba el siguiente código :

  

TIP :

El código anterior pertenece al lenguaje HTML e indica que se defina un Layer o Capa que contendrá una imagen orecurso gráfico. Observe el uso de las etiquetas , e .
5. Presione la tecla F12 para que DW ejecute el Navegador y se muestre el resultado de la página. Observe los resultados y regrese a DW. Hasta aquí ha incluido una cabecera de identidad para su página.
Las imágenes han sido prediseñadas a fin de lograr un máximo de avance en esta práctica. Estas imágenes se encuentran el la carpeta/ITC-DISCLI/Imagenes-Sitio.
6. Presione Ctrl+S para guardar nuevamente los cambios. Haga esto cada vez que incluya nuevo código.
7. Ahora incluirá una capa que permita agregar un texto descriptivo de la función de la página. De nuevo se usará otro layer. Escriba el siguiente código debajo de lo último que incluyó a su página.

 
     Semestre Ene-Jun
     04

TIP :

Observe elcódigo,  solicite información si tiene alguna duda y haga notas sobre las etiquetas , y . Este paso tiene como finalidad colocar un texto sobre la cabecera en el cual se indique la función o los datos que contendrá la página.
8. Si desea, guarde cambios y observe los resultados.
9. El siguiente paso consiste en agregar un pequeño cintillo informativo que se desplace de derecha a izquierda,atrayendo la atención del usuario sobre alguna información que consideramos importante de comunicar. Observe la nueva etiqueta que se utilizará. Escriba el siguiente código debajo de lo último que incluyo en su página.

     

         Catedrático   ::   
            Ing. Ricardo González González   ::   
            Listas preliminares de Multimedia     ::  
              Regularización 22de Junio 2004 salón y hora de clase.
        
     

            TIP :

           Observe el código,  solicite información y haga notas sobre la etiqueta . Este paso tiene como finalidad colocar un texto en
           movimiento sobre la cabecera que muestre información importante contenida en esta página.
10. Guarde sus cambios y observe los resultados.
11. En este paso...