UNIVERSIDAD PANAMERICANA CAMPUS BONATERRA Informática administrativa I Flash Páginas HTML - WEB.

Presentación del tema: "UNIVERSIDAD PANAMERICANA CAMPUS BONATERRA Informática administrativa I Flash Páginas HTML - WEB."— Transcripción de la presentación:

1 UNIVERSIDAD PANAMERICANA CAMPUS BONATERRA Informática administrativa I Flash Páginas HTML - WEB

2 Informática administrativa I Evaluaciones 2 exámenes parciales (2 preguntas teoría y películas de flash). Portafolio electrónico con ejercicios y tareas de la clase ( 70% calificación final). Presentación frente a grupo con una película de flash. (30% calificación final). Utilización de Moodle.

3 Informática administrativa I Objetivo de la sesión Que el alumno pueda realizar páginas WEB mediante HTML para la elaboración de su portafolio electrónico. Herramientas a utilizar: ◦ Notepad. ◦ Cualquier generador de código HTML.  FrontPage  Dreamweaver  Etc.

4 Informática administrativa I Conceptos básicos - HTML HTML. Es el acrónimo inglés de HyperText Markup Language, que se traduce al español como Lenguaje de Marcas Hipertextuales. Es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web. Gracias a Internet y a los navegadores como Internet Explorer, Opera, Firefox, Netscape o Safari, el HTML se ha convertido en uno de los formatos más populares y fáciles de aprender que existen para la elaboración de documentos para web.

5 Informática administrativa I Estructura interna de una página Página personal de Miguel Araujo Bienvenido a la WEB

6 Informática administrativa I Color de texto, de fondo e imagen de background Por medio de la etiqueta body modificando sus propiedades text, bgcolor, y background se puede lograr esto. Ejemplo 1: letras rojas y fondo azul

7 Informática administrativa I Imagen de fondo Ejemplo 2: Una página con imagen de fondo

8 Informática administrativa I Párrafos, negritas, y saltos de línea Etiquetas, y Ejemplo: Otras etiquetas de flash Este es un párrafo Esto provoca un salto de línea. Letras en negritas

9 Informática administrativa I Tablas Se crean con la etiqueta, con la propiedad border se crean bordes, la etiqueta es para crear nuevas columnas y es un salto de la tabla. Tablas Alumno Calificación Juan Aguilar 100

10 Informática administrativa I Insertar imágenes Esto se hace por medio de la etiqueta Ejemplo 5: Una imagen de fondo

11 Informática administrativa I Hipervínculos Esto se realiza mediante la etiqueta Anchor y se utiliza de la siguiente forma. Ejemplo 6: Una imagen de fondo me voy al ejemplo 1

12 Actividades - Tarea Haga una página HTML que tenga una tabla con sus canciones preferidas una columna con interprete y la otra con nombre de canción. La poesía que le proporciono dele formato para que aparezca en una página web, resalte con negritas las frases que más le gusten. Haga una página que mande llamar(vincule) a las páginas anteriores.