ACTIVIDAD #19: INTERFAZ DREAMWEAVER

ACTIVIDAD #18 TERMINOLOGÍA BÁSICA DEL SOFTWARE PARA DISEÑAR PÁGINAS WEB

1.-Dreamweaver CS5: Es un software fácil de usar que permite crear páginas web profesionales. Las funciones de edición visual de Dreamweaver CS5 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.

FUENTE:¿QUÉ ES DREAMWEAVER?

2.-CSS: Es un lenguaje utilizado en la presentación de documentos HTML. Un documento HTML viene siendo coloquialmente “una página web”. Entonces podemos decir que el lenguaje CSS sirve para organizar la presentación y aspecto de una página web. Este lenguaje es principalmente utilizado por parte de los navegadores web de internet y por los programadores web informáticos para elegir multitud de opciones de presentación como colores, tipos y tamaños de letra.

FUENTE:¿QUÉ ES CSS?


3.-Plantilla en  Dreamweaver: Es un tipo especial de documento que sirve para crear un diseño de página “fijo”; puede crear documentos basados en la plantilla que heredan su diseño de página.

FUENTE:PLANTILLA EN DREAMWEAVER

4.-Contenedor en Dreamweaver: Es el contenido de la pagina web por ejemplo el texto, las imágenes etc. 

FUENTE:CONTENEDOR EN DREAMWEAVER

5.-Comportamientos en Dreamweaver: Permiten añadir lógica de aplicación a un sitio Web sin necesidad de escribir el código manualmente. Los comportamientos del servidor suministrados con Dreamweaver admiten tipos de documento ColdFusion, ASP y PHP. Los comportamientos del servidor se escriben y comprueban para que sean rápidos, seguros y robustos. Los comportamientos del servidor incorporados ofrecen compatibilidad con páginas Web multiplataforma para todos los navegadores.

FUENTE:COMPORTAMIENTOS EN DREAMWEAVER

6.-Sitio Local: Es una ubicación de almacenamiento local o remota de los documentos que pertenecen a un sitio Web. Un sitio de Dreamweaver permite organizar y administrar todos los documentos Web, cargar el sitio en un servidor Web, controlar y mantener vínculos y administrar y compartir archivos. Para aprovechar al máximo las funciones de Dreamweaver.

FUENTE:SITIO LOCAL

7.-Sitio Dinámico: Son aquellos que permiten crear aplicaciones dentro de la propia Web, otorgando  una mayor interactividad con el navegante. 

FUENTE:SITIO DINÁMICO

8.-Sitio Interactivo: Un sitio interactivo es básicamente un sitio dinámico al que se le han añadido prestaciones interactivas.

FUENTE:SITIO INTERACTIVO

9.-Región Editable: Son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla.

FUENTE:REGIÓN EDITABLE

10.-Maquetación: Es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página

FUENTE: MAQUETACIÓN

11.-Etiqueta Div: Es una etiqueta que define las divisiones lógicas existentes en el contenido de una página Web. Puede utilizar etiquetas Div para centrar bloques de contenido, crear efectos de columna y crear diferentes áreas de color, entre otras posibilidades.

FUENTE:ETIQUETA DIV

12.-Tabla: Las tablas son una herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web.

FUENTE:TABLAS

13.-Formulario: Permiten interactuar con los visitantes del sitio o recopilar información de ellos. 

FUENTE:FORMULARIOS

14.-Formulario de contacto: Un formulario de contacto en nuestro sitio web es de suma importancia si queremos darle a los usuarios la posibilidad de que nos envíen consultas, comentarios, pedidos online o que simplemente nos dejen su Gmail para suscribirse a un Newsletter y recibir nuestras ofertas y novedades.

FUENTE:FORMULARIO DE CONTACTO

INDEX DISEÑO Y ESTRUCTURA DE MI PÁGINA WEB

ELEMENTOS BÁSICOS DE HTML

