Página web

 Página Web 

Es el sistema de presentación de la información más utilizado en Internet. Sus principales

características son:

• Hipertexto: Es texto o imagen que se muestra en la pantalla vinculada a otras

páginas del mismo sitio o de sitios ajenos. Al situar el puntero del ratón sobre él, éste

toma el aspecto de una mano. Al hacer clic se mostrará la página vinculada al mismo.

• Multimedia: En la pantalla aparece texto, imágenes, videos, audios, animaciones,

etc.

• Universalidad: Se puede acceder desde cualquier tipo de equipo o sistema operativo

(Windows, Linux, Mac), usando cualquier navegador y desde cualquier parte del

mundo.

• Pública: Toda su información está distribuida en miles de ordenadores (servidores)

que ofrecen su espacio para almacenarla. Es información pública y normalmente

accesible por cualquier usuario.

• Dinámica: Mucha información, aunque está almacenada, puede ser actualizada por el

público que la consulta sin que el usuario necesite conocer detalles técnicos de su

Navegador

 

Es el programa que se utiliza para acceder a los contenidos de Internet. Debe ser capaz de comunicarse con un servidor y comprender el lenguaje de todas las herramientas que manejan la información de Web. Los navegadores más populares son Internet Explorer, Mozilla Firefox, NetScape, Opera, Safari, etc.

 


Servidor

Es el ordenador encargado de proporcionar al navegador del cliente los documentos y medios que éste solicita.

HTTP (HyperText Transfer Protocol)

Es el protocolo de comunicación utilizado para transmitir las peticiones y archivos a través de Internet entre el servidor y el navegador. El protocolo http:// se indica en el inicio de la dirección. Si no se teclea este prefijo, el navegador lo añade de forma automática.


URL (Universal Resource Locator)

 

Es la dirección donde se encuentra un recurso en Internet. Ejemplo: http://www.google.es.

Si no se indica página HTML, el servidor enviará la página índice (índex) o bien por defecto (default).

Durante la navegación por Internet…

·         El usuario, situado en el equipo cliente, teclea la URL en la casilla dirección del navegador y pulsa la tecla <enter>.

·         La petición se dirige a los servidores DNS que traducen esta URL a una dirección IP. Por ejemplo: www.cnice.mec.es -> 195.53.123.85. Es posible situar en el navegador esta dirección aunque resulte más complicada e ininteligible.

·         La petición llega al servidor que tiene esa IP.

·         El servidor devuelve la página solicitada.

·         El archivo HTML y los multimedia referenciados se almacenan en la carpeta caché del navegador (disco duro del equipo cliente). Cuando se han descargado estos activos entonces el usuario visualiza la página y todos sus elementos.

 

HTML (HyperText Markup Language)

 Es el lenguaje en el que se diseñan las páginas que se visualizan a través del navegador. Este lenguaje se basa en etiquetas (instrucciones que le dicen al navegador como deben mostrarse) y atributos (parámetros que dan valor a la etiqueta). Una página HTML contiene texto con un cierto formato y referencias a archivos externos que contienen imágenes, sonidos, animaciones, etc.

 


Archivo HTML

 

El lenguaje HTML se utiliza para definir un documento que se visualizará a través del navegador. Este documento se guarda en un archivo con extensión .htm ó .html

 

Básicamente los documentos escritos en HTML constan de texto y etiquetas. Las etiquetas permiten definir el formato del texto, el título que mostrará en la barra de título del navegador, los elementos multimedia que aparecerán incrustados en el documento pero que se almacenan en archivos externos, etc.

 

Todo documento HTML tiene la siguiente estructura: cabecera y cuerpo del documento. Las tres etiquetas que describen su estructura general son:

·         <html>: indica que se inicia el documento.

·         <head>: incluye el título de la página (<title>) que se muestra en la barra de título del navegador.

·         <body>: contiene la información visible.

 


Mi primer documento HTML

1. Abre el Bloc de Notas de Windows mediante: Inicio > Todos los programas > Accesorios

> Bloc   de Notas . En Ubuntu     puedes    utilizar     el procesador      de textos     mediante :

Aplicaciones > Accesorios > Procesador de textos.

 

2.    En un documento nuevo escribe el siguiente texto:

 

<html>

<head>

<title>PAGINA CREADA EN FID</title>

<h1 style="text-align:center">COMUNICACIÓN EDUCATIVA Y TECNOLOGÍA</h1>

</head>

<body bgcolor="yellow">

Mi nombre es Edvin Antonhy Méndez García, docente del Programa de Formación Inicial Docente

<a href="https://www.youtube.com/watch?v=H2m-dYoulpA"> LINK DE MI BLOG

<a/>

</body>

</html>




3.    Selecciona Archivo > Guardar como. Se mostrará este cuadro de diálogo.



4.   En la lista desplegable Guardar en: , elige la carpeta donde desees guardar este documento.

   5. Introduce el nombre del archivo añadiéndole la extensión .htm Ejemplo: prueba.htm

    6.Pulsa en el botón Guardar.

 7.Cierra la ventana del Bloc de Notas.

   8.Elige Inicio > Mis Documentos para situarte en esta carpeta donde has guardado tu archivo HTML. Encontrarás un archivo con el icono de un documento HTML con el nombre que has elegido.






9.  Haz doble clic sobre el icono de este archivo y se abrirá el navegador configurado por defecto en tu equipo mostrando el contenido de esta página HTML.

