DREAMWEABER

HOJAS DE ESTILO

Sirven para cuando queramos modificar el estilo del texto no tengamos que hacerlo página por página.

Contiene:

- Fuente tipofráfica
-El tamoño de la fuente
-Atributos (negrita, cursiva, etc.)
-Color, alineación

Nuestra página al ser sencilla utilizaremos para:

TITULO Arial de 12 puntos en negrita y verde oscuro
TEXTO Arial de 10 puntos y gris

Para crear hojas de estilo en el menu texto, estilos CSS y nuevo

VISUALIZAR MAPA DEL SITIO

Con expandir/contraer, cuando esta expandido nos da la opción de ver mapa del sitio en los botones superiores.

LOS DIFERENTES TIPOS DE VINCULOS EN DW / HTML

-Vínculos externos que nos llevan a un sitio fuera de la página -> fttp://www.----.com
-Vínculos internos son aquellos que nos llevan a una página del mismo sitio web.
-Vínculos correo electrónico-> mailto......
-Vínculos NOWHERE nos llevan a otra parte de la misma página o cambiar propiedades.

EJERCICIO IMAGEN DIGITAL

Repaso Imagen digital

Responde a las siguientes preguntas.

1. ¿cómo se denomina el proceso por el cual convertimos una imagen analógica en una digital?
Digitalización
2. ¿ De qué dos tipos de imágenes se componen principalemente los gráficos digitales?
Imagenes de mapa de bits y imagenes vectoriales
3. ¿Cuál es la característica de las imágenes de mapa de bits?
Cada bit es un pixel y no son planos tienen profundidad
4. ¿ Cuál es la cualidad principal de las imágenes vectoriales?
Vectorial o curvas bézier, son calculos matematicos, no existe la resolución, cuando se amplia se recalcula
5. ¿Qué profundidad de bits tiene una imagen que sólo me permita tener un tono más el color de fondo?
1 bit = blanco o negro
6. Si tanto el modo de color medios tonos, como el modo de color indexado tiene una profundidad de color de 8 bits, ¿en que se diferencian?.
Medios tonos son 256 bits de tonos de grises y el color indexado son 256 bits tonos de color
7. Si en la codificación de color RGB, tengo : R=255 , G=255 y B= 0, ¿que color tengo?
Amarillo
8. En la codificación de color CMYK el 0 equivale a: ......
Blanco
9. ¿photoshop es un programa de retoque de gráficos vectoriales o de mapa de bits?
De mapa de bits
10.¿qué es la resolución? ¿explica como influye la resolución en la representación de las imagenes en pantalla.
La resolución son los pixeles por pulgada, por pantalla el máximo son 72 pixeles por pulgada si ponemos mas resolución, la imagen crecera en dimesión

¿Cuál es la respuesta correcta?

1. ¿Por qué el formato TIFF es el más apropiado para ser impreso?
...Porque es el único que se puede imprimir.
X...Porque contiene información adicional para ser impreso.
...El formato TIFF nunca se utiliza para ser impreso.

2. ¿Para qué tipo de imágenes será ideal el JPEG?
X...Las imágenes de arte de línea y fotográficas,
...Sólo las imágenes pequeñas de arte de línea
...La fotográficas o que presenten degradados.


3. El formato GIF se caracteriza por...
...ser un formato obsoleto.
...ser utilizado en imágenes en blanco y negro.
X...comprimir una imagen de colores sólidos sin perder calidad.

4. ¿En qué formatos podemos encontrar la imagen dividida en capas?
En el PSD y el TIFF
X...Sólo en PSD
...En el PNG y el PSD
...En el GIF


5. ¿Qué formato gráfico utilizaríamos para publicar documentos en Internet?
...BMP
...GIF o JPEG
...EPS
X...PDF


6. Si queremos crear una aplicación interactiva para web, y deseamos utilizar imágenes vectoriales, ¿qué formato utilizaríamos?
...SVG
...SWF
X...Cualquiera de los anteriores.

PHOTOSHOP

