SEPARATA DE DREAMWEVEAR 8

Antes de empezar, debemos crear un SITIO con la secuencia siguiente: Sitio / Nuevo sitio / Avanzadas Poner el nombre del Sitio, por ejemplo: CURSOS TECNICOS o cualquier nombre a discrecin (Con esta opcin, ponemos el nombre a nuestra Pgina) En Carpeta Raz local: Abrir carpeta adjunta: Crear carpeta y poner nombre: CURSO DREAMWEAVER pero diferente al nombre anterior / Sombrear y Abrir / y nuevamente hacer clic en Seleccionar (Con esta seleccin, estamos ubicando el archivo en una unidad del sistema) En Carpeta predeterminada de imgenes, abrir carpeta y crear una carpeta con el nombre de Imgenes / Sombrear / Abrir / y nuevamente Seleccionar Finalmente Aceptar (Esto es para crear un sitio convencional donde vamos a guardar nuestras imgenes)

Al final, debe quedar de esta forma:

Ahora, en ventana principal: Hacer clic en Crear nuevo: HTML Hacer clic en herramienta Tabla y crear una Tabla / Digitar los valores segn las necesidades de: Cantidad de filas y columnas / Aceptar / Luego seleccionar la Tabla hasta que aparezcan los nodos en la tabla y en propiedades donde dice An (ancho) de tabla seleccionar porcentaje 100% 95% etc. / Grosor del borde dejar en 1 / Si no se selecciona la Tabla, no aparece (An)

En Propiedades de Tabla tambin seleccionar: Borde 1 para que se note y 0 para que no se note el borde / Color de fondo / Color de borde / Luego, convertir ancho de tabla a porcentaje (%) y no en pixeles

Cuando se selecciona Tabla, se configura lo que aparece marcado

Propiedades de Texto:

Cuando traemos texto, en el mismo lugar aparecen las propiedades de Texto

Propiedades de Tabla:

Es posible ampliar o reducir el ancho y el largo de las celdas para poner texto o insertar imgenes: Una vez editado el texto dentro de las celdas, este se puede editar en tipo, tamao y color de fuente, Alinear, Sangra etc. NOTA.- Para insertar una imagen, primero podemos editarla con Corel, photoshop, o Picture manager adaptando color, tamao Web etc. Finalmente se copia a la Carpeta de Imgenes creada dentro de la Pg. Web y recin lo jalamos con la opcin: Insertar / Imagen / Si no est guardada en dicha carpeta, la imagen no permanecer en la Pg. Web Una vez que la Imagen, el video, el audio, el Gif o cualquier otro archivo ya estn dentro de la Carpeta indicada, (Imgenes) podemos insertarla directamente de este sitio a la Pg. Principal siempre dentro de una celda. La ubicacin de la imagen o Gif, lo podemos gobernar mediante la insercin de ms celdas y al final, hacer desaparecer los marcos de las celdas con la opcin: / Borde / Escribiendo en el recuadro Borde, el nmero 0 o simplemente suprimiendo el nmero existente. Generalmente aparece por defecto 1 Cuando ya tenemos algo realizado en la primera Pg. Ahora tenemos que Guardar. La primera vez nos preguntar con que nombre deseamos guardar. Obviamente lo guardaremos con el nombre: index Navegar IExplorer 0.8 Guardar

Posteriormente, podemos nuevamente editar tabla, texto o Celdas, cambiando tamao, color, contenido pero siempre Guardando los cambios inmediatamente Para comprobar nuestro trabajo Hacemos clic en el Comando Vista previa, seleccionando: IExpore 0.8 o directamente en la tecla de funcin: F12 y ya podemos navegar en nuestra Pg. NOTAS ADICIONALES: Cuando trasladamos un texto de otro documento hacia una pgina Web, normalmente no obedece ni la fuente, ni el tamao y hasta ni el color. En ese caso se crea un estilo con un solo prrafo, se le configura con el tipo de fuente y tamao. Posteriormente se le configura solamente en Estilo Cuando se copia un texto, mayormente este texto sale totalmente desconfigurado en todos sus aspectos. Al intentar ubicarlo con las herramientas de justificar, se crea un marco virtual que no es daino pero que no deja ubicar

