Documents
Resources
Learning Center
Upload
Plans & pricing Sign in
Sign Out

manual diseño paginas web dreamweaver

VIEWS: 7 PAGES: 63

									       DISEÑO PÁGINAS WEB
                          INICIO
1º SE CREA UN SITIO DENOMINÁNDOLO COMO SE QUIERA QUE SERÁ EL
NOMBRE QUE FIGURARÁ INTERNAMENTE EN EL ORDENADOR, SI LO
TRAEMOS DE FUERA (DE UN CD, CUIDADO QUE NO ESTÉ EN SÓLO LECTURA),
SE PROCEDERÁ IGUAL.




EN ESTE CASO ARENILLAS DE RIOPISUERGA

2º SE CREA UN ARCHIVO QUE SE DENOMINARÁ “INDEX.HTM”, Y QUE SERÁ LA
PÁGINA INICIAL DE CONEXIÓN.




                                                                 1
3º SE PONE UN TÍTULO QUE SE VERÁ POSTERIORMENTE EN EL EXPLORER.




4º PARA IR VIENDO EL DISEÑO EN EL EXPLORER F-12




                                                                  2
5º CUANDO SE REALIZAN CAMBIOS EN LA PÁGINA Y TODAVÍA NO SE HAN
GUARDADO SE INDICA CON UN “*” ENCIMA DEL NOMBRE DE LA PÁGINA,
PARA GUARDAR: CTRL./S, EN LA ÚLTIMA VERSIÓN CADA VEZ QUE PULSAMOS
F-12, NOS SOLICITA GUARDAR LOS CAMBIOS.




6º TODAS LAS CARPETAS QUE SE ABRAN TIENEN QUE COLGAR DEL ÁRBOL
PRINCIPAL, EN ESTE CASO DEL SITIO QUE VAYAMOS A TRABAJAR
“ARENILLAS.....”.




                                                                3
TODOS LOS NOMBRES QUE ASIGNEMOS SE VERÁN POSTERIORMENTE EN LA
PÁGINA, CUANDO SE ACCEDA A ESE SITIO EN CONCRETO.




                                                            4
                         TABLAS
1º PINCHANDO DENTRO DE LA TABLA, PODREMOS MOVER LAS TABLAS EN LA
PARTE DE PROPIEDADES




2º TAMBIÉN SE PUEDEN MOVER CON EL CURSOR DIRECTAMENTE.




                                                               5
3º SI QUEREMOS QUE EN LA CELDA ESCRIBAMOS LO QUE ESCRIBAMOS NO
SE ALARGUE HACIA ABAJO PULSAREMOS LA CUADRÍCULA DE NO AJUSTAR, SI
QUEREMOS QUE LA ANCHURA SIEMPRE SEA LA “MISMA”, LO DEJAREMOS EN
BLANCO.




4º SI PULSAMOS “ENC” NOS COLORARÁ EN NEGRITA Y CENTRADO LAS
CELDAS QUE TENGAMOS SELECCIONADAS (EJ. PARA TÍTULOS).




                                                                6
5º SE PUEDE CENTRAL VERTICALMENTE Y HORIZONTALMENTE LO ESCRITO,
PARA ELLO EN LAS CELDAS EN LAS QUE QUERAMOS HACERLO, LAS
TENDREMOS ACTIVAS,




6º SE PUEDE ACTIVAR UNA CELDA, UNA LÍNEA, UNA COLUMNA, UN GRUPO
DE CELDAS QUE ESTÉN JUNTAS O LA TABLA ENTERA.




ACTIVAR UNA COLUMNA                     ACTIVAR UNA FILA



                                                              7
ACTIVAR CELDAS QUE ESTÁN JUNTAS




ACTIVAR LA TABLA

NOTA: EXISTEN UNOS ICONOS PARA BORRAR ANCHOS Y ALTOS Y PARA
CONVERTIR PÍXELES EN PORCENTAJES Y VICEVERSA, PARA ELLO TIENE QUE
ESTAR TODA LA TABLA ACTIVA.




                                                                8
7º SE PUEDEN HACER TABLAS DENTRO DE TABLAS.




8º PARA CAMBIAR LOS COLORES DEL BORDE DE LA TABLA HAY QUE IR A
CÓDIGO Y DAR UN ESPACIO DESPUÉS DE TABLE BORDER Y DAR DOBLE CLIC
EN UNO U OTRO O LOS DOS SEGÚN CUAL DE LOS BORDES QUERAMOS
CAMBIAR.




                                                               9
                     TABLAS DE DISEÑO
(LLAMADAS DE DISPOSICIÓN EN LA VERSIÓN 6.0)