LA IMAGEN DIGITAL
Las imagenes digitales las podemos obtener a través de perifericos de entrada como:
-Cámaras digitales
-Escaner
-Tableta gráfica
Con los periféricos de salida sacaremos la información del ordenador
- Impresora
- Pantalla

Tendremos muy en cuenta de donde nos viene la foto o por donde la vamos a mostras para la resolución.

DIGITALIZACIÓN
Convertir una imagen en digital.
El escaner lo que hace es una retícula (mapa de bits),donde cada bit es un pixel y lee donde hay color y donde no lo hay y lo convierte en código binario 011100001(blanco y negro).
Los pixels no son planos tienen profundidad que no la vemos llamada profundidad de bit o de color (gama de tonos) y es importante para saber de que tipo de foto estamos tratando.
Cada bit aporta información.
La mayoria de imagenes que conocemos son de 8 bits
Una imagen de:
1 bit= 2 elevado 1= blanco o negro
8 bits = 2 elevado 8= 256 colores
24 bits = 2 elevado 24 =16.777.216 colores
32 bits = 2 elevado 32 = Millones de colores

Para calcular los mb que tienen nuestras fotografías se utiliza la formla:
MB =Dimesión x resolución al cuadrado x profundidad de bits / 8

PROPIEDADES

Dimensión.- Tamaño fotografía (800x600 pixeles)
Resolución.- Cantidad de pixeles por pulgada
Codificación del color.- Se refiere a como va a interpretar digitalmente los colores el ordenador y junto con la profundidad nos va a dar "Los modos de color"

MODOS DE COLOR EN PHOTOSHOP

M. PLUMA-> 1 bit = 1 tono + fondo
M. MEDIOS TONOS O ESCALA DE GRISES-> 8 bit = 256 tonos gris
M. COLOR INDEXADO-> 8 bit = 256 tonos color (es el que utilizaremos para la web)
M. RGB-> 3 Canales
rojo x 8 bit \
verde x 8 bit - (24 bit) = 16 millonoes de colores
azul x 8 bit /

Colores primaros pigmento amarillo, cian y magenta para impresión.
Colores primarios luz verde, rojo y azul colores luz para pantalla.

RGB-> De 0 al 255
CMYK-> De 0 AL 100%
LAB-> Luminosidad / Componente cromático A y B
HLS-> Tono, Luminosidad y Saturación

La imagenes digitales pueden ser:
- Bitmap (mapa de bits)
- Vectoriales o curvas bézier son calculos matemáticos que se crean mediante secciones de color, no existe la resolución, cuando se amplia la imagen se recalcula y siempre está perfecta.

FORMATOS DE ARCHIVO PARA LAS IMAGENES DIGITALES

- Formatos de archivo BITMAP
*.Tiff, *.Bmp, *.Psd, *.Pict, *.Jpeg, *.Gif, *.Png
- Formatos de archivo BITMAP
*.Wmf, *.Eps, *.Swf, *.Svg, *.Pdf

Los que más vamos a utilizar para la página web seran Jpeg (fotografías) y Gif (colores planos)
Para impresión es mejor Tiff, para hacer composiciones por capas y guardarlo sin que se fundan estas sería formato Psd.
Formato Pdf para documentos, Eps para imprentas para separar por planos los colores y Swf es el tipico de flahs.

INFORME PROYECTO CANICO