ELEMENTOS BÁSICOS DE HTML

1.-Bloc de notas:Es una aplicación básica, sencilla y rápida. Generalmente graba los archivos en formato ".txt", un formato que no tiene etiquetas ni estilos. 

FUENTE: DEFINICIÓN DE BLOC DE NOTAS

2.-Buscador: Es un sistema o aplicación informática que permite la búsqueda de todo tipo 

de términos y palabras clave a partir del desarrollo de índices de archivos almacenados en

servidores web.


FUENTE: DEFINICIÓN DE BUSCADOR

3.-Compatible:Se aplica al ordenador o al sistema informático que puede trabajar con dispositivos, aparatos o programas de otro diferente.

FUENTE:DEFINICIÓN DE COMPATIBLE

4.-Estructura de página web: Son documentos que pueden contener textos, imágenes, vídeos y, en resumen, contenidos digitales y/o aplicaciones que pueden ser visualizados por un usuario web desde un dispositivo remoto a través de un navegador web. 

FUENTE: DEFINICIÓN DE LA ESTRUCTURA DE LA PÁGINA WEB

5.-Etiqueta: Es una cadena de caracteres compuesta por varias palabras seguidas y 

antecedidas por el carácter # que los usuarios emplean para identificar el tema del que más

se está hablando.

FUENTE:DEFINICIÓN DE ETIQUETA

6.-Hipertexto: Es un sistema para escribir y mostrar texto que enlaza a información adicional sobre ese texto.

FUENTE:DEFINICIÓN DE HIPERTEXTO

7.-Lenguaje HTML: Es un lenguaje que se utiliza fundamentalmente en el desarrollo de páginas web.


FUENTE: DEFINICIÓN DE LENGUAJE HTML

8.-Marcas (tag): Es una etiqueta o marca que son básicas en lo que se refiere a la programación HTML de las páginas de Internet. cada uno de estos coman dos es interpretado por el navegador para que la información se despliegue de manera adecuada en la pantalla.


FUENTE:DEFINICIÓN DE MARCAS (TAG)

9.-Navegador: Son programas de ordenador diseñados para facilitar la visualización de páginas Web en Internet. (Ver Browser).

FUENTE:DEFINICIÓN DE NAVEGADOR

10.-Página web: Es un documento adaptado para la web y que casi siempre forma parte

de un sitio web. Su rasgo distintivo son los hiperenlaces que en la misma se hacen de 

otras páginas, ya que es este el fundamento principal de la web.


FUENTE:DEFINICIÓN DE PÁGINA WEB

11.-Sitio web: Es un espacio virtual en Internet. Se trata de un conjunto de páginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web (WWW).


FUENTE:DEFINICIÓN DE SITIO WEB

12.-Plataforma: Es el hardware sobre el cual puede ejecutarse o desarrollarse un software.


FUENTE:DEFINICIÓN DE PLATAFORMA

13.-Servidor web: Es una persona que sirve como criado o a la forma en la cual, por cortesía, una persona hace referencia a sí misma cuando se dirige a otra.


FUENTE:DEFINICIÓN DE SERVIDOR WEB

14.-Vínculos: Es un elemento de un documento electrónico que está relacionado con otro recurso y que, al formar parte de una red de documentos, posibilita la navegación.

FUENTE:DEFINICIÓN DE VÍNCULOS

INTRODUCCIÓN AL HTML

INTRODUCCIÓN AL HTML

1.-¿Qué entiendes por una página HTML? Es el lenguaje que se emplea para el desarrollo de páginas de internet. 

FUENTE: HTML

2.-Define cada una de las letras que conforman HTML: 

HTML es la abreviatura de "HyperText Mark-up Language", es decir, HyperText Markup Language (Lenguaje de marcas de hipertexto).