ESTAS TABLAS TIENEN LA CARACTERÍSTICA DE PODER HACERLAS AL GUSTO
DE CADA UNO PONIENDO LAS CELDAS DONDE Y COMO QUERAMOS.

1º CAMBIAR, ACTIVANDO LA PESTAÑA




2º EN DISEÑO ACTIVAR CELDAS EN DISEÑO




                                                              10
3º PULSAR EN TABLA Y HACERLA A“MANO”.




”

4º PULSAR EN CELDA Y HACERLA EN LA TABLA (REPETIR EL PASO TANTAS
VECES COMO CELDAS QUERAMOS).




NOTAS:
      1ª PARA CAMBIAR LAS PROPIEDADES DE LAS CELDAS Y PARA ESCRIBIR
EN LOS HUECOS DE LAS CELDAS DISEÑADAS HAY QUE VOLVER A VISTA
“ESTÁNDAR”,
      2ª PARA QUE LA TABLA OCUPE TODA LA PÁGINA EN TAMAÑO HAY QUE
INDICARLE 100%, EN ANCHURA.
      3º ACORDARNOS DE DAR ∅ EN VEZ DE DEJAR EN BLANCO DE TODAS
LAS CASILLAS, BORDES, ESPACIADOS, RELLENO, ETC...

                                                                 11
                            ESTILOS
1º SE CREA (1) UN ARCHIVO QUE LE PONDREMOS LA EXTENSIÓN ”.CSS”,
IREMOS A UNA PÁGINA Y ABRIREMOS LA PESTAÑA DE DISEÑO (2), DAREMOS
A ADJUNTAR HOJA DE ESTILOS (3) Y PONDREMOS LA PÁGINA DE DISEÑO
QUE HAYAMOS ABIERTO (4).
NOTA: PARA ADJUNTAR A OTRAS PÁGINAS HTM LA HOJA DE DISEÑO
REALIZAREMOS LOS PASOS 3 Y 4.




2º PARA DEFINIR UN ESTILO, IREMOS A NUEVO ESTILO (1) Y EN LA VENTANA
PONDREMOS EL NOMBRE DEL NUEVO ESTILO (2) TENIENDO EN CUENTA QUE
ANTES DE LA DESCRIPCIÓN TIENE QUE IR UN PUNTO.




                                                                  12
3º SE NOS ABRIRÁ UNA VENTANA DONDE PODREMOS REALIZAR ESTILOS A
LOS PARÁMETROS QUE NOS INDICA A LA IZQUIERDA.




4º EN EXTENSIONES SE PUEDE CONFIGURAR SALTOS DE PÁGINA PARA QUE
SE IMPRIMAN LAS HOJAS COMO NOSOTROS DISEÑEMOS Y TAMBIÉN LA
ANIMACIÓN DEL CURSOR.




                                                             13
5º PARA CAMBIAR LAS ETIQUETAS YA REALIZADAS IREMOS A EDITAR
ETIQUETAS




6º PARA INSERTAR ETIQUETAS LAS TRAEREMOS DE:




                                                         14
                           FLASH
LA EXTENSIÓN DE LOS ARCHIVOS DE FLASH LLEVAN LA EXTENSIÓN “.SWF”,

1º LOS BOTONES DE FLASH E PUEDEN DISEÑAR EN:




2º SE ABRE UNA VENTANA PARA DISEÑAR EL BOTÓN.




                                                                15
3º PARA DEJAR TRANSPARENTE EL FONDO DEL BOTÓN SE PINCHA CON EL
BOTÓN DERECHO DEL RATÓN ESTANDO SOBRE EL BOTÓN Y SE ACTIVA
PARÁMETROS, SE PONE WMODE TRANSPARENT




4º PARA BAJAR ARCHIVOS FLASH SE BUSCAN EN LOS TEMPORALES DE
INTERNET EN INTERNET EXPLORER (HERRAMIENTAS / OPCIONES DE
INTERNET/) EL QUE NOS HAYA INTERESADO Y LO COPIAMOS A NUESTRO
SITIO.




                                                            16
CONFIGURACIÓN




VER ARCHIVOS




                17
EL ARCHIVO QUE NOS INTERESE LO COPIAREMOS A NUESTRO SITIO




5º SI QUEREMOS VER UNA PRESENTACIÓN A PANTALLA COMPLETA DAREMOS
F-11

