universidad panamericana campus bonaterra informática administrativa i flash páginas html - web
TRANSCRIPT
UNIVERSIDAD UNIVERSIDAD PANAMERICANAPANAMERICANACAMPUS BONATERRACAMPUS BONATERRAInformática administrativa IFlashPáginas HTML - WEB
Informática administrativa IInformática administrativa IEvaluacionesEvaluaciones2 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.
Informática administrativa IInformática administrativa IObjetivo de la sesiónObjetivo de la sesiónQue 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.
Informática administrativa IInformática administrativa IConceptos básicos - HTMLConceptos básicos - HTMLHTML.
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.
Informática administrativa IInformática administrativa IEstructura interna de una Estructura interna de una página página <html><head>
<title> Página personal de Miguel Araujo</title>
</head><body>
<b> Bienvenido a la WEB </b></body></html>
Informática administrativa IInformática administrativa IColor de texto, de fondo e imagen de Color de texto, de fondo e imagen de backgroundbackgroundPor medio de la etiqueta body
modificando sus propiedades text, bgcolor, y background se puede lograr esto.
Ejemplo 1:<html><head></head><body color=red bgcolor=blue><p> letras rojas y fondo azul </p></body></html>
Informática administrativa IInformática administrativa IImagen de fondoImagen de fondoEjemplo 2:<html><head>
<title>Una página con imagen de fondo</title>
</head><body
background=‘Colinasazules.jpg’></body></html>
Informática administrativa IInformática administrativa IPárrafos, negritas, y saltos Párrafos, negritas, y saltos de líneade líneaEtiquetas <P>, <B> y <BR>Ejemplo:<html><head><title>Otras etiquetas de
flash</title></head><body>
<p> Este es un párrafo </p>Esto provoca un salto <br> de línea.<b> Letras en negritas </b>
</body></html>
Informática administrativa IInformática administrativa ITablasTablasSe crean con la etiqueta <table>, con la
propiedad border se crean bordes, la etiqueta <td> es para crear nuevas columnas y <tr> es un salto de la tabla.
<html><head><title>Tablas</title></head><body><table border=2><td>Alumno</td><td>Calificación</td>
<tr><td>Juan Aguilar</td><td>100</td><tr></table></body></html>
Informática administrativa IInformática administrativa IInsertar imágenesInsertar imágenesEsto se hace por medio de la etiqueta
<img>Ejemplo 5:<html><head><title>Una imagen de
fondo</title></head><body>
<img src=“Colinasazules.jpg”></body></html>
Informática administrativa IInformática administrativa IHipervínculosHipervínculosEsto se realiza mediante la etiqueta
<A> Anchor y se utiliza de la siguiente forma.
Ejemplo 6:<html><head><title>Una imagen de
fondo</title></head><body><a href=“ejemplo1-html.html”> me
voy al ejemplo 1 </a></body></html>
Actividades - TareaActividades - TareaHaga 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.