Lo primero sería elegir un dominio y ver si está disponible, lo miraremos en un principio en la página oficial http://www.nic.es/
Hemos buscado http://www.vacacionesparamascotas.es/ y esta disponible, ahora vamos a mirar cual nos sale más economico.
Despues de mirar bastantes del listado de proveedores que nos proporciona el ministerio de industria he visto que la empresa AMEN es la más económica nos costaría 3€ al año, pero como no tenemos dinero porque estamos en el paro tendremos que prescindir del nombre elegido, en favor de un alojamiento gratuito que nos pondrá su nombre de dominio junto al que elijamos
En la página http://www.tripod.es/ obtenemos un alojamiento gratuito.
Despues de pasar por bastantes pantallas y poner varias veces las contraseñas, y de recibir un correo electronico para activarlo todo ya puedo acceder a MI PAGINA
Es hora de pasar a definir el proyecto.
Al ser una página de una residencia canica, para que las mascotas tengan tambien vacaciones cuando sus dueños se vayan y no puedan llevarselos con ellos.
A las personas que va dirigida seran de mediana edad y con un nivel economico medio, que a la vez que puedan irse de vacaciones puedan pagar unas vacaciones a sus mascotas, como pondremos fotos de nuestras instalaciones, actividades que se harán con sus mascotas etc. intentaremos que esten en la página el mayor tiempo posible y que visiten todas las secciones y por supuesto como cuando vuelvan de vacaciones su mascota va estar reluciente, contenta y con estado de salud impecable no solo volverán a nuestra página si no que la próxima vez que viajen volveran a dejarnos su mascota.
Ahora vamos a contestarnos a unas sencillas preguntas.
¿Qué mensaje debe recibir el visitante?
El visitante nada más entrar tiene que ver es una empresa seria y legal
¿Qué desas comunicar?
Que en nuestra empresa es la mejor para de dejen a su mascota cuando sus dueños no puedan
¿Qué imagen debe percibir el usuario?
La imagen que tiene que percibir es que en nuestra residencia vamos a cuidar de su mascota mejor o igual que él.
¿Qué información está buscando?
Donde estamos, cuales son nuestras tarifas, que actividades vamos a realizar con su mascota, que profesionales hay en nuestro equipo, cuales son nuestras instalaciones y su estado.
¿Qué motivos tendrá el usuario para visitar esa página en el futuro?
Como ya nos conoce y esta contento, solo tendrá que mirar la disponibilidad y las tarifas.
COMPETENCIA
Granja la luna: Se nota que van a ser unas verdaderas vacaciones para las mascotas y se ve que las peronas que trabajan allí adoran a los animales.
Adiscan: No me ha gustado como residencia más bien es una escuela de adiestramiento.
Hotel Canino de Pals: Está bien como residencia, pero la página web los enlaces no funcionan y como no puedo ver nada ni siquiera el contacto no llevaría a mi mascota.
LISTADO INFORMACIÓN IMPRESCINDIBLE
- Página de inicio
- ¿Quiénes somos? Con datos fiscales, la dirección y telefonos
- ¿Dónde estamos? A parte de la dirección un mapa de como llegar, tanto en coche como en transporte público.
- Servicios. Transporte para recojer las mascotas, el horario.
- Tarifas. A parte de los precios las condiciones de pago.
- Personal. Enumerar los profesionales conlos que contamos en nuestra plantilla.
- Enlaces para poder cambiar de idioma.
- Instalaciones. Con fotografías.
- Actividades con fotografías y descripciones.

PRESENTACION DEL PROYECTO EN COMUN E INTERFACE DE DREAMWEAVER

Presentación del Proyecto Común: Residencia canina.

Realizad los informes previos a la realización del diseño del sitio web, siguiendo la cronografía que vimos ayer, y publicar las conclusiones en una nueva entrada de vuestro blog.
Es decir:Elegir dominio, comprobar disponibilidad, "comprar/comparar precios de dominio...
Elegir alojamiento (Tripod), diseñar el sitio...
Especificar los objetivos del sitio, definir el público, enumerar toda la información necesaria para mostrar, informe de la competencia
Organizar jerarquía de páginas, diseñar el árbol del sitio...
Definir la estructura/formato visual...
Interface Gráfica de Dreamweaver Mx2004

1. Los menús de Dreamweaver pueden mostrarse u ocultarse desde el menú Ventana.
2. Desde Dreamweaver se puede trabajar con el código fuente.
3. El código fuente sólo puede modificarse en Dreamweaver.
4. Identifica en la imagen las herramientas: "mostrar vista de código", "menú emergente de tamaño de página" y "ver opciones".
5. ¿Cómo podemos insertar una regla horizontal en Dreamweaver? (una regla horizontal es un elemento de html para separar textos o párrafos en una página web).
6. ¿Cuáles serían los paseos para mostrár los números de linea en la vista de código y aplicar colores a la sintáxis?
7. ¿Cómo se pueden mostrar las reglas y la cuadrícula?