6º VISOR DE IMAGEN, ESTO SIRVE PARA VER EN FORMA DE PELÍCULA
ARCHIVOS DE FOTOS, CON TRANSICIONES, TIEMPOS, PIES DE FOTOS ETC..

     A.- DAR A ELEMENTOS DE FLASH




                                                               18
    B.- DAR A LA ETIQUETA Y EN LA VENTANA QUE SE NOS ABRE DAR UN
NOMBRE AL ARCHIVO DE FLASH.




       C.- AHORA PODREMOS DISEÑAR EL ARCHIVO DESDE SUS
PROPIEDADES (EN INGLÉS POR CIERTO), TODO LO QUE SE PUEDE CAMBIAR
(1), PARA INSERTAR LAS IMÁGENES PULSAR (2) Y EN LA VENTANA (3) LAS
AÑADIMOS.




                                                                19
      D.- PARA VERLO DAR A REPRODUCIR, DESPUÉS DE HABER INSERTADO
LAS FOTOS.




NOTA:     PARA     PUBLICAR   FOTOS    EN    INTERNET     VISITAR
http://www.photomeister.com




                                                               20
                        MARCOS
SON DIFERENTES PÁGINAS QUE ESTÁN EN UNA SOLA, PARA GUARDAR SE
DARÁ UN NOMBRE A CADA PARTE DEL MARCO Y OTRO AL CONJUNTO
(NORMALMENTE INDEX.HTM, YA QUE SERÁ LA PÁGINA DE INICIO)

1º ABRIMOS MARCOS




2º LO DISEÑAREMOS AL GUSTO EJ. UNA PARTE ARRIBA UNA A LA DERECHA Y
OTRA CENTRAL Y MÁS GRANDE, PARA VERLO:




                                                                21
3º UNA VEZ ABIERTAS LAS HOJAS TENDREMOS:




4º SI QUEREMOS QUE AL PINCHAR EN UN VÍNCULO ESTE NOS ABRA UNA
PÁGINA, FOTO, ETC EN ALGÚN LUGAR DE LA PÁGINA INDEX REALIZAREMOS
LO SIGUIENTE:
      A.- VINCULAREMOS ALGO (EN ESTE CASO SUPERIOR), Y EN DESTINO
LE DIREMOS DONDE QUEREMOS QUE VAYA EN ESTE CASO MAIN FRAME
(PARA SABER CADA ZONA VER EL 3º APARTADO)
      B.- SI INDICAMOS TOP, CARGARÁ SOBRE TODA LA ESTRUCTURA.




                                                               22
5º TAMBIÉN PODEMOS CAMBIAR LOS NOMBRES A LAS ZONAS.




                                                      23
                  FORMULARIOS
1º PONER NOMBRE AL FORMULARIO. FORMULARIOS, ABRIR, DAR NOMBRE




2º IR PONIENDO NOMBRE A LOS CAMPOS Y: 1º DAR EL NOMBRE QUE
QUERAMOS QUE APAREZCA, 2º DAR A ABRIR CAMPO, 3º DAR NOMBRE AL
CAMPO, 4º DEFINIRLO




                                                                24
3º PARA OBLIGAR A PONER UN CAMPO O DEFINIR EL CAMPO (SÓLO
NÚMEROS, ETC) DAR : 1º PICAR EL CAMPO. 2º COMPORTAMIENTOS, 3º
VALIDAR FORMULARIO




4º PINCHAR ABAJO EN FORMULARIOS Y SE NOS ABRIRÁ UNA VENTANA
ARRIBA EN EL ENCTYPE: PONER TEXT/PLAIN, PARA RECIBIR MÁS CLAROS
LOS FORMULARIOS




                                                             25
5º PARA QUE EN LOS ERRORES APAREZCA LO QUE QUERAMOS Y NO ESTO:




REALIZAR LO SIGUIENTE.




                                                                 26
Y APARECERÁ ESTO




6º PARA POSIBILITAR DAR VALORES A LOS FORMULARIOS          IR   A
ETIQUETAS/COMPORTAMIETOS/+ /Y DAR A VALIDAR FORMULARIOS:




                                                                27
7º PARA REALIZAR LISTAS IR A LISTA/MENÚ, SE PUEDEN COPIAR LISTAS YA
EXISTENTES COMO POR EJEMPLO PROVINCIAS, SE PINCHA EN LA LISTA Y SE
DA A COPIAR:




8º PARA PONER VALORES A LA LISTA:




                                                                 28
9º PARA COPIAR UNA LISTA YA EXISTENTE, SE TRAE UNA ARCHIVO DE
INTERNET (GUARDAR COMO/A LA CARPETA DEL SITIO) ABRIR LA HOJA.HTM,
NO EL ARCHIVO, PINCHAR EN LA LISTA Y COPIAR.