1.- Hiper es lo contrario de lineal. En los buenos viejos tiempos -cuando un ratón era un animalillo que perseguía un gato- los programas de ordenador se ejecutaban de forma lineal: cuando el programa había ejecutado una acción seguía hasta la siguiente línea, y después de ésta a la siguiente, y a la siguiente, ... HTML, sin embargo, es diferente: se puede ir donde uno quiera cuando uno quiera. Por ejemplo, no es necesario visitar MSN.com antes de visitar HTML.net.

2.- Texto se explica por sí solo.

3.- Marcado es lo que haces con el texto. Se marca el texto del mismo modo que en un programa de edición de textos con encabezados, viñetas, negrita, etc.

4.-Lenguaje es lo que es HTML. Este lenguaje hace uso de muchos términos en inglés.

FUENTE: H-T-M-L

3.-¿Quién invento HTML? Tim Berners-Lee 

FUENTE: ¿Quién invento HTML?

4.-¿Cuál era el objetivo de crear HTML? El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro. 

FUENTE: ¿Cuál era el objetivo de crear HTML?

5.-Menciona cuatro características del lenguaje HTML: 

1.-El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.

2.-El Web tenía que ser hipertexto y debía ser fácil navegar por él.

3.-Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS).

4.-Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.

FUENTE: CARACTERÍSTICAS DEL LENGUAJE HTML

6.-Menciona 7 reglas básicas que debes seguir para el diseño de una página WEB:

1. Usar imágenes de alta calidad. Elige cuidadosamente las mejores imágenes que va con el mensaje.
2. Sé valiente a la hora de diseñar.  Los sitios web que se destacan entre la multitud son memorables para los clientes y lectores.
3. Diseño con un propósito. Cada elemento de una página web debe ser diseñado con un propósito. Siempre tiene que haber una razón para la creación de cualquier elemento de la página web.
4. Lo simple es mejor. Los diseños simples tienen un mayor impacto en lugar de los complicados. Una disposición de uno o dos-columnas es mucho mejor que un diseño de múltiples columnas.
5. Elija las fuentes sabiamente. La tipografía es una parte muy importante de un diseño.
6. Elija gráficos sobre el texto. Las imágenes entregan el mensaje de manera más directa y son más fáciles de entender que un bloque de texto. Recuerde siempre que los lectores tienen prisa y quieren encontrar la información lo más rápidamente posible.
7. Mejorar las partes importantes de una página. El lector debe saber de lo que trata su sitio web en los primeros 10 segundos de la primera visita, por lo que es muy importante destacar las características importantes.
8. Organización. Un sitio web organizado y optimizado es muy importante, no sólo porque el lector puede encontrar la información que necesita rápidamente, sino también porque de esta manera su sitio web atraerá más tráfico. Organizar el contenido, añadir etiquetas y categorías con el fin de hacerlo más fácil de usar es un punto importante a considerar.
9. Compatibilidad. La conectividad a través de todos los dispositivos actuales debe ser asegurada, por lo que es necesario que la página web esté codificada para que pueda ser visto en todos los dispositivos móviles.
10. Resumir. Los lectores son más propensos a leer frases cortas, párrafos y artículos escritos de una manera corta y directa.

FUENTE: HTML

ACTIVIDAD INTEGRADORA PARTE 1

ACTIVIDAD INTEGRADORA PARTE 1

1.- ¿Cuáles son tus posibles temas a tratar en tu página web?

 -Negocio

 -Productos orgánicos

 -Cocina

2.-Clasifica tus temas:

 -Negocio

 -Cocina

     -Productos orgánicos

     

3.-Escoge el tema pata tu página WEB:

Cocina

4.-Define la información que va a contener tu página:

Esta página web va a contener imágenes de aquellos platillos deliciosos que nunca habían visto e  increíbles recetas de cocina que encontraran una variedad de postres y esas riquísimas  pastas. Y mi  correo electrónico para que así puedan enviar me recetas.   

5.- ¿Cuáles fuente de información tienes para tu página? Internet 

6.-Escalabilidad: Cada semana