bien. En este caso se hace clic en el borde del marco y se selecciona todo el texto interior. Luego se hace anticlic sobre el texto sombreado y en: Eliminar, etiqueta <div> o tambin, antes de hacer esto, primero se hace un enter a un lado y recin se ajusta los cambios PARA CREAR UNA PAGINA CON FRAMES (Compartimientos independientes) Primero abrir una pg. Nueva HTML, y cuando ya est abierta: / Insertar / HTLM / Marco / Anidado superior izquierdo / Aceptar Se configura los Frames y antes de Guardar, se pone el cursor en el espacio ms grande: inferior izquierdo y se Guarda con el nombre: Mi Pgina. / Guardar / Luego, F12 para ver en Internet / Cuando sale Frameset, se pone como nombre Index y se guarda / La siguiente tendr nombre por defecto: Frame 3 y se guarda / Vuelve a configurar por defecto otra pgina y se guarda como: Frame 2 / Con bordes SI Tambin se puede ir creando o diseando desde la pgina principal o inicio Frame por Frame Para poner los vnculos: en Pg Web con Frames Para vincular de fin de texto con Inicio: Index + parent Para vincular de nombre de archivo con documento del archivo desde el index: Nombre del curso + mainframe (Ms abajo, est ampliamente explicado) CONVERTIR UN ARCHIVO Word en PDF de ACROBAT: Preparar el guardado / seleccionar Pag. Web / documento en Word u otro Programa de texto y saber dnde est Abrir Adobe Acrobat Profesional / Crear PDF / De archivo / Buscar, y Abrir / Esperar que lo convierta y luego Guardar en Imgenes de Ir a index (Inicio) y crear vnculo con la nueva pgina PDF

Para poner videos o voz en Off: En primer lugar, debemos tener guardado en alguna Unidad de Disco una Cartula o motivo creado en Formato JPG / Teniendo la pgina PDF a la vista / Men Herramientas / Edicin avanzada / Herramienta pelcula o Herramienta Sonido / Enmarcar o hacer un marco virtual donde queremos configurar o que aparezca el video o el sonido / Examinar / Buscar la pelcula / Sombrear y luego clic en Seleccionar / Luego seleccionar: / Crear pster a partir de archivo / Examinar / Sombrear y luego Seleccionar / Aparece la cartula en el sitio que hemos enmarcado anteriormente / Aceptar / Guardar / Darle una ruta y Listo PARA HACER Gif ALTERNATIVO CON MOVIMIENTO, PERO QUE NO SALGA DEL MARCO:

Por ejemplo, si deseamos darle movimiento a la frase Bienvenidos a mi Pgina, dentro de un recuadro, y luego hacemos clic en la opcin Cdigo seleccionando previamente la frase indicada, normalmente aparecer como se indica en el marco o tal vez aparezca ASI:

>bienvenidos a mi pagina Web</spam> Para que tenga movimiento, debe quedar ASI: <marquee behavior=alternate>bienvenidos a mi pagina Web</marquee> Todo ese texto que aparece antes y despus de bienvenidos a mi pgina debemos agregar dentro de la opcin Cdigo para que la frase tome movimiento dentro del recuadro

NOTANOTANOTANOTA
<marquee behavior="alternate"> <span class="Estilo80">NOTA NOTA NOTA NOTA... <span class="Estilo80"></span></span></marquee> OJO: Al marcar el primer smbolo (<) dentro de la opcin Cdigo, aparece marquee automticamente y seleccionar con doble clic. Cuando aparece otro men, hacer lo mismo Buscar behavior e ir buscando en la misma forma los textos claves y se van seleccionando con doble clic / Si no aparece, simplemente lo editamos en Word y luego lo copiamos exactamente en el mismo sitio PARA PONER VOZ EN Pg. Web:

Para crear: TODO IGUAL como sabemos hacer todo tipo de archivo: Grabar, guardar, convertir a Mp3 etc. Para Cerrar: Poner el texto en Mi Pgina enlazando con Frame 3 y remarcar con topframe PARA DESAPARECER EL Subrayado del texto de vnculo Seleccionar la frase que va a vincularse con algo, Luego ir a Propiedades de Pgina / En categora: Seleccionar Vnculos y luego en estilo subrayado / Finalmente en este men seleccionar: Nunca subrayar / Aplicar / Aceptar PARA PONER ANCLA: Poner cursos donde deseamos el Ancla / Hacer clic en Herramienta Ancla y luego vincular con el sector que deseamos MAS NOTAS.- Cuando se trabaja con Tablas, y deseamos que aparezca normalmente todo el documento en un plantilla con Frames, se configura el porcentaje de Tabla a tamao 95% / Si se deja a tamao normal prediseado, no aparece en Internet toda la tabla, aparece con barra de desplazamiento 1. Si alguna imagen o Gif, est muy grande, la Tabla no obedece. En ese caso, tenemos que achicar el archivo de imagen y todo se arregla 2. Todas las imgenes o archivos con grficos primero debemos editarlos, retocarlos o disearlos y comprimirlos con Paint, Photoshop o Corel / Y luego los comprimimos necesariamente por ejemplo con Picture Manager para Pg. Web 3. Si se cambia nombre a una imagen de la Carpeta Imgenes cuando esta ya est vinculada, no aparece dicho archivo en la Pgina: Hay que volverla a sacar con el nuevo nombre o el anterior 4. Para Vincular una imagen con algn archivo de voz de la Carpeta principal, debemos hacer anticlic sobre la imagen y luego Crear Vnculo 5. Si no aparece toda la Pg. En el Frame de la Pg. Principal es porque alguna imagen est muy grande, Hay que revisar todo 6. Cuando deseamos vincular un documento que ya est dentro de todo el contexto, hay 2 opciones: 7. Para ir a Inicio del final de una pgina, se vincula: Index + parent Es decir, en vnculo ponemos index y en destino parent Para ir o vincular de la Pgina Inicio a Documento del curso: Nombre del curso + mainframe Es decir en Texto y Vinculo debe aparecer el nombre del archivo y en Destino: mainframe

7.- Cuando el texto original a copiar est muy complejo, lo mejor es primero llevarlo al programa Word. Aqu eliminamos Formatos y lo editamos correctamente / Todo sale OK O sea: Para que el texto que copiamos al Programa no se desconfigure, primero debemos romper formatos y acomodar calculando el espacio entre renglones a fin de que no exceda el largo de los mismos 8.- Si el Texto no quiere subir, bajar o acomodarse dentro del marco, seguramente existe un espacio que est ocupando un gran sector. Hay que buscar dicho espacio con el Mouse y luego eliminar tanto en la cabecera como en el pie. Entonces, el texto se acomoda perfectamente Para configurar: COLOR de VINCULOS:

Color del vnculo: Vnculo de sustitucin: Vnculos visitados: Vnculo activo:

Rojo Rojo Negro Verde

Nos referimos a los vnculos de fin de pgina o archivo para vincular con el index por supuesto que estos colores, podemos cambiarlos a discrecin.

EJEMPLOS DE CODIGOS USUALES:

<br /> = Espacio entre renglones (interlinea) &nbsp; = espacio entre puntos (Un caracter)

Suprimir el texto que est entre interlineas y se agrega en el mismo espacio solamente, <br/> que es interlinea y entonces el texto ya no estar separado con una interlinea, sino un rengln a continuacin POR EJEMPLO SI TIENE INTERLINEA DOBLE el Cdigo se muestra ASI: </em></h3><p align="justify" class="Estilo76"><em> = Interlinea Se borra todo esto y se pone al final solamente <br/> y desaparece la doble interlnea </p><p align="justify" class="Estilo6"><br /> </p><p align="justify" class="Estilo6">

Doble espacio simple espacio

Solamente se elimina <br /> y pasa a un solo espacio en interlinea

NOTA.- Cdigo para darle movimiento infinito (Continuo) a un texto dentro de una celda
<marquee behavior=alternate>bienvenidos a mi pagina Web</marquee> class="Estilo4">DE BIENVENIDA </p></td> <marquee behavior="alternate">

CODIGO Para darle movimiento de rebote de extremo a extremo, dentro de una celda a un texto predeterminado:
<marquee behavior="alternate"> <span class="Estilo80">NOTA NOTA NOTA NOTA... <span class="Estilo80"></span></span> </marquee>