10º.- PARA MANDAR UN FORMULARIO SIN TENER QUE TENER UN SERVIDOR
DE CORREO:
SE INSERTAN TRES BOTONES OCULTOS,
       A.- PINCHAR ABAJO EN FORMULARIOS E INDICAR ARRIBA EN ACCIÓN:
HTTP://MAILER.FACTORYW.NET/MAILER.PHP




                                                                 29
     B.- PINCHAR EL PRIMER BOTÓN Y NOMBRARLE COMO TOP, Y EN
VALOR UNA DIRECCIÓN DE CORREO
     C.- PINCHAR EL 2º BOTÓN Y NOMBRARLE COMO REDIRECT, EN VALOR
PONER UNA PÁGINA (TODA LA DIRECCIÓN COMPLETA (HTTP.....))QUE
TENEMOS QUE HACER DONDE DIGA QUE EL FORMULARIO SE HA MANDADO
CORRECTAMENTE.
     D.- PINCHAR EN EL 3º Y NOMBRARLE SUBJECT, PONER LO QUE
QUERAMOS QUE APAREZCA EN EL ASUNTO.
     E.- IR A CÓDIGOS Y BORRAR TODAS LAS COMILLAS DE LOS BOTONES
OCULTOS Y QUITAR EL ID=”XXXX”, DE TODOS.

     NOTA: EXISTEN FORMULARIOS EN PÁGINAS GRATUITAS QUE LUEGO
VEREMOS QUE HACEN ESTAS COSAS SIN COMPLICARSE PERO ESTÁ BIEN
SABERLO.

11º SI QUEREMOS QUE SE MANDE UN FORMULARIO A ALGUIEN EN
CONCRETO SE REALIZA UN BOTÓN (QUITANDO EL OCULTO SI LO HEMOS
HECHO) Y SE NOMBRA COMO TO, EN EL VALOR LA DIRECCIÓN DEL
DESTINATARIO.

12º PARA INSERTAR EL CASILLERO DE REMITIR O DE BORRAR EL
FORMULARIO HAY QUE IR AL BOTÓN:




                                                              30
13º BOTÓN DE SALTO, PARA PODER IR A LA PÁGINA QUE SE QUIERA CON UN
DESPEGABLE, EL BOTÓN DE IR HAY QUE PONERLO SI EN EL DESPEGABLE
SOLO HAY UN SITIO.




SE VERÁ ASÍ:




                                                                31
14º CONVERTIR UN MENÚ Y CONVERTIRLO EN COMPORTAMIENTOS EN EL
MENÚ SALTO, PINCHAR EN EL MENÚ IR A COMPORTAMIENTOS/+/MENÚ
SALTO Y DAR ACEPTAR




LUEGO HAY QUE DARLE LOS VÍNCULOS QUE QUERAMOS A CADA SITIO




                                                             32
                     PLANTILLAS
1º SE GUARDAN EN UNA CARPETA LLAMADAS “TEMPLATES”., ARCHIVO
/NUEVO Ó (CONTROL/N) Y DAR A:




2º SE ABRE UNA PLANTILLA EN INSERTAR/OBJETOS DE PLANTILLA, SE DEL
DA UN NOMBRE Y SE CONFIGURA AL GUSTO, EL ARCHIVO SE GUARDA
“XXXX.DWT




                                                               33
3º TAMBIÉN SE PUEDE DESDE:




4º PARA PASAR LA PLANTILLA A PÁGINAS, ARRASTRAR LA PÁGINA DE
PLANTILLA A LA HOJA O IR A MODIFICAR/PLANTILLAS/APLICAR PLANTILLA A
PÁGINA, PONIENDO CADA COSA YA EXISTENTE EN LA ZONA DE LA
PLANTILLAS QUE QUERAMOS VER FOT 2

5º PARA FIJAR UNA HOJA PARA QUE AUNQUE LUEGO SE CAMBIE LA
PLANTILLAS NO SE VARÍE LA HOJA IR A MODIFICAR/PLANTILLAS/SEPARAR DE
PLANTILLAS.




                                                                 34
FOT 2




        35
                           CAPAS
1º IR A DISEÑO DIBUJAR CAPAS, Y DARLE NOMBRE.




2º SE PUEDE EDITAR (QUE APAREZCA O NO, NÚMERO Z (EL NÚMERO DEL
LUGAR EN EL QUE VA, EJ. PIEL DE CEBOLLA)) EN DOS SITIOS EN DISEÑO O
PINCHANDO EN EL CUADRADITO      DE LA CAPA.




                                                                 36