PRACTICA

Las afirmaciones verdaderas son las preguntas número:
2, 3, 5, 7, 12,

CRONOLOGIA DEL DISEÑO WEB

1.- OBTENER UN DOMINIO
2.- OBTENER EL ALOJAMIENTO
3.- DISEÑAR EL PROYECTO
4.- REALIZAR EL SITIO
5.- PUBLICAR EL SITIO
6.- REFERENCIAR EL SITIO.

RESPUESTAS TEST RECORDATORIO

1. Enumera los diferentes usos de internet.

-Correo electronico
-Buscar información
-Comunicarse (foros, chats)
-Descarga de archivos (música, videos, documentos etc.)
-Estudiar (e-learning)
-Compartir archivos
-Comprar
-Vender
-Juegos en linea
2. ¿Cuál es el papel del Navegador en internet?

Sistema instalado en el ordenador que nos permite acceder a las páginas webs

3. ¿Cuántos navegadores conoces? Explica alguna de sus características.

-Mozilla (rápido y gratuito)
-Nestcape
-Internet explorer
-Avant browser
-Bluto XT
-Opera (es más rápido)
-Safari (sistema operativo macintosh)

4.¿Cuál es el lenguaje básico de internet? ¿en qué se basa?

HTML: (lenguaje de marcación de hipertexto). Es un lenguaje de marcas diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web.

5.¿Qué es un vínculo? ¿cómo lo podemos identificar?

Cuando nos ponemos encima el cursor cambia a una mano y el vinculo se subrraya
a veces los vinculos estan destacados de alguna forma como botones etc.

6-Herramientas del navegador: Utiliza la siguiente imagen para nombrar alguna de las herramientas del navegador, ¿para que sirven?

1. BARRA DE MENU

2. FLECHAS (ATRAS/DELANTE)
3. DETENER
4. ACTUALIZAR
5. BARRA DE DIRECCIONES
6. VENTANA titulo de la pagina que se visita
7. PESTAÑA
8. PAGINA
9. BARRA ESTADO
10. BARRA DESPLAZAMIENTO

7. Herramientas del navegador: ¿cómo podemos volver a una página que ya hemos consultado?
Con el historial o desplegando la barra de direcciones y con las flechas (atras/delante).

8. Herramientas del navegador: ¿cómo podemos conservar las direcciones que nos resulten de interés?

Cuando estemos en la página que queremos conservar, pinchamos en favoritos y damos a agregar.

9.Herramientas del navegador: Describe las diferentes opciones que tenemos para guardar una página web en nuestro ordenador.

En guardar como poner en tipo de archivo pagina web completa, Archivo Web, Página Web, sólo HTML, Solamente texto, depende de lo que deseemos.

10.Herramientas del navegador. describe las diferentes opciones que tenemos para imprimir una página web. ¿qué conseguimos con cada una de ellas?

Archivo imprimir, y en opciones elegir imprimir los marcos como aparecen en pantalla, solo el marco seleccionado, imprimir documentos vinculados o tabla de vínculos

11.Herramientas de búsqueda web: ¿qué tipos de buscadores web conoces?Explica en que se basa cada uno y nombra a alguno de ellos y explican en que basan la búsqueda.

-Lycos
-Google
-Hotbot
-Altavista
-Dogpile
-Ixquick
-MSN
-Snoopa
-Alltheweb

12. ¿qué ocurre si , al realizar una búsqueda en google pulso el botón , "voy a tener suerte"?
Me muestra directamente la primera página web de la busqueda.


13. En resumen, si queremos visitar una página web en concreto, ¿dónde debemos y que téxto debemos introducir si ya conocemos la dirección ? ¿Y si no la conocemos?
Tenemos que poner la dirección URL en la barra de direcciones.
Y si no la conocemos tendremos que buscar en un buscador
14. Explica como podemos ajustar los resultados de una búsqueda en Lycos.
En busqueda avanzada

