DISEO PGINAS WEB

INICIO
1 SE CREA UN SITIO DENOMINNDOLO 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 SLO LECTURA), SE PROCEDER IGUAL.

EN ESTE CASO ARENILLAS DE RIOPISUERGA 2 SE CREA UN ARCHIVO QUE SE DENOMINAR INDEX.HTM, Y QUE SER LA PGINA INICIAL DE CONEXIN.

3 SE PONE UN TTULO QUE SE VER POSTERIORMENTE EN EL EXPLORER.

4 PARA IR VIENDO EL DISEO EN EL EXPLORER F-12

5 CUANDO SE REALIZAN CAMBIOS EN LA PGINA Y TODAVA NO SE HAN GUARDADO SE INDICA CON UN * ENCIMA DEL NOMBRE DE LA PGINA, PARA GUARDAR: CTRL./S, EN LA LTIMA VERSIN 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......

TODOS LOS NOMBRES QUE ASIGNEMOS SE VERN POSTERIORMENTE EN LA PGINA, CUANDO SE ACCEDA A ESE SITIO EN CONCRETO.

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

2 TAMBIN SE PUEDEN MOVER CON EL CURSOR DIRECTAMENTE.

3 SI QUEREMOS QUE EN LA CELDA ESCRIBAMOS LO QUE ESCRIBAMOS NO SE ALARGUE HACIA ABAJO PULSAREMOS LA CUADRCULA 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 TTULOS).

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 LNEA, UNA COLUMNA, UN GRUPO DE CELDAS QUE ESTN JUNTAS O LA TABLA ENTERA.

ACTIVAR UNA COLUMNA

ACTIVAR UNA FILA

ACTIVAR CELDAS QUE ESTN JUNTAS

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

7 SE PUEDEN HACER TABLAS DENTRO DE TABLAS.

8 PARA CAMBIAR LOS COLORES DEL BORDE DE LA TABLA HAY QUE IR A CDIGO Y DAR UN ESPACIO DESPUS DE TABLE BORDER Y DAR DOBLE CLIC EN UNO U OTRO O LOS DOS SEGN CUAL DE LOS BORDES QUERAMOS CAMBIAR.

TABLAS DE DISEO
(LLAMADAS DE DISPOSICIN EN LA VERSIN 6.0) ESTAS TABLAS TIENEN LA CARACTERSTICA DE PODER HACERLAS AL GUSTO DE CADA UNO PONIENDO LAS CELDAS DONDE Y COMO QUERAMOS. 1 CAMBIAR, ACTIVANDO LA PESTAA

2 EN DISEO ACTIVAR CELDAS EN DISEO

10

3 PULSAR EN TABLA Y HACERLA AMANO.

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 DISEADAS HAY QUE VOLVER A VISTA ESTNDAR, 2 PARA QUE LA TABLA OCUPE TODA LA PGINA EN TAMAO 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 EXTENSIN .CSS, IREMOS A UNA PGINA Y ABRIREMOS LA PESTAA DE DISEO (2), DAREMOS A ADJUNTAR HOJA DE ESTILOS (3) Y PONDREMOS LA PGINA DE DISEO QUE HAYAMOS ABIERTO (4). NOTA: PARA ADJUNTAR A OTRAS PGINAS HTM LA HOJA DE DISEO 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 DESCRIPCIN TIENE QUE IR UN PUNTO.

12

3 SE NOS ABRIR UNA VENTANA DONDE PODREMOS REALIZAR ESTILOS A LOS PARMETROS QUE NOS INDICA A LA IZQUIERDA.

4 EN EXTENSIONES SE PUEDE CONFIGURAR SALTOS DE PGINA PARA QUE SE IMPRIMAN LAS HOJAS COMO NOSOTROS DISEEMOS Y TAMBIN LA ANIMACIN DEL CURSOR.

13

5 PARA CAMBIAR LAS ETIQUETAS YA REALIZADAS IREMOS A EDITAR ETIQUETAS