3º     PARA     VER     LAS    CAPAS     OCULTAS,        DAR   A
EDICIÓN/PREFERENCIAS/ELEMENTOS INVISIBLES/ANCLAJES      DE CAPAS,
VEREMOS EL CHIRIMBOLO AMARILLO DONDE ESTÉ LA CAPA.




4º PARA QUE SE EJECUTE LA CAPA (VER O NO, Y DONDE) SITUAR EL CURSOR
DONDE QUERAMOS QUE SE REALICE IR A COMPORTAMIENTOS/+/MOSTRAR
OCULTAR CAPAS




                                                                 37
5º PARA QUE NO SE SOLAPEN LAS CAPAS




6º ANIDAR CAPAS, PARA QUE TODAS HAGAN LO MISMO DEPENDIENDO DE LA
PRIMERA,   SE PULSA CONTROL Y SE ARRASTRA LA CAPA A LA QUE
QUERAMOS QUE DEPENDA.




7º EN COMPORTAMIENTOS/+, SE PUEDE PONER QUE LA CAPA SE PUEDA
MOVER EN INTERNET CON EL RATÓN
                                                              38
              MENÚ EMERGENTE
1º PONER UNA FOTO IMPORTANTE LO 1º DAR NOMBRE A LA FOTO
2º PINCHAR SOBRE ELLA E IR A ETIQUETA/COMPORTAMIENTOS/ +
/MOSTRAR MENÚ EMERGENTE




3º DAR NOMBRE AL MENÚ E IR DÁNDOLE LAS RAMAS QUE PRECISEMOS,
PUDIENDO CON LO DEMÁS BOTONES DISEÑAR EL MENÚ AL GUSTO.




                                                               39
4º RESULTADO




               40
              PUBLICAR EL SITIO
1º PUBLICAR: DE FORMA GRATUITA: HTTP://WWW.IESPANA.ES

2º EN DEAMWEAVEWR EDITAR EL SITIO Y SEGUIR LO SIGUIENTE




                                                          41
3º PARA EDITAR IR A:




                       42