15. Explica el proceso que conlleva el envío de un email. (esquema).
El ordenador emisor del email lo creaa y lo manda por SMTP servidor correo saliente a internet y hay llega al ordemador destinatario por POP servidor correo entrante

16. ¿Cómo reconocemos una dirección de correo electrónico?
Nombre de usuario + @ + servidor + (com, es,org)
siempre lleva la @

17. ¿Qué tipos de correos electrónicos conoces?¿de que tipo es el que utilizas?

Solo como webmail no uso el de cliente y no tengo dominio propio

18. ¿Qué datos son indispensables para configurar una cuenta de correo electrónico en un programa CLIENTE, como es por ejemplo, outlook?.
Los datos de los servidores entrante y saliente

19. Describe paso a paso el proceso de configuración de tu cuenta en outlook.
En outlook, herramientas, cuentas, agragar correo, poner el nombre a mostrar, poner dirección de corro, poner los servidores entrante y saliente, poner la cuenta y la contraseña.

20. ¿Qué es una lista de distribución?
Son listas sobre temas para que nos envien emails

21. ¿Qué es un foro?

Salas virtuales de discusión. En cada sala el usuario propone un tema y el resto de usuarios colabora

Un foro interesante para el curso que hemos dado sería INFORMATICA APLICADA A LA DOCUMENTACIÓN
22. ¿Qué componentes son comunes a todos los foros?
Hay un moderador y unas normas

23. ¿Qué podemos hacer en un foro?.

Comunicarnos con los integrantes, consultar dudas dejando mensajes o contestar a mensajes que la gente a dejado, lo bueno es que pueden ser foros especializados y todo el mundo habla del un tema en concreto

24. ¿Qué es un blog?
Es individual y personal, público al igual que el foro

25. ¿Qué es un chat?

Es una sala de comunicación instantanea a tiempo real

26. Comenta las características de la mensajería instantánea. ¿Qué aplicaciones de este tipo conoces?

Yo suelo utilizar el messenger, es como el chat pero con una lista de direcciones que tu decides.

27. ¿es lo mismo una videocámara y una webcam?

No, una videocámara graba imagenes y una webcam transmite imagenes

TAREAS DEL 17 MARZO

Hoy nos hemos creado nuestro blog para el curso

1. BARRA DE MENU
2. FLECHAS (ATRAS/DELANTE)
3. DETENER
4. ACTUALIZAR
5. BARRA DE DIRECCIONES
6. VENTANA
7. PESTAÑA
8. PAGINA
9. BARRA ESTADO
10. BARRA DESPLAZAMIENTO

a/ ¿Cómo identificamos los vínculos que hay dentro de una página web?
Cuando nos ponemos encima el cursor cambia a una mano y el vinculo se subrraya
b/ ¿Cómo podemos volver a una página que ya hemos consultado? describe los diferentes métodos.
Con el historial o desplegando la barra de direcciones, pero mejor con el historial.

c/ ¿Cómo podemos conservar las direcciónes de interés? Describe el proceso paso a paso.
Cuando estemos en la página que queremos conservar, pinchamos en favoritos y damos a agregar.
d/ ¿Cómo podemos conservar una copia del texto de una página web? Describe lo que obtenemos con las diferentes opciones de guardar como (pagina web completa, sólo html...etc).
En guardar como poner en tipo de archivo pagina web completa, Archivo Web, Página Web, sólo HTML, Solamente texto, depende de lo que deseemos.

e/ Imprimir una página web, describe las diferentes maneras de imprimir una web que tenga marcos y describe cómo hacer que se incluya una lista de todos los vínculos que aparecen en la página que vayamos a imprimir.
Archivo imprimir, para imprimir un marco, pinchar en el marco con el botón derecho e imprimir

f/ ¿Cuántos navegadores conoces? nombralos , vinculalos a sus páginas de descarga y comenta un poco sus propiedades.
Mozilla,
Internet explorer
Netscape
Avant browser
Bluto XT

estos navegadores te los puedes bajar en http://www.programas-gratis.net/descargar-bajar/navegadores