6 PARA INSERTAR ETIQUETAS LAS TRAEREMOS DE:

14

FLASH
LA EXTENSIN DE LOS ARCHIVOS DE FLASH LLEVAN LA EXTENSIN .SWF, 1 LOS BOTONES DE FLASH E PUEDEN DISEAR EN:

2 SE ABRE UNA VENTANA PARA DISEAR EL BOTN.

15

3 PARA DEJAR TRANSPARENTE EL FONDO DEL BOTN SE PINCHA CON EL BOTN DERECHO DEL RATN ESTANDO SOBRE EL BOTN Y SE ACTIVA PARMETROS, 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

CONFIGURACIN

VER ARCHIVOS

17

EL ARCHIVO QUE NOS INTERESE LO COPIAREMOS A NUESTRO SITIO

5 SI QUEREMOS VER UNA PRESENTACIN A PANTALLA COMPLETA DAREMOS F-11 6 VISOR DE IMAGEN, ESTO SIRVE PARA VER EN FORMA DE PELCULA 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 DISEAR EL ARCHIVO DESDE SUS PROPIEDADES (EN INGLS POR CIERTO), TODO LO QUE SE PUEDE CAMBIAR (1), PARA INSERTAR LAS IMGENES PULSAR (2) Y EN LA VENTANA (3) LAS AADIMOS.

19

D.- PARA VERLO DAR A REPRODUCIR, DESPUS DE HABER INSERTADO LAS FOTOS.

NOTA: PARA PUBLICAR http://www.photomeister.com

FOTOS

EN

INTERNET

VISITAR

20

MARCOS
SON DIFERENTES PGINAS QUE ESTN 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 PGINA DE INICIO) 1 ABRIMOS MARCOS

2 LO DISEAREMOS AL GUSTO EJ. UNA PARTE ARRIBA UNA A LA DERECHA Y OTRA CENTRAL Y MS GRANDE, PARA VERLO:

21

3 UNA VEZ ABIERTAS LAS HOJAS TENDREMOS:

4 SI QUEREMOS QUE AL PINCHAR EN UN VNCULO ESTE NOS ABRA UNA PGINA, FOTO, ETC EN ALGN LUGAR DE LA PGINA 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 TAMBIN 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 (SLO NMEROS, 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 MS 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 ETIQUETAS/COMPORTAMIETOS/+ /Y DAR A VALIDAR FORMULARIOS:

IR

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 ACCIN: HTTP://MAILER.FACTORYW.NET/MAILER.PHP

29

B.- PINCHAR EL PRIMER BOTN Y NOMBRARLE COMO TOP, Y EN VALOR UNA DIRECCIN DE CORREO C.- PINCHAR EL 2 BOTN Y NOMBRARLE COMO REDIRECT, EN VALOR PONER UNA PGINA (TODA LA DIRECCIN 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 CDIGOS Y BORRAR TODAS LAS COMILLAS DE LOS BOTONES OCULTOS Y QUITAR EL ID=XXXX, DE TODOS. NOTA: EXISTEN FORMULARIOS EN PGINAS 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 BOTN (QUITANDO EL OCULTO SI LO HEMOS HECHO) Y SE NOMBRA COMO TO, EN EL VALOR LA DIRECCIN DEL DESTINATARIO. 12 PARA INSERTAR EL CASILLERO DE REMITIR O DE BORRAR EL FORMULARIO HAY QUE IR AL BOTN:

30

13 BOTN DE SALTO, PARA PODER IR A LA PGINA QUE SE QUIERA CON UN DESPEGABLE, EL BOTN 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 VNCULOS 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 TAMBIN SE PUEDE DESDE:

4 PARA PASAR LA PLANTILLA A PGINAS, ARRASTRAR LA PGINA DE PLANTILLA A LA HOJA O IR A MODIFICAR/PLANTILLAS/APLICAR PLANTILLA A PGINA, 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 VARE LA HOJA IR A MODIFICAR/PLANTILLAS/SEPARAR DE PLANTILLAS.

34

FOT 2

35

CAPAS
1 IR A DISEO DIBUJAR CAPAS, Y DARLE NOMBRE.

2 SE PUEDE EDITAR (QUE APAREZCA O NO, NMERO Z (EL NMERO DEL LUGAR EN EL QUE VA, EJ. PIEL DE CEBOLLA)) EN DOS SITIOS EN DISEO O PINCHANDO EN EL CUADRADITO DE LA CAPA.

36

3 PARA VER LAS CAPAS OCULTAS, EDICIN/PREFERENCIAS/ELEMENTOS INVISIBLES/ANCLAJES VEREMOS EL CHIRIMBOLO AMARILLO DONDE EST LA CAPA.

DAR A DE CAPAS,

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 RATN 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 DNDOLE LAS RAMAS QUE PRECISEMOS, PUDIENDO CON LO DEMS BOTONES DISEAR 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, (TAMBIN SE PUEDE UTILIZAR CUTEFTP http://www.cuteftp.com/)

43

TRUCOS
1 A.- CUANDO DAMOS PASAMOS UN PRRAFO, PARA PASAR UNA LNEA HAY QUE DAR + B.- DANDO AL ESPACIADOR SLO SE PUEDE PASAR COMO MXIMO UN ESPACIO, PARA PASAR MS HAY QUE DAR EN

2 SI REALIZAMOS UN VNCULO PARA QUE NOS REMITAN UN MENSAJE Y ESTE VNCULO VA A IR EN UNA FOTO, ESTO HAY QUE ESCRIBIRLO EN VNCULOS, CON LA PALABRA MAILTO:(DIRECCIN DE CORREO), POR DELANTE.

44

SI EL VNCULO SE REALIZA AUTOMTICAMENTE CON EL SOBRE.

EN

LETRAS

SE

REALIZA

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

45

4 SI QUEREMOS IR A UN VNCULO (ANCLA) QUE EST EN OTRA PGINA HAY QUE PONER # , DETRS DEL VNCULO DE LA PGINA Y DESPUS DE LA ALMOHADILLA EL NOMBRE DEL ANCLA AL QUE QUERAMOS IR. PGINA INDEX

PGINA 1

46

5 PARA QUE SE VEA EL TEXTO DEL DISEO SIN TENER QUE USAR LA PGINA ESPACIADORA:

6 SI QUEREMOS INSERTAR UNA FOTO DE FONDO Y QUE ESTA NO SE MUEVA CUANDO AVANCEMOS EN LA PGINA HAY QUE REALIZAR LO SIGUIENTE: IR A DISEO 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 IMGENES CUANDO PASEMOS EL CURSOR POR ENCIMA: A.- IR A LA CARPETA COMN B.- ABRIR LA PESTAA DE IMGENES C.- DAR A IMAGEN DE SUSTITUCIN

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 SUSTITUCIN)

E.- SI QUEREMOS QUE AL PASAR POR UNA FOTO SE CAMBIE UNA SEGUNDA POR UNA TERCERA: HAY QUE NOMBRAR LAS FOTOS DESPUS 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 SLO LA PGINA DE DISEO DAR F-4 9 PARA VER FOTOGRAFAS CON EL FONDO TRANSPARENTE STAS TIENEN QUE ESTAR EN FORMATO .GIF 10 EN LOS VALORES NO ES LO MISMO QUE ESTN EN BLANCO QUE , PUESTO QUE EN BLANCO DEJA UN MARGEN POR DEFECTO

50

11 PARA CAMBIAR LAS FORMAS DE LOS VNCULOS DAREMOS AL BOTN DCH. DEL RATN Y EN PROPIEDADES DE PGINA IREMOS A VNCULOS, DE ESTA MANERA CAMBIAREMOS TODOS LOS DE LA PGINA.

12 PARA QUITAR DE LOS VNCULOS LOS PUNTITOS CUANDO SE PULSA ENCIMA HAY QUE IR AL FINAL DEL VNCULO EN CDIGO Y DAR UN ESPACIO Y EN LOA VENTANA QUE SE ABRE DAR DOS VECES A ONFOCUS

51

DONDE SE SITA 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 ESTN EN LA APLICACIN, SE BUSCAN EN MACROMEDIA POR SI EXISTEN.

52

14 PARA ABRIR UNA VENTANA NUEVA DESDE ALGN SITIO PONER ALGO, LETRA, FOTO, ETC, SELECCIONARLO E IR A VNCULOS 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 PGINAS CON MUCHOS CDIGOS EN CASTELLANO HTTP://HTMLPOINT.COM/ HTTP://WWW.MUNDOJAVASCRIPT.COM/ 17 IR A PGINA ESCRIBIR EN EL VNCULO JAVASCRIPT: GOU( N DE LA PGINA QUE QUERAMOS IR) MANDAR IMPRIMIR JAVASCRIPT:WINDOW.PRINT() CERRAR VENTANA JAVASCRIPT:WINDOW.CLOSE() 18 PARA COPIAR UNA PGINA CONTROL,/D

54

19 PARA QUE SE VEA UNA MANO EN VEZ DE TENER QUE PONER # EN VNCULOS SE PUEDE HACER LO SIGUIENTE, SE VA DISEO/ 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 PGINAS DETERMINADAS: (VER ESTA PGINA HTTP://WWW.IEC.CSIC.ES/CRIPTONOMICON/ACCESO/) a. SE EJECUTA EL PROGRAMA APPLET WEB PASSWORD VERSIN 2, SE REGISTRA CON EL N QUE TIENE EN SERIAL.TXT.TXT
generador de contraseas para web.rar

b. SE CAMBIA EL DISEO PONIENDO LOS DATOS EN CASTELLANO Y PUDIENDO CAMBIAR LOS COLORES Y DISEO.

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 PGINA QUE QUERAMOS, EL ARCHIVO ISLOGEN SE PEGA EN EN EL MISMO NIVEL QUE ESTA PGINA .

56

21 BARRA DE NAVEGACIN, SE UTILIZA PARA PONER UNA BARRA DE NAVEGACIN EN LA PGINA, EJ. CLIENTES SOCIOS ALQUILERES , DE TAL FORMA QUE AL PINCHAR IREMOS A LAS PGINAS 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 MSICA SE PUEDE PONER CON LOS FORMATOS: .MID / ., WAV, SE INSERTA EN EL HEAD, SIENDO EL LTIMO NMERO LAS REPETICIONES QUE SE VAN A REALIZAR DE LA CANCIN, 0=INFINITO: <BGSOUND SRC="SONIDO.WAV"LOOP="1"> NOTA: SE PUEDE CREAR DOS PGINAS IGUALES UNA DE ELLAS CON MSICA Y LA OTRA NO, EN LA 1 SE PONE LA MSICA Y SE DA A UN VNCULO QUE PONGASILENCIAR (POR EJEMPLO) QUE NOS REMITA A LA 2 PGINA.

57

26 SI QUEREMOS PONER (NEGRITA, CENTRAL, COLOR DE TEXTO, ETC) DENTRO DE UN MEN QUE SOLO DEJA ESCRIBIR, HACERLO EN DISEO Y COPIAR EL RESULTADO DEL CDIGO, 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 PRRAFO EN EL CDIGO TICLE, LO QUE QUERAMOS QUE APAREZCA.

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

58

28 PARA GUARDAR EN DREAMWEAVER FUNCIONES A REALIZAR: A.-PINCHAR EN EL CDIGO A GUARDAR, BOTN DERECHO Y DAR A CREAR NUEVO FRAGMENTO,

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

59

C.- PARA BUSCARLO IR A CDIGO 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 PGINA LA NUEVA PGINA

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 BOTN 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 Rincn 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 RATN

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 discusin" 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