4º SI SE USA DREAMWEAVER, (TAMBIÉN SE PUEDE UTILIZAR CUTEFTP
http://www.cuteftp.com/)




                                                          43
                        TRUCOS
1º
      A.- CUANDO DAMOS “ ↵ ” PASAMOS UN PÁRRAFO, PARA PASAR UNA
LÍNEA HAY QUE DAR “ ⇑ + ↵ “
      B.- DANDO AL ESPACIADOR SÓLO SE PUEDE PASAR COMO MÁXIMO UN
ESPACIO, PARA PASAR MÁS HAY QUE DAR EN




2º SI REALIZAMOS UN VÍNCULO PARA QUE NOS REMITAN UN MENSAJE Y
ESTE VÍNCULO VA A IR EN UNA FOTO, ESTO HAY QUE ESCRIBIRLO EN
“VÍNCULOS”, CON LA PALABRA “MAILTO:(DIRECCIÓN DE CORREO)”, POR
DELANTE.




                                                              44
     SI EL VÍNCULO SE REALIZA       EN   LETRAS   SE   REALIZA
AUTOMÁTICAMENTE CON EL SOBRE.




3º SI SE QUIERES QUE EL ASUNTO DEL MENSAJE QUE NOS APAREZCA,
CUANDO NOS LLEGUE EL EMAIL, SEA ALGUNO DETERMINADO, LO
INDICAREMOS DETRÁS: MAILTO:HOLA@TERRA.ES?SUBJECT=EJEMPLO




                                                            45
4º SI QUEREMOS IR A UN VÍNCULO (ANCLA) QUE ESTÁ EN OTRA PÁGINA HAY
QUE PONER “ # “ , DETRÁS DEL VÍNCULO DE LA PÁGINA Y DESPUÉS DE LA
ALMOHADILLA EL NOMBRE DEL ANCLA AL QUE QUERAMOS IR.

PÁGINA INDEX




PÁGINA 1




                                                                46
5º PARA QUE SE VEA EL TEXTO DEL DISEÑO SIN TENER QUE USAR LA
PÁGINA ESPACIADORA:




6º SI QUEREMOS INSERTAR UNA FOTO DE FONDO Y QUE ESTA NO SE MUEVA
CUANDO AVANCEMOS EN LA PÁGINA HAY QUE REALIZAR LO SIGUIENTE:

      IR A DISEÑO Y EN BACKGROUND-IMAGE, AL FINAL DEL “;”, DAR
     ESPACIO Y SE ABRIRÁ UNA VENTANA DAR DOS VECES EN
     BACKGROUND-ATTACMHENT Y SE ABRIRÁ...




                                                              47
..... OTRA VENTANA DAR DOS VECES A “FIXED” Y SALIRSE.




7º SI QUEREMOS CAMBIAR IMÁGENES CUANDO PASEMOS EL CURSOR POR
ENCIMA:

     A.- IR A LA CARPETA COMÚN

     B.- ABRIR LA PESTAÑA DE IMÁGENES

     C.- DAR A IMAGEN DE SUSTITUCIÓN




                                                          48
D.- SE ABRE UN CASILLERO Y HAY QUE PONER UN NOMBRE DE LA
NUEVA IMAGEN, PONER LA IMAGEN QUE APARECE EN UN PRINCIPIO
(IMAGEN ORIGINAL) Y POR QUE IMAGEN QUEREMOS QUE SE CAMBIE
AL PASAR EL CURSOR POR ENCIMA (IMAGEN DE SUSTITUCIÓN)




 E.- SI QUEREMOS QUE AL PASAR POR UNA FOTO SE CAMBIE UNA
SEGUNDA POR UNA TERCERA:
HAY QUE NOMBRAR LAS FOTOS DESPUÉS SE SELECCIONA LA FOTO
QUE QUERAMOS QUE AL PASAR EL CURSOR SE CAMBIE LA OTRA




                                                       49
     F.- SE ABRE EL DIALOGO Y SE PINCHA SOBRE LA FOTO QUE
     QUEREMOS CAMBIAR Y ABAJO PONEMOS POR CUAL CAMBIAR EJ.
     AL PASAR POR LA FOTO A QUEREMOS QUE EN LA FOTO B APAREZCA
     LA FOTO C




8º PARA VER SÓLO LA PÁGINA DE DISEÑO DAR F-4

9º PARA VER FOTOGRAFÍAS CON EL FONDO TRANSPARENTE ÉSTAS TIENEN
QUE ESTAR EN FORMATO “.GIF”

10º EN LOS VALORES NO ES LO MISMO QUE ESTÉN EN BLANCO QUE ∅,
PUESTO QUE EN BLANCO DEJA UN MARGEN POR DEFECTO




                                                            50
11º PARA CAMBIAR LAS FORMAS DE LOS VÍNCULOS DAREMOS AL BOTÓN
DCH. DEL RATÓN Y EN PROPIEDADES DE PÁGINA IREMOS A VÍNCULOS, DE
ESTA MANERA CAMBIAREMOS TODOS LOS DE LA PÁGINA.




12º PARA QUITAR DE LOS VÍNCULOS LOS PUNTITOS CUANDO SE PULSA
ENCIMA HAY QUE IR AL FINAL DEL VÍNCULO EN CÓDIGO Y DAR UN ESPACIO
Y EN LOA VENTANA QUE SE ABRE DAR DOS VECES A “ONFOCUS”




                                                               51
DONDE SE SITÚA EL CURSOR ESCRIBIR “THIS.BLUR()”




13º  PARA    BAJAR  EXTENSIONES      NUEVAS HAY  QUE    IR   A
WWW.MACROMEDIA.COM/EXCHANGE. ESTAS EXTENSIONES SON BOTONES
QUE HACEN COSAS DETERMINADAS QUE NO ESTÁN EN LA APLICACIÓN, SE
BUSCAN EN MACROMEDIA POR SI EXISTEN.




                                                            52
14º PARA ABRIR UNA VENTANA NUEVA DESDE ALGÚN SITIO PONER ALGO,
LETRA, FOTO, ETC, SELECCIONARLO E IR A VÍNCULOS PONER “#”, PARA QUE
SE QUEDE SUBRAYADO E IR A:




15º PARA DEFINIR TEXTO EN BARRA DE ESTADO HAY QUE 1º SELECCIONAR
BODY, 2º COMPORTAMIENTOS +, 3º DEFINIR TEXTO, 4º DEFINIR TEXTO EN
BARRA DE ESTADO




                                                                 53
16º PÁGINAS CON MUCHOS CÓDIGOS EN CASTELLANO
HTTP://HTMLPOINT.COM/
HTTP://WWW.MUNDOJAVASCRIPT.COM/


17º IR A PÁGINA ESCRIBIR EN EL VÍNCULO
JAVASCRIPT: GOU(± Nº DE LA PÁGINA QUE QUERAMOS IR)

     MANDAR IMPRIMIR
JAVASCRIPT:WINDOW.PRINT()

     CERRAR VENTANA
JAVASCRIPT:WINDOW.CLOSE()

18º PARA COPIAR UNA PÁGINA CONTROL,/D




                                                     54
19º PARA QUE SE VEA UNA MANO EN VEZ DE TENER QUE PONER # EN
VÍNCULOS SE PUEDE HACER LO SIGUIENTE, SE VA DISEÑO/ ESTILOS CSS ....
Y SE CREA UN ESTILO EN EXTENSIONES, LUEGO CUANDO SE QUIERA
UTILIZAR SE BUSCA ESE ESTILO PARA LO QUE QUERAMOS.




20º PARA DAR CLAVES A LOS USUARIOS PARA QUE PUEDAN ACCEDER A
ALGUNAS    PÁGINAS      DETERMINADAS:    (VER  ESTA   PÁGINA
HTTP://WWW.IEC.CSIC.ES/CRIPTONOMICON/ACCESO/)

     a. SE EJECUTA EL PROGRAMA APPLET WEB PASSWORD VERSIÓN 2, SE
        REGISTRA CON EL Nº QUE TIENE EN SERIAL.TXT.TXT


           generador de contraseñas para web.rar




     b. SE CAMBIA EL DISEÑO PONIENDO LOS DATOS EN CASTELLANO Y
        PUDIENDO CAMBIAR LOS COLORES Y DISEÑO.




                                                                  55
c. SE   CREAN   USUARIOS   CON    SUS   CLAVES   DANDO    EN




d. PARA LLEVARLO AL PROYECTO SE COPIA Y SE PEGA EN EL BODY DE
   LA PÁGINA QUE QUERAMOS, EL ARCHIVO ISLOGEN SE PEGA EN EN
   EL MISMO NIVEL QUE ESTA PÁGINA .




                                                           56
21º BARRA DE NAVEGACIÓN, SE UTILIZA PARA PONER UNA BARRA DE
NAVEGACIÓN EN LA PÁGINA, EJ. CLIENTES – SOCIOS – ALQUILERES , DE TAL
FORMA QUE AL PINCHAR IREMOS A LAS PÁGINAS VINCULADAS.




22º PARA BORRAR PAGINAS DE INTERNET (PUBLICIDAD) ALT/F4

23 PARA QUE SALGA UN ICONO EN FAVORITOS :
PONER EN EL HEAD
 <LINK HREF=HTTP://WWW.XXXX.ICON REL="SHORTCUT ICO">

24º LOS CONTADORES SE PUEDEN ENCONTRAR EN
 HTTP://WWW.MIARROBA.COM

25º PARA PONER MÚSICA SE PUEDE PONER CON LOS FORMATOS: .MID / .,
WAV, SE INSERTA EN EL HEAD, SIENDO EL ÚLTIMO NÚMERO LAS
REPETICIONES QUE SE VAN A REALIZAR DE LA CANCIÓN, 0=INFINITO:
 <BGSOUND SRC="SONIDO.WAV"LOOP="1">
NOTA: SE PUEDE CREAR DOS PÁGINAS IGUALES UNA DE ELLAS CON MÚSICA
Y LA OTRA NO, EN LA 1ª SE PONE LA MÚSICA Y SE DA A UN VÍNCULO QUE
PONGA”SILENCIAR” (POR EJEMPLO) QUE NOS REMITA A LA 2ª PÁGINA.




                                                                  57
26º SI QUEREMOS PONER (NEGRITA, CENTRAL, COLOR DE TEXTO, ETC)
DENTRO DE UN MENÚ QUE SOLO DEJA ESCRIBIR, HACERLO EN DISEÑO Y
COPIAR EL RESULTADO DEL CÓDIGO, ÉSTE PEGARLO DONDE QUERAMOS.

27º SI QUEREMOS QUE A LA HORA DE NAVEGAR SALGAN “BOCADILLOS” EN
ALGUNA PARTE DETERMINADA (EN FOTOS TE PERMITE PONERLO EN ALT DE
PROPIEDADES), HAY QUE PONER ANTES DEL PÁRRAFO EN EL CÓDIGO
“TICLE”, LO QUE QUERAMOS QUE APAREZCA.




===============




                                                             58
28º PARA GUARDAR EN DREAMWEAVER FUNCIONES A REALIZAR:

     A.-PINCHAR EN EL CÓDIGO A GUARDAR, BOTÓN DERECHO Y DAR A
CREAR NUEVO FRAGMENTO,




      B.- DARLE UN NOMBRE Y UNA DESCRIPCIÓN, LUEGO DAR A AJUSTAR
SELECCIÓN ANTES PARA (HEAD Y BODY) O INSERTAR BLOQUE SI SOLO LO
LLEVA EN EL BODY .




                                                              59
     C.- PARA BUSCARLO IR A CÓDIGO A LA DERECHA / FRAGMENTOS Y
DAR DOBLE CLIQ, DONDE QUERAMOS QUE VAYA PONIENDO LO QUE
QUERAMOS QUE SE PRACTIQUE.
NOTA ESTE FRAGMENTO QUEDA EN DREAMWEAVER PARA SIEMPRE




                                   FUNCIONES
     ==========================================
       PARA CENTRAR EN LA PÁGINA LA NUEVA PÁGINA

ESTO HAY QUE PEGARLO ANTES DE QUE SE ACABE EL HEAD

<SCRIPT language=JavaScript>
<!--
function AbreVentana(URL_Ventana,OpcionesVentana,Ancho,Alto,Centrada,PosX,PosY) {

 if (Centrada) {
   PosX = (screen.availWidth - Ancho)/2;
   PosY = (screen.availHeight - Alto)/2;
   }

 if (OpcionesVentana == '')
   OpcionesVentana = 'width=' + Ancho;
 else
   OpcionesVentana += ',width=' + Ancho;

 OpcionesVentana += ',height=' + Alto + ',left=' + PosX
  + ',top=' + PosY;

  window.open(URL_Ventana,"",OpcionesVentana);
  }
//-->
</SCRIPT>

                                                                                    60
ESTO HAY QUE PEGARLO DESPUES DE LA FOTO CAMBIANDO EL NOMBRE DE
LA FOTO

onclick="AbreVentana('XXXXXXXXXX.htm','',650,450,true)"
      ==========================================
  PARA QUE SALGA EN MOVIMIENTO LA BARRA DE ESTADO

EN EL HEAD

 <script language=JavaScript><!--
var delay = 50
var timerID
 var msg = "El Mundo de Kalima te agradece tu visita.         "

function Scroll() {
    window.status = msg
    msg = msg.substring(1,msg.length)+msg.substring(0,1)
    timerID = setTimeout("Scroll()",delay)
}

// --></script>

EN EL BODY

onload=Scroll()

      ==========================================
                  PARA QUE SALGAN DIFERENTES LINEAS

EN EL BODY

<SCRIPT language="JavaScript">
<!-- Script courtesy of http://www.web-source.net - Your Guide to Professional Web Site
Design and Development
var current = 0
var x = 0
var speed = 100
var speed2 = 100
function initArray(n) {
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' '
}
}
typ = new initArray(4)
typ[0]="Your First Line of Text Here"
typ[1]="Your Second Line of Text Here"
typ[2]="Your Third Line of Text Here"
typ[3]="Your Fourth Line of Text Here"
function typewrite() {
var m = typ[current]
window.status = m.substring(0, x++) + ""
if (x == m.length + 1) {
x=0
current++

                                                                                    61
if (current > typ.length - 1) {
current = 0
}
setTimeout("typewrite()", speed2)
}
else {
setTimeout("typewrite()", speed)
}
}
typewrite()
// -->
</SCRIPT>

      ==========================================
PARA QUE NO SE PUEDA NO UTILIZAR EL BOTÓN DERECHO

EN EL BODY

<script language=JavaScript> <!--
// No rightclick script v.2.5
// (c) 1998 barts1000
// barts1000@aol.com
// Don't delete this header!
var message="El Mundo de Kalima - El Rincón de las Hadas." // Message for the alert box
// Don't edit below!
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// --> </script>
      ==========================================
     PARA QUE SE INTRODUZCA LA HORA DEL ENVIO DEL
                     FORMULARIO

EN EL HEAD

<script language="javascript">
function getTime() {
var date = new Date();
return date;
}
</script>

                                                                                          62
EN EL BODY

<script language="javascript">
        document.formulario.hora.value = getTime();
        </script>

SIENDO "FORMULARIO" EL NOMBRE DE LA HOJA / AL CAMPO OCULTO SE LE
LLAMARÁ "HORA"

      ==========================================
    CAMBIAR A DEGRADADO UNA FOTO AL PASAR CON EL
                      RATÓN

EN EL BODY

 <script language=JavaScript>
function imgs(obj,acc){
  if(!document.all) return;
  obj.filters.blendTrans.apply();
  obj.filters[0].enabled=acc;
  obj.filters.blendTrans.play();
}
                   </script>
                   <img
                   alt="Foros de discusión" border=0 height=50
                   onMouseOut=imgs(this,1) onMouseOver=imgs(this,0)
                   src="degradado_archivos/foros.gif"
                   style="FILTER: gray blendTrans(duration=0.3)"
                   width=116>




                                                                      63

								
To top