You are on page 1of 2

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

PERIODO
DOCENTE : Gloria Amparo Osorio C.
____________________________________________________________________________________________________________________

Nombre:___________________________________________________________________________________________________________
_
Grado: DÉCIMO
GUIA TEMÁTICA DE INFORMÁTICA No.1 – LENGUAJES DE PROGRAMACIÓN - LENGUAJE HTML

1. LENGUAJES DE PROGRAMACIÓN WEB: continuación es un documento HTML) .

1.1 Lenguaje HTML: . Es un lenguaje estático para <HEAD>(Etiqueta de apertura de la cabecera).


el desarrollo de sitios web (acrónimo en inglés de Aquí va la información sobre el título de la página, el
HyperText Markup Language. Los archivos pueden autor, palabras clave, etc. (no se muestran en la
tener las extensiones(htm, html). ventana del navegador, salvo el título que aparecera
Ventajas:
en la barra de título de la parte superior .
</HEAD>(Etiqueta de cierre de la cabecera) .
- Sencillo que permite describir hipertexto. <BODY>(Etiqueta de apertura del cuerpo)
- Texto presentado de forma estructurada y agradable. Aquí va el contenido de la página que será lo que se
- Archivos pequeños. Y Despliegue rápido. presente en pantalla.
- Lenguaje de fácil aprendizaje. Y - Lo admiten todos los </BODY>(Etiqueta de cierre del cuerpo)
exploradores.
</HTML>(Etiqueta de cierre del documento).
Desventajas:
- Lenguaje estático.
- El diseño es más lento. 2.3. ENCABEZADOS DE PÁGINA : Html permite
- Las etiquetas son muy limitadas. utilizar 6 tamaños distintos para títulos o encabezados,
que no hay que confundir con el título de la página. Para
1.2 Lenguaje Javascript: es un lenguaje de scripting escribir títulos se usa la etiqueta <Hx></Hx> en donde
basado en objetos, utilizado para acceder a objetos en x es un número. Ejemplo:
aplicaciones. Se utiliza integrado en un navegador web
permitiendo el desarrollo de interfaces de usuario
<h1>Titulo
mejoradas y páginas web dinámicas. <h4>Titulo cuarto
principal</h1>
Sintaxis: <script type="text/javascript"> ... </script> nivel</h4>
Ventajas: <h2>Titulo
<h5>Titulo quinto</h5>
- Lenguaje de scripting seguro y fiable. secundario</h2>
<h6>Titulo sexto</h6>
- Los script tienen capacidades limitadas, por razones de <h3>Titulo terciario</h3>
seguridad.
- El código Javascript se ejecuta en el cliente. 2.4. PÁRRAFOS Y LÍNEAS :

1.3 Lenguaje PHP: es un lenguaje de programación <BR> es la etiqueta que sirve para indicarle al navegador
interpretado, diseñado originalmente para la creación de que debe hacer un salto de línea.
páginas web dinámicas. PHP Es un acrónimo que <P> </P>indica un salto de párrafo e introducirá un
significa Hypertext Pre-processor´. Para su doble salto de línea.
funcionamiento necesita tener instalado Apache o IIS
con las librerías de PHP. 2.5 ESTILOS DE TEXTO

Sintaxis: <? Etiqueta Estilo


$mensaje = ³Hola´; <b> </b> Negrita
echo $mensaje; <i> </i> Cursiva
?> <sub> </sub> Subíndice
Ventajas: <sup> </sup> Superíndice
- Muy fácil de aprender. <tt> </tt> Tipográfico
- Es multiplataforma: Linux, Windows, entre otros. <big> </big> Grande
- Capacidad de conexión con la mayoría de los <small> </small> pequeño
manejadores de base de datos: MysSQL, PostgreSQL,
Oracle, MS SQL Server, entre otras. 2.6.JUSTIFICACIÓN: La justificación del texto por
- Es un software libre, por lo que es de fácil acceso para defecto se hace a la izquierda. También justificar el texto
todos. a partir del centro o a partir de la derecha.

2. LENGUAJE HTML: Las páginas que nos encontramos • <CENTER> y su correspondiente cierre
en Internet, las páginas web, están construidas en un </CENTER> marcan la justificación centrada.
lenguaje de etiquetas denominado lenguaje html.
• <DIV ALIGN=right> y </DIV> delimitan un
2.1 FORMATO DE LAS ETIQUETAS HTML: Las
párrafo justificado a partir del margen derecho.
etiquetas HTML se escriben encerradas entre ángulos
(<>). Normalmente se utilizan dos etiquetas: una de
2.7. LISTAS: menudo hay que hacer listas de objetos, de
inicio y otra de final. La única diferencia entre ambas es
conceptos, de definiciones... Las listas pueden ser:
que la de cierre lleva una barra inclinada "/" antes del
código. <etiqueta>texto que presentará el <UL> </UL> Inicio y fin <OL> </OL> Inicio y fin
efecto</etiqueta>. de lista numerada. de lista numerada.
Por Ejemplo:<B>texto</B> dará como efecto texto
<LI> NUMERADAS:
</LI> Elemento
de la lista.
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: NO NUMERADAS
<LI> </LI> Elemento de
<HTML> (Etiqueta que indica que lo que viene a la lista.
Técnología e Informática – 4TO. PERIODO
DOCENTE : Gloria Amparo Osorio C.
____________________________________________________________________________________________________________________
Nombre:___________________________________________________________________________________________________________
_
Grado: DÉCIMO
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 CONEXIONES: Esta pestaña tan solo hay que tocarla en
que definir las filas de la tabla que se definen con <TR> el caso que nos conectemos a Internet por una
y </TRr> (table row). Un par de etiquetas para cada una conexión telefónica (excluidas las conexiones de Banda
de las filas. Dentro de cada fila se definen las celdas que ancha) o bien que nos conectemos a través de un
forman esa fila con las etiquetas <TD> y </TD> (table servidor Proxy.
data).
PROGRAMAS: controlamos los diferentes programas
CONFIGURACIÓN DE “OPCIONES DE INTERNET “
que vamos a utilizar para las diferentes funciones a
Acceso a estas opciones: las que podemos acceder desde el Internet Explorer 7
1. Herramientas -> Opciones de Internet. (incluido que nos avise si es este el explorador
2. Icono situado a la derecha de la Barra predeterminado). Estas funciones son la edición
de herramientas. HTML y los programas de correo que vamos a
utilizar. En esta misma pestaña tenemos también el
Se visualiza una ventana con Siete Pestañas que se
Administrador de complementos.
nos
muestran las diferentes opciones: 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
GENERAL : nos muestra las opciones generales de (historiales, cookies), deshabilita todos los
configuración de Internet. complementos instalados (controles ActiveX,
complementos. .) y restablece el Internet Explorer a la
- Eliminar: Al pulsar en este botón vamos a la 1ª configuración.
ventana de
Eliminar. En esta ventana se nos ofrece la CREACION DE UN BLOG EN BLOGGER.COM
posibilidad de eliminar independientemente las
siguientes secciones: Un BLOG es un sitio web donde se publica virtualmente
Archivos temporales de Internet, Cookies, Historial, temas personales o de interés general, actualizados
Datos de formularios, Contraseñas; también periódicamente, en el que se pueden incluir enlaces,
disponemos de un botón de Eliminar todo. imágenes, video y pueden participar otros usuarios.

- Configurar: Permie : El proceso para activar uno es sencillo: sólo hay que
* Asignar cada cuanto tiempo debe comprobar si registrarse (basta con un e-mail), elegir un nombre para
hay versiones nuevas de las páginas guardadas en el el blog que no esté en uso y listo.
Historial.
*Asignar el espacio en disco reservado para En los Blog gratis la dirección será
guardar los archivos temporales de Interne. http://nombredelblog.proveedor.com; con un servicio
* Aasignar la localización de la carpeta que contiene pago se puede tener un dominio propio.
este historial, ver objetos o ver las páginas
guardadas en el historial. Una vez que activamos el blog, el mismo sitio cargará en
* También nos permite indicar durante cuantos días el navegador la herramienta para crear entradas (
se deben guardar tanto la lista de sitios Web visitados posts). Es similar a un procesador de texto o un
como las páginas visitadas. webmail: permite elegir estilos, marginación, agregar
una foto, un enlace a otra página, un archivo para que se
SEGURIDAD: controlamos una serie de opciones descarguen los visitantes y demás. A medida que
referentes a la seguridad en la navegación por la agreguemos entradas, éstas se ordenarán en forma
Red, así como la posibilidad de habilitar o no el Modo cronológica, con las más recientes al principio de la
protegido de Internet. Esta es una interesante opción página. Es posible crear categorías para organizar los
de seguridad que dificulta la instalación de posts en forma temática.
programas por parte de sitios Web, así como la
ejecución de programas ya instalados por parte de Los proveedores ofrecen temas (también conocidos
estos sitios. Viene activado por defecto y es muy como plantillas) para ajustar la apariencia del blog,
recomendable mantenerlo de este modo. También modificando los colores, las tipografías y el tamaño del
tenemos un botón para establecer un Nivel cabezal, entre otras opciones. Algunos proveedores
personalizado de seguridad. permiten, además, cargar nuevos temas.

PRIVACIDAD: En esta pestaña vamos a configurar DESCARGANDO MULTIMEDIA PARA MI BLOG:


el comportamiento de nuestro explorador ante las Existen diversas páginas para descargar imágenes
Cookies y los Elementos emergentes. apropiadas para tu blog personal; una sugerencia es
ir al buscador Google y dar click en la opción Imágenes.
CONTENIDO: Desde esta pestaña podemos controlar
el acceso al contenido de Internet. Este acceso se http://www.clocklink.com/para agregrar la hora
controla mediante una serie de programas y funciones, www.mixpod.com para agregar videos musicales.
tales como el Control parental, el Asesor de contenido o www.scribd.com para agregar documentos en scroll
los Certificados. También tenemos en esta ventana www.flashvortex.com para Menús, contadores,
la configuración de la función Autocompletar.
botones.

You might also like