ACTIVIDAD 19 INTERFAZ DREAMWEAVER

DISEñO DE MI PAGINA WEB

PRACTICA 1

1 ¿CUALES SON TUS POSIBLES TEMAS A TRATAR EN TU PAGINA WEB? 

• VETERINARIA
• CINE

2  CLASIFICA TUS TEMAS

• CINE

3 ESCOGE EL TEMA PARA TU PÁGINA WEB 

• CINE YAZ

4 ¿DEFINE LA INFORMACIÓN QUE VA A CONTENER TU PAGINA? 

TIPOS DE PELÍCULAS DE :

• COMEDIA
• TERROR

 6 ESCABILIDAD : DAR AL PUBLICO LAS PELÍCULAS MAS EMOCIONANTES Y MAS ESPECTACULARES PARA ASÍ TENER UNA GRAN EMOCIÓN.

7 PLANIFICACION:(OBJETIVOS, PÚBLICO  Y ESTRUCTURA)

TENER MUCHOS OBJETIVOS PARA DAR MEJORES PELÍCULAS.

.

8  Diseño DE MI PAGINA WEB

PRACTICA # 1.2 INTRODUCION AL HTML

PRACTICA 1.2

1¿QUE  ENTIENDES POR UNA PAGINA HTML? Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.

FUENTE

2 ¿DEFINE UNA DE LAS LETRAS QUE CONFORMAN HTML?HTML es la abreviatura de "HyperText Mark-up Language", es decir, "Lenguaje de marcado hipertextual", y esto ya es más de lo que necesitas saber a estas alturas. En todo caso, para mantener un buen orden, vamos a explicar qué significa con mayor detalle.

Híper 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.

Texto se explica por sí solo.

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.

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

• FUENTE

3 ¿QUIEN INVENTO HTML?"En el año 1989 Tim Berners Lee creó la web, y junto con ella el lenguaje HTML. El HTML o Hypertext Markup Language, en inglés, es el lenguaje utilizado para las páginas web o de Internet."

FUENTE

4 ¿CUAL 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

5 ¿MENCIONA CUATRO CARACTERÍSTICAS DEL  LENGUAJE HTML? Por adelantar un poco cómo se utiliza el HTML os diremos que el lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace, etc. 

FUENTE

6 ¿ MENCIONA  7 REGLAS BÁSICAS QUE DEVES SEGUIR PARA EL Diseño DE UNA PAGINA WEB’?El presente submódulo tiene como OBJETIVO prepararte para que aprendas a diseñar y estructurar una página WEB. Por lo que como PROYECTO elaborarás el DISEÑO  de una página web PERSONAL en CÓDIGO HTML en el editor de TEXTO bloc de notas con las características siguientes: Una página principal que incluya:

? Encabezado

? Imágenes

? Hipervínculos a otras páginas web

? Hipervínculos a tus páginas.

? Opción para enviar un correo

Una segunda página, en la que apliques las tablas

Y por último una página, en la que apliques listas.

Las tres páginas deben de estar enlazadas entre sí y a una página en INTERNET. 

FUENTE

PRACTICA # 1.3 ELEMENTOS BÁSICOS DE HTML

PRACTICA 1.3

ANTES DE EMPANZAR A CREAR LA PAGINA WEB ES NECESARIO QUE CONOZCAS LOS TERMINO BESICOS QUE ESTARÁS UTILIZANDO EN EL TRANSCURSO DE TU BLOQUE.

1 BLOC DE  NOTAS: Bloc de notas (en ingles notepad) es un EDITOR DE TEXTO simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy simple. 

FUENTE

2 BUSCADOR: Un buscador es una página de Internet que permite realizar búsquedas en la red. Su forma de utilización es muy sencilla, basta con introducir una o más palabras clave en una casilla y el buscador generará una lista de páginas web que se supone guardan relación con el tema solicitado. FUENTE

3 COMPATIBLE: La compatibilidad es la CONDICION que hace que un PROGRAMA y un sistema, arquitectura o APLICACION logren comprenderse correctamente tanto directamente o indirectamente (mediante un algoritmo). A este algoritmo que hace que un programa logre ser comprendido por un sistema, arquitectura o aplicación se lo denomina AMULDADOR por el hecho de que es un INTÉRPRETE entre el programa y el sistema, arquitectura o aplicación.

FUENTE

4 ESTRUCTURA DE PÁGINA WEB: La estructura básica de una página web es la siguiente:

<HTML> <head></head> <body> </body> </HTML>

Una estructura HTML se empieza con la etiqueta <HTML> y acaba con </HTML>. Todo lo que esté en medio será la página web. Dentro de <HTML></HTML> se encuentran 2 partes diferenciadas.

La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).

5 ETIQUETA: Todo el mundo esta familiarizado con el concepto de ponerle una etiqueta a algo. Nos sirve para identificarlo, para etiquetarlo con alguna característica o palabra clave que lo distingue del resto. En INFORMATICA el uso de etiquetas se emplea igual que con una etiqueta física.

FUENTE

6 HIPERTEXTO: El hipertexto es una herramienta de SOFTWARE con estructura secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.

FUENTE

7 LENGUAJE HTML: HTML es el lenguaje que se emplea para el desarrollo de páginas de Internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

FUENTE

8 MARCAS (TAG)

FUENTE

9 NAVEGADOR: Un navegador o navegador web, o browser, es un software que permite el acceso a Internet, interpretando la información de distintos tipos de archivos y sitios web para que éstos puedan ser visualizados.

FUENTE

10 PAGINA WEB: Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas web dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.

FUENTE

11 SITIO WEB: Conjunto de páginas web que están relacionadas entre sí, por lo general porque se ingresan desde un mismo dominio (o porque mantienen constante la raíz de la dirección URL). Un sitio web puede estar constituido de una o más páginas web. La página web principal de un sitio web suele llamarse index, que puede tener la extensión .htm, .php, .asp.

FUENTE

12 PLATAFORMA : En INFORMATICA, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de HARDWARE o de SOFTWARE con los que es COMPATBLE. 

FUENTE

13 SERVIDOR WEB: Básicamente, un servidor web sirve contenido estático a un navegador, carga un archivo y lo sirve a través de la red al navegador de un usuario. Este intercambio es mediado por el navegador y el servidor que hablan el uno con el otro mediante HTTP.

FUENTE

14 VÍNCULOS: Un vínculo es un link. Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet<--estO ES un vínculo es un enlace, link, hipervínculo. 

FUENTE