Técnología e Informática – 4TO.

PERIODO
DOCENTE : Gloria Amparo Osorio C. ____________________________________________________________________________________________________________________ Nombre:___________________________________________________________________________________________________________ _ Grado: OCTAVO GUIA TEMÁTICA DE INFORMÁTICA No.1 – LENGUAJES DE PROGRAMACIÓN - LENGUAJE HTML 1. LENGUAJES DE PROGRAMACIÓN WEB:
1.1 Lenguaje HTML: . Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language. Los archivos pueden tener las extensiones(htm, html).
Ventajas: - Sencillo que permite describir hipertexto. - Texto presentado de forma estructurada y agradable. - Archivos pequeños. Y Despliegue rápido. - Lenguaje de fácil aprendizaje. Y - Lo admiten todos los exploradores. Desventajas: - Lenguaje estático. - El diseño es más lento. - Las etiquetas son muy limitadas.

continuación es un documento HTML) .

<HEAD>(Etiqueta de apertura de la cabecera). Aquí va la información sobre el título de la página, el autor, palabras clave, etc. (no se muestran en la ventana del navegador, salvo el título que aparecera en la barra de título de la parte superior .
</HEAD>(Etiqueta de cierre de la cabecera) . <BODY>(Etiqueta de apertura del cuerpo) Aquí va el contenido de la página que será lo que se presente en pantalla.

</BODY>(Etiqueta de cierre del cuerpo) </HTML>(Etiqueta de cierre del documento). 2.3. ENCABEZADOS DE PÁGINA : Html permite utilizar 6 tamaños distintos para títulos o encabezados, que no hay que confundir con el título de la página. Para escribir títulos se usa la etiqueta <Hx></Hx> en donde x es un número. Ejemplo: <h1>Titulo principal</h1> <h2>Titulo secundario</h2> <h3>Titulo terciario</h3>
2.4. PÁRRAFOS Y LÍNEAS : <BR> es la etiqueta que sirve para indicarle al navegador que debe hacer un salto de línea. <P> </P>indica un salto de párrafo e introducirá un doble salto de línea. 2.5 ESTILOS DE TEXTO

1.2 Lenguaje Javascript: es un lenguaje de scripting basado en objetos, utilizado para acceder a objetos en aplicaciones. Se utiliza integrado en un navegador web permitiendo el desarrollo de interfaces de usuario mejoradas y páginas web dinámicas.
Sintaxis: <script type="text/javascript"> ... </script> Ventajas: - Lenguaje de scripting seguro y fiable. - Los script tienen capacidades limitadas, por razones de seguridad. - El código Javascript se ejecuta en el cliente. 1.3

<h4>Titulo cuarto nivel</h4> <h5>Titulo quinto</h5> <h6>Titulo sexto</h6>

Lenguaje PHP: es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web dinámicas. PHP Es un acrónimo que significa Hypertext Pre-processor´. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. Sintaxis: <? $mensaje = ³Hola´; echo $mensaje; ?> Ventajas: - Muy fácil de aprender. - Es multiplataforma: Linux, Windows, entre otros. - Capacidad de conexión con la mayoría de los manejadores de base de datos: MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras. - Es un software libre, por lo que es de fácil acceso para todos. 2. LENGUAJE HTML: Las páginas que nos encontramos

Etiqueta <b> </b> <i> </i> <sub> </sub> <sup> </sup> <tt> </tt> <big> </big> <small> </small>

Estilo Negrita Cursiva Subíndice Superíndice Tipográfico Grande pequeño

2.6.JUSTIFICACIÓN: La justificación del texto por defecto se hace a la izquierda. También justificar el texto a partir del centro o a partir de la derecha.

en Internet, las páginas web, están construidas en un lenguaje de etiquetas denominado lenguaje html. 2.1 FORMATO DE LAS ETIQUETAS HTML: Las etiquetas HTML se escriben encerradas entre ángulos (<>). Normalmente se utilizan dos etiquetas: una de inicio y otra de final. La única diferencia entre ambas es que la de cierre lleva una barra inclinada "/" antes del código. <etiqueta>texto que presentará el efecto</etiqueta>. Por Ejemplo:<B>texto</B> dará como efecto texto 2.2. ESTRUCTURA BÁSICA DE UNA PÁGINA WEB Para que un navegador reconozca que lo que está viendo es una página WEB se utiliza la siguiente estructura: <HTML> (Etiqueta que indica que lo que viene a

• •

<CENTER> y su correspondiente cierre </CENTER> marcan la justificación centrada. <DIV ALIGN=right> y </DIV> delimitan un párrafo justificado a partir del margen derecho.

2.7. LISTAS: menudo hay que hacer listas de objetos, de conceptos, de definiciones... Las listas pueden ser: <UL> </UL> Inicio y fin de lista numerada. <OL> </OL> Inicio y fin de lista numerada. <LI> NUMERADAS: </LI> Elemento de la lista.

NO NUMERADAS <LI> </LI> Elemento de la lista.

Técnología e Informática – 4TO. PERIODO
DOCENTE : Gloria Amparo Osorio C. ____________________________________________________________________________________________________________________ Nombre:___________________________________________________________________________________________________________ _ Grado: OCTAVO GUIA TEMÁTICA DE INFORMÁTICA No. 2 – OPCIONES DE INTERNET Y EL BLOG
2.8. Tablas. Una tabla se define entre las etiquetas <table> y </table>. A partir de este momento hay que definir las filas de la tabla que se definen con <TR> y </TRr> (table row). Un par de etiquetas para cada una de las filas. Dentro de cada fila se definen las celdas que forman esa fila con las etiquetas <TD> y </TD> (table data). CONFIGURACIÓN DE “OPCIONES DE INTERNET “ Acceso a estas opciones: 1. Herramientas -> Opciones de Internet. 2. Icono situado a la derecha de la Barra de herramientas. Se visualiza una ventana con Siete Pestañas que se nos muestran las diferentes opciones:

CONEXIONES: Esta pestaña tan solo hay que tocarla en el caso que nos conectemos a Internet por una conexión telefónica (excluidas las conexiones de Banda ancha) o bien que nos conectemos a través de un servidor Proxy. PROGRAMAS: controlamos los diferentes programas que vamos a utilizar para las diferentes funciones a las que podemos acceder desde el Internet Explorer 7 (incluido que nos avise si es este el explorador predeterminado). Estas funciones son la edición HTML y los programas de correo que vamos a utilizar. En esta misma pestaña tenemos también el Administrador de complementos. OPCIONES AVANZADAS: Tenemos dos botones. Uno de ellos es el de Restaurar configuración avanzada, que restaura los valores predeterminados de esta configuración. El otro es Restablecer que elimina absolutamente todos los historiales relativos a Internet (historiales, cookies), deshabilita todos los complementos instalados (controles ActiveX, complementos. .) y restablece el Internet Explorer a la 1ª configuración. CREACION DE UN BLOG EN BLOGGER.COM Un BLOG es un sitio web donde se publica virtualmente temas personales o de interés general, actualizados periódicamente, en el que se pueden incluir enlaces, imágenes, video y pueden participar otros usuarios. El proceso para activar uno es sencillo: sólo hay que registrarse (basta con un e-mail), elegir un nombre para el blog que no esté en uso y listo. En los Blog gratis la dirección será http://nombredelblog.proveedor.com; con un servicio pago se puede tener un dominio propio. Una vez que activamos el blog, el mismo sitio cargará en el navegador la herramienta para crear entradas ( posts). Es similar a un procesador de texto o un webmail: permite elegir estilos, marginación, agregar una foto, un enlace a otra página, un archivo para que se descarguen los visitantes y demás. A medida que agreguemos entradas, éstas se ordenarán en forma cronológica, con las más recientes al principio de la página. Es posible crear categorías para organizar los posts en forma temática. Los proveedores ofrecen temas (también conocidos como plantillas) para ajustar la apariencia del blog, modificando los colores, distribuición, entre otras opciones. Algunos proveedores permiten, además, cargar nuevos temas. DESCARGANDO MULTIMEDIA PARA MI BLOG: Existen diversas páginas para descargar imágenes apropiadas para tu blog personal; una sugerencia es ir al buscador Google y dar click en la opción Imágenes. http://www.clocklink.com/para agregrar la hora www.mixpod.com para agregar videos musicales. www.scribd.com para agregar documentos en scroll www.flashvortex.com para Menús, contadores, botones.

GENERAL : nos muestra las opciones generales de configuración de Internet. - Eliminar: Al pulsar en este botón vamos a la ventana de Eliminar. En esta ventana se nos ofrece la posibilidad de eliminar independientemente las siguientes secciones: Archivos temporales de Internet, Cookies, Historial, Datos de formularios, Contraseñas; también disponemos de un botón de Eliminar todo. - Configurar: Permie : * Asignar cada cuanto tiempo debe comprobar si hay versiones nuevas de las páginas guardadas en el Historial. *Asignar el espacio en disco reservado para guardar los archivos temporales de Interne. * Aasignar la localización de la carpeta que contiene este historial, ver objetos o ver las páginas guardadas en el historial. * También nos permite indicar durante cuantos días se deben guardar tanto la lista de sitios Web visitados como las páginas visitadas. SEGURIDAD: controlamos una serie de opciones referentes a la seguridad en la navegación por la Red, así como la posibilidad de habilitar o no el Modo protegido de Internet. Esta es una interesante opción de seguridad que dificulta la instalación de programas por parte de sitios Web, así como la ejecución de programas ya instalados por parte de estos sitios. Viene activado por defecto y es muy recomendable mantenerlo de este modo. También tenemos un botón para establecer un Nivel personalizado de seguridad. PRIVACIDAD: En esta pestaña vamos a configurar el comportamiento de nuestro explorador ante las Cookies y los Elementos emergentes. CONTENIDO: Desde esta pestaña podemos controlar el acceso al contenido de Internet. Este acceso se controla mediante una serie de programas y funciones, tales como el Control parental, el Asesor de contenido o los Certificados. También tenemos en esta ventana la configuración de la función Autocompletar.

Técnología e Informática – 4TO. PERIODO
DOCENTE : Gloria Amparo Osorio C. ____________________________________________________________________________________________________________________