Documente Academic
Documente Profesional
Documente Cultură
ARCHIVO
NUEVO
PESTAA GENERAL
CATEGORIA PAGINA BASICA
HTML
CREAR
EN LA VENTANA DEL DOCUMENTO APARECE UNA PAGINA EN
BLANCO CON EL NOMBRE UNTITLED X.
CARACTERISTICAS DE LA PAGINA
PARA CADA PAGINA DE NUESTRO SITIO SE PUEDEN ESPECIFICAR UNAS
CARACATERISTICAS DETERMINADAS DE DISEO Y FORMATO. PARA ELLO:
1. MODIFCAR
2. PROPIEDADES DE LA PAGINA
3. SELECCIONAMOS LA CATEGORIA ASPECTO Y PODREMOS
ESTABLECER:
a. TIPO DE LETRA
b. TAMAO
c. COLOR DEL TEXTO, ETC.
MODIFICAR
PROPIEDADES DE LA PAGINA
ASPECTO
PULSAMOS EXAMINAR DE LA OPCION IMAGEN DE FONDO
BUSCAMOS Y SELECCIONAMOS LA IMAGEN
ACEPTAR
APARECE UN MENSAJE AVISANDONOS DE QUE DEBEMOS GUARDAR
LA PAGINA SI AN NO LO ESTA
8. AL TRANSFERIR LOS ARCHIVOS A UN SERVIDOR ES IMPORTANTE
QUE TODOS ESTEN ALMACENADOS EN LA CARPETA LOCAL. SI LA
IMAGEN QUE PONEMOS DE FONDO ESTA EN OTRA CARPETA EL
DREAMWEAVER NOS PREGRUNTA SI DESEAMOS COLOCARLA EN LA
CARPETA LOCAL, DECIMOS QUE SI.
9. GUARDAMOS LA IMAGEN
10. ACEPTAR
TITULO DE LA PAGINA
EL TITULO DE UNA PAGINA AYUDA A LOS VISITANTES A REALIZAR UN
SEGUIMIENTO DE LO QUE VEN MIENTRAS NAVEGAN, AL TIEMPO QUE
IDENTIFICA LA PAGINA EN EL HISTORIAL. ES EL TEXTO QUE APARECE EN
LA ZONA AZUL DE LA PARTE SUPERIOR DE LA VENTANA. PARA AADIR
UN TITULO:
1. PODEMOS ESCRIBIRLO DIRECTAMENTE EN LA SECCION TITULO
DE LA BARRA DE HERRAMIENTAS DEL DOCUMENTO
1. MODIFICAR,
2. PROPIEDADES DE LA PAGINA,
3. TITULO/CODIFICACION
4. LO ESCRIBIMOS EN EL CAMPO TITULO
VISTA PREVIA
PODEMOS COMPROBAR COMO SE VERIA LA PAGINA EN INTERNET,
1. ARCHIVO
2. VSITA PREVIA EN EL NAVEGADOR
3. IEXPLORE
GUIAS VISUALES
LAS MAS UTILIZADAS SON LAS REGLAS Y LAS CUADRICULAS,
CUALESQUIERA DE LAS DOS PUEDEN VER U OCULTAR DESDE LA OPCION
1. VER
2. REGLAS / CUADRICULAS
3. MOSTRAR
CABECERA DEL DOCUMENTO
LAS PAGINAS CONSTAN DE DOS SECCIONES CABECERA (HEAD) Y CUERPO
(BODY). LA PRIMERA ES INVISIBLE A EXCEPCIN DEL TITULO DE LA
PAGINA, LA SEGUNDA ES VISIBLE, ES LA QUE CONTIENE EL TEXTO,
IMGENES, ETC. SI QUEREMOS QUE NUESTRA PAGINA NO ESTE OCULTA
EN INTERNET TENDREMOS QUE INCLUIR EN LA CABECERA AL MENOS
TRES COSAS: EL TITULO DE LA PAGINA, PALABRAS CLAVE Y UNA
DESCRIPCIN DE LA MISMA.
EL TITULO LO PONEMOS COMO YA SABEMOS, PARA LA DESCRIPCIN Y
PALABRAS CLAVE:
1.
2.
3.
4.
INSERTAR
HTML
ETIQUETAS HEAD
DESCRIPCIN Y PALABRAS CLAVE
ARCHIVO
GUARDAR
DAMOS NOMBRE
CONSEJO: LA MAYORIA DE LOS SITIOS EXIGE QUE LA PAGINA
PRINCIPAL SE LLAMA INDEX.HTML.
ELEMENTOS BSICOS
TEXTO
SE PUEDE ESCRIBIR EL TEXTO DIRECTAMENTE O COPIANDO Y PEGANDO
TEXTO DE OTRO DOCUMENTO O APLICACIN, EN ESTE ULTIMO CASO NO
MANTIENE EL FORMATO DEL TEXTO PERO SI LOS SALTOS DE LINEA.
EL FORMATO DEL TEXTO EN DREAMWEAVER ES SIMILAR AL WORD. PARA
APLICAR UN ESTILO Y FORMATO A UN TEXTO UTILIZAREMOS EL
INSPECTOR DE PROPIEDADES QUE ES LA VENTANA QUE SE ENCUENTRA
EN LA PARTE INFERIOR DE LA PANTALLA.
FORMATO
1. SELECCIONAMOS EL TEXTO
2. PROPIEDAD FORMATO DEL INSPECTOR DE PROPIEDADES
3. SELECCIONAMOS UNO DE ELLOS
REGLAS HORIZONTALES
SON MUY UTILES PARA ORGANIZAR LA INFORMACIN Y SEPARAR
VISUALMENTE EL TEXTO.
1. INSERTAR
2. HTML
3. REGLA HORIZONTAL
UNA VEZ INSERTADA PODEMOS MODIFICARLA A TRAVES DEL
INSPECTOR DE PROPIEDADES.
LISTAS ORDENADAS Y SIN ORDENAR
LAS PRIMERAS SON NUMERADAS Y LAS SEGUNDAS SON VIETAS.
ADEMAS LAS LISTAS SE PUEDEN ANIDAR, UNA LISTA ANIDADA ES
AQUELLA QUE CONTIENE OTRA LISTA.
1. COLOCAMOS EL PUNTERO
2. TEXTO
3. LISTA
4. SELECCIONAMOS EL TIPO DE LISTA
5. ESCRIBIMOS Y PULSAMOS ENTER
INSERTAR
HTML
CARACTERES ESPECIALES
ESPACIOS INVISIBLES
EDICION
PREFERENCIAS
CATEGORA GENERAL
ACTIVAMOS LA CASILLA DE PERMITIR MULTIPLES ESPACIOS
CONSECUTIVOS.
IMGENES
EXISTEN DIVERSO FORMATOS DE ARCHIVOS GRAFICOS, AUNQUE PARA
PAGINAS WEB GENERALMENTE SE UTILIZAN TRES GIF (Graphics Interchange
Format), JPG (Join Photographics Group) y PNG (Portable Networks Graphics).
ACTUALMENTE, GIF Y JPG SON LOS FORMATOS DE ARCHIVOS CON
MAYOR COMPATIBILIDAD Y SE PUEDEN VER EN LA MAYORIA DE LOS
NAVEGADORES.
LOS ARCHIVOS GIF UTILIZAN UN MAXIMO DE 256 COLORES Y SON
IDONEOS PARA VISUALIZAR IMGENES COMO LOGOS, ICONOS, BOTONES.
LOS ARCHIVOS JPG SON MEJORES PARA IMGENES FOTOGRAFICAS, YA
QUE PUEDEN CONTENER MILLONES DE COLORES. CUANTA MAS CALIDAD
TENGAN MAYOR SERA SU TAMAO.
INSERTAR IMAGEN
1.
2.
3.
4.
INSERTAR
IMAGEN
SELECCIONAMOS UNA IMAGEN Y PULSAMOS ACEPTAR
SI LA IMAGEN NO SE ENCUENTRA EN LA CARPTA LOCAL, EL
PROGRAMA NOS PREGUNTA SI DESEAMOS COPIARLA
DECIMOS QUE SI
5. GUARDAR
TAMAO DE LA IMAGEN
1. CLIC SOBRE LA IMAGEN
2. ARRASTRAMOS LOS MANEJADORES. SI QUEREMOS
RESPETAR LA RELACION ANCHO-ALTO DE LA IMAGEN
MANTENDREMOS PULSADA LA TECLA SHIFT MIENTRAS
ARRASTRAMOS LOS MANEJADORES.
RECORTAR LA IMAGEN
1. SELECCIONAMOS LA IMAGEN
2. INSPECTOR DE PROPIEDADES
3. BOTON RECORTE
4. APARECENE MANEJADORES DE RECORTE ALREDEDOR DE LA
IMAGEN
5. ARRASTRAMOS LOS MANEJADORES HASTA LA ZONA QUE
QUEREMOS VISUALIZAR
6. INTRO
IMAGEN DE SUSTITUCION
ES UNA IMAGEN QUE CAMBIA CUANDO EL PUNTERO PASA SOBRE
ELLA, SON CONOCIDAS TAMBIEN COMO IMGENES ROLLOVER. EN
REALIDAD SON DOS IMGENES: LA IMAGEN PRINCIPAL (LA QUE
APARECE INICIALEMTE EN LA PAGINA) Y LA SECUNDARIA (LA QUE
APARECE AL PASAR EL PUNTERO). AMBAS IMGENES DEBEN TENER
EL MISMO TAMAO. SI TIENEN TAMAOS DISTINTOS EL PROGRAMA
CAMBIA AUTOMATICAMENTE EL DE LA IMAGEN SECUNDARIA PARA
QUE SE AJUSTE A LA PRIMARIA.
1. BARRA DE HERRAMIENTAS INSERTAR
2. CATEGORIA COMUN
3.
4.
5.
6.
7.
8.
INSERTAR
OBJETOS DE IMAGEN
IMAGEN DE SUSTITUCION
CON LOS BOTONES DE EXAMINAR INSERTAMOS LA IMAGEN
ORIGINAL Y LA DE SUSTITUCION
9. EN TEXTO ALTERNATIVO PODEMOS ESCRIBIR UN TEXTO QUE
APARECERA CUANDO SITUEMOS EL CURSOR SOBRE ELLA.
BOTN FLASH
FLASH ES UN TECNOLOGA QUE PERMITE INSERTAR ELEMENTOS
INTERACTIVOS. UN BOTON FLASH CAMBIA DE ASPECTO AL SITUAR
EL RATOSN SONBRE EL.
1. BARRA DE HERRAMIENTAS INSERTAR
2. CATEGORA COMUN
3. BOTON MEDIA
4. BOTON FLASH
5. SELECCIONAMOS UN ESTILO
6. ESCRIBIMOS UN TEXTO
7. ACEPTAR
EN EL PANEL DE ARCHIVOS APARECERA UN ARCHIVO NUEVO DE
NOMBRE BUTTON1.SWF.
VINCULOS
NOS PERMITEN ENLAZAR CON OTRAS PAGINAS BIEN DE NUESTRO MISMO
SITIO O BIEN PARA PAGINAS DE OTROS SITIOS. LLAMANDOSE ENEL
PRIMER CASO VINCULOS RELATIVOS Y EN EL SEGUNDO VINCULOS
ABSOLUTOS.
VINCULAR MEDIANTE EL INSPECTOR DE PROPIEDADES
1.
2.
3.
4.
5.
SELECCIONAMOS
INSERTAR
HIPERVINCULO
RELLENAMOS EL CAMPO VINCULO
10
11
COMPROBACIN DE VINCULOS
EL PROGRAMA PUEDE VERIFICAR LOS VINCULOS POR SI HAY
ALGUN VINCULO ROTOS. LOS VINCULOS EXTERNOS NO SE
VERIFICAN PERO PUEDE ELABORAR UNA LISTA CON TODOS ELLOS.
PARA COMPROBAR LOS VINCULOS DE LA PAGINA ACTUAL
1. ARCHIVO
2. COMPROBAR PAGINA
3. COMPROBAR VINCULOS
PARA COMPROBAR LOS VINCULOS DE TODO EL SITIO
1. SITIO
2. COMPROBAR VINCULOS EN TODO EL SITIO
FORMULARIOS
SE UTILIZAN PARA SOLICITAR INFORMACIN A LOS VISITANTES DE LA
PAGINA. PARA PODER RECIBIR LA INFORMACIN DE LOS FORMULARIOS
EL PROVEEDOR DEL ESPACIO WEB DEBE PONER A NUESTRA DISPOSICIN
UN SCRIPT CGI, QUE SE ENCARGA DE ENVIAR LOS DATOS DEL
FORMULARIO A NUESTRA DIRECCION DE CORREO. LA MAYOR IA
OFRECEN ESTE TIPO DE ACCESO, EN EL CASO DE FORMULARIOS SE
DENOMINA FORMMAIL.
1. INSERTAR
2. FORMULARIO
3. FORMULARIO
4. O EN LA BARRA DE HERRAMIENTAS INSERTAR SELECCIONAMOS
FORMULARIO
5. APARECE UN RECTANGULO VACIO
6. INSERTAMOS LOS CAMPOS DE FORMULARIO
7. CUANDO TERMINOS DEBEMOS INSERTAR UN CAMPO OCULTO
DONDE ESPECIFICAREMOS LA DIRECCION DE CORREO DONDE
QUEREMSO QUE NOS ENVIEN LA INFORMACIN
a. HACEMOS CLIC EN CAMPO OCULTO
b. EN NOMBRE ESCRIBIMOS DESTINATARIO Y EN VALOR
NUESTRA DIRECCION
12
13
TABLAS
LAS TABLAS PRESENTAN LOS DATOS EN UNA SERIE DE FILAS Y
COLUMNAS. UNA TABLA DE TAMAO FIJO PERMITE ORGANIZAR LA
PAGINA WEB DE UNA FORMA CLARA.
INSERTAR UNA TABLA
1. INSERTAR
2. TABLA
3. ESPECIFCAMOS EL NUMERO DE FILAS Y COLUMNAS
4. OPCIONES
a. GOSOR DEL BORDE: EL GROSOR DEL BORDE EXTERIOR
DE LA TABLA
b. RELLENO DE CELDA: LA DISTANCIA ENTRE EL BORDE
DE LAS CELDAS Y EL CONTENIDO DE LAS MISMAS
c. ESPACIADO ENTRE CELDAS: DISTANCIA ENTRE LAS
CELDAS
d. ENCABEZADO: COMBINACIN DE CELDAS
5. ACEPTAR
OPCIONES DE SELECCIN DE TABLA
SELECCIONAR UNA TABLA
1. NOS SITUAMOS EN CUALQUIER CELDA DE LA TABLA
2. MODIFICAR
3. TABLA
4. SELECCIONAR TABLA
5. O HACIENDO CLIC EN LA ESQUINA SUPERIOR IZDA
14
15