2.    10. Observa que en la barra de título del navegador aparece el texto que has encerrado entre las etiquetas <title> … </title> y en el documento en blanco el texto que has incluido entre <body>…</body>


   Editores HTML

 

Para facilitar la escritura de documentos HTML se utilizan programas específicos. Los más utilizados permiten complejos diseños y evitan trabajar directamente con el código HTML. Se llaman editores visuales porque proporcionan un entorno WYSIWYG (What You See Is What You Get) donde se trabaja viendo el documento y sus objetos tal y como se mostrarían en el navegador manteniéndose oculto el código HTML.

 

Existen multitud de editores web comerciales pero los más populares en el entorno Windows son:

 

·         Microsoft FrontPage. Es fácil de utilizar porque tiene un entorno muy similar a Word. Su última versión recibe el nombre de Expresión Web Designer.

·         Adobe Dreamweaver. Pertenece a la suite de Adobe. Es un programa muy recomendable por sus múltiples prestaciones.

 En el entorno Linux los editores HTML más utilizados son: BlueFish (Gnome) y Quanta+

(KDE).

 En este curso se propone utilizar Kompozer (http://www.kompozer.net/) por sus interesantes características:

·         Editor visual.

·         Gratuito.

·         Soporta tablas, plantillas y hojas de estilo.

·         Subida de archivos por FTP al servidor.

·         En castellano.

·         Multiplataforma: windows, linux, mac, etc

·         Portable.



Comentarios

Publicar un comentario

Elvin Ubaldo Ramos Pérez

TÉCNICAS DE REDACCIÓN

Imagen
  TÉCNICAS DE REDACCIÓN Redactar adecuadamente se ha convertido en un problema en la sociedad actual, particularmente en las nuevas generaciones, debido al excesivo uso de dispositivos electrónicos y la aparición de la mensajería instantánea. Esto ha transformado la forma en que las personas se comunican y la forma de escribir sus mensajes, ocasionando la perpetuación de una gran diversidad de faltas ortográficas y de redacción. Sumado a esto, cada vez hay menos interés en la lectura y escritura; se ha ido perdiendo interés y el deseo de una búsqueda exhaustiva de información, en un mundo en el que la información se halla en la palma de la mano y el internet ha abierto las puertas a un sinfín de posibilidades. El objetivo de este documento es proporcionar un medio de referencia sobre la forma correcta de redactar, así como algunas generalidades sobre el tema. Este texto está dividido en 3 partes: fases de la redacción, características de una buena redacción y generalidades de la re...
Read more »

TAC TIC TEP

Imagen
 TIC (Tecnologías de la Información y la Comunicación) La llegada de las nuevas tecnologías al aula no solo ha promovido enormes cambios en las prácticas de enseñanza-aprendizaje. El universo de las nuevas tecnologías ha evolucionado de tal manera en los últimos veinte años, que ha resultado necesario clasificarlas en función de su orientación para diversos usos (trabajo en equipo, aprendizaje y participación, etc.). Se denomina así al conjunto de tecnologías necesarias para la gestión, transformación y acceso a la información, resultado del proceso de conformación de la sociedad global. La disponibilidad de ordenadores personales y teléfonos móviles en la sociedad de masas, ha disparado el uso cotidiano de las TIC. Ese conjunto de nuevas TIC con la pandemia se ha convertido en las herramientas fundamentales de nuestro día a día: teletrabajo, clases online, etc. La clave fundamental del uso ampliado de estas tecnologías es que facilita la conexión entre los canales de adquisición, ...
Read more »

INTERNET Y REDES SOCIALES

Imagen
 ¿Qué es Internet? Internet es la red que conecta e interrelaciona dispositivos electrónicos y redes de computadoras entre sí, de todo el mundo. Su nombre proviene del inglés International Network que significa “Red Internacional” y el acrónimo de esas palabras dio origen al nombre Internet. Internet es un nombre propio que denomina a una red concreta y que emplea una tecnología determinada. Por eso se escribe siempre con la primera letra mayúscula. Consiste en una red informática de telecomunicaciones que utiliza un sistema de reglas para las conexiones entre los diferentes dispositivos resulten compatibles. Este sistema se denomina protocolos de Internet (IP en su sigla en inglés).  Origen de Internet  La primera interconexión exitosa de Internet se produjo el 5 de diciembre de 1969, entre cuatro puntos diferentes del complejo de la Universidad de California de Los Ángeles, Estados Unidos. El proyecto en aquel entonces se denominó ARPANET (Advanced Research Proyects Age...
Read more »

INTERNET Y NUEVAS TECNOLOGÍAS ¿HABLAMOS EN FAMILIA?

Imagen
  INTERNET Y NUEVAS TECNOLOGÍAS ¿HABLAMOS EN FAMILIA?  En el uso de las nuevas tecnologías, Internet y las redes sociales por parte de los padres y madres hacia sus hijos e hijas. Se destaca la importancia de encontrar un equilibrio entre la restricción total y la permisividad, con el objetivo de que los jóvenes puedan explorar y aprender de manera segura en estos entornos digitales. Además, se subraya la relevancia de establecer una comunicación abierta y cercana con los hijos, para que se sientan seguros y acompañados en caso de enfrentar problemas o amenazas en el mundo digital. Internet, las redes sociales y las nuevas tecnologías son una especie de plaza pública digital y global.
Read more »