Your SlideShare is downloading. ×
  • Like
Tema 6
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply
Published

 

Published in Education , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
912
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
13
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. TEMA 6PUBLICACIÓN DECONTENIDOS EN WEB
  • 2. 1. INTERNETINTERNET es una red deordenadores mundial (WAN) que,mediante la utilización deprotocolos como TCP/IP, permiteque estén conectados entre síordenadores de otras redes deámbito más pequeño en cualquierparte del mundo.Uno de los servicios que máséxito ha tenido en Internet ha sidola World Wide Web (WWW, o "laWeb"), hasta tal punto que eshabitual la confusión entre ambostérminos.
  • 3. • ver la televisión y escuchar la radio (streaming)• enviar correos y documentos electrónicos (SMTP)• intercambiar nuestros archivos con otrosordenadores de la red (FTP y P2P)1. INTERNETLos servicios en la web no se limitan a la web, tambiénpodemos:
  • 4. • realizar llamadas telefónicas (VoIP) y videoconferencias• aportar conocimiento y almacenar mensajes de texto(wikis, blogs, foros, chats).• jugar on-line con otros ususarios de cualquier parte delmundo1. INTERNET
  • 5. • realizar operaciones comerciales y transacciones(banca y comercio electrónico)• instalacion y administración de ordenadores encualquier parte del mundo (control remoto deordenadores)1. INTERNET
  • 6. 2. HISTORIA DE INTERNETEnlace vídeo I (los 60)Enlace vídeo II (los 70)Enlace vídeo III (todo)Enlace vídeo IV
  • 7. 2. FUNCIONAMIENTO DE INTERNETPROTOCOLO DE RED: es un conjunto de normas que debe seguir elsistema de comunicación que utiliza dicha red para intercambiar informaciónentre terminales. El protocolo TCP / IP es el protocolo de red que utilizaInternet.El protocolo IP nos permite identificar un ordenador o una red LAN deordenadores conectados a Internet gracias a la dirección IP para así poderenviar información entre un ordenador origen y un ordenador destino.La dirección IP es un código numérico formado por cuatro dígitos cuyo valoroscila entre 0 y 255 (por ejemplo 64.233.169.99). Diferenciamos varios tipos:2.1. PROTOCOLO IP
  • 8. 3. FUNCIONAMIENTO DE INTERNETY podemos consultarla aquí IP privada: es la dirección que tiene nuestro ordenador dentro de su redlocal. Es la que asignamos de forma automática o manual:2.1. PROTOCOLO IP
  • 9. 3. FUNCIONAMIENTO DE INTERNET IP pública: es la dirección que se asigna a un ordenador o a un routercuando se conecta a Internet. Si varios ordenadores se conectan a través de unrouter tienen la misma IP pública. La podemos saber a través de páginas webcomo esta:2.1. PROTOCOLO IP
  • 10. 2. FUNCIONAMIENTO DE INTERNET IP estática: es la dirección IP asignada por el proveedor de Internet concarácter permanente. Las IP fijas suelen asignarse a páginas web para que laspersonas que las quieran visitar siempre la encuentren. Por ejemplo la IP deGoogle es: IP dinámica: es la diferente IP asignada a nuestro ordenador o router cadavez que se inicia, de esta manera, los proveedores de Internet ahorran rangosde direcciones al no tener a todos los usuarios conectados.Cuando estamos dentro de una red local y nos conectamos a Internet a travésde un router, este se encargará de identificar el ordenador que ha solicitado elenvío de información, gracias a su IP privada, para hacerle llegar los archivosrequeridos.2.1. PROTOCOLO IP
  • 11. 2. FUNCIONAMIENTO DE INTERNETSe utiliza para enviar y recibir los datos por la red. Este protocolo divide elarchivo que tiene que enviar en pequeños paquetes que son enviadospaulatinamente a su destinatario.A medida que va siendo entregado correctamente cada paquete, se envíanconfirmaciones de recepción, lo que lo convierte en un protocolo fiable.Cada paquete contiene información que será ordenada en su destino paravolver a componer su archivo.2.2. PROTOCOLO TCP
  • 12. 3. LA WEB (WORLD WIDE WEB)World Wide Web (o la "Web") o Red Global Mundial es un sistema dedocumentos enlazados y accesibles a través de Internet. Con un navegadorWeb, un usuario visualiza páginas web, y navega a través de ellas usandohiperenlaces o hipervínculos.La Web fue creada alrededor de 1989 por el inglés Tim Berners-Lee y el belgaRobert Cailliau mientras trabajaban en el CERN (Organización Europea para laInvestigación Nuclear) en Ginebra (Suiza), y publicada en 1992.
  • 13. 3. LA WEB (WORLD WIDE WEB)VOCABULARIO ASOCIADO A LA WEB SERVIDOR WEB: ordenador remoto conectado a Internet que tiene alojado losdocumentos que queremos consultar. CLIENTE: ordenador conectado a Internet que realiza la petición de documentos paravizualizarlos mediante programas navegadores. NAVEGADOR WEB: software instalado en el ordenador del cliente que visualiza losdocumentos en formato HTML y permite el funcionamiento de los hiperenlaces. Losmás utilizados son Internet Explorer, Opera, Mozilla Firefox, Safari y Google Chrome. URL: dirección textual de un servidor web para la apertura de un archivo HTML. IP: código identificativo de un equipo informático en Intenet formado por cuatronúmeros entre 0 y 255 separados por puntos. DNS: base de datos que relaciona una dirección textual de un servidor con sudirección IP. Esta base de datos se encuentra en los servidores DNS que deben serespecificados en nuestra conexión a Internet. HTTP: protocolo de transferencia de hipertexto. Lenguaje o conjunto de reglas paratransferir texto al usuario. HTML (HiperText Markup Language): significa Lenguaje de marcado de hipertextos.Los archivos creados en este formato tienen extensión HTML o HTM.
  • 14. 3. LA WEB (WORLD WIDE WEB) Paso 1: desde nuestro ordenador ejecutamos el programa navegador de Internet yescribimos la dirección URL (tecleamos por ejemplo http://www.google.es). Paso 2: el servidor DNS que tenemos configurado en nuestra conexión Internetlocaliza la dirección IP que corresponde al ordenador servidor donde se encuentranlos archivos web requeridos. Paso 3: como la URL tecleada empieza por http:// el ordenador servidor reconoce quele estamos reclamando un documento web y nos envía un documento con extensiónhtml. Si no se lo especificamos nos envía el documento index.html. Paso 4: nuestro programa navegador estudia el documento html recibido y solicita alservidor los archivos con los que está enlazado (imágenes, vídeos, animaciones, etc). Paso 5: finalmente, nuestro programa navegador compone la página con todos lostextos, enlaces, imágenes…Podemos ejecutar los hipervínculos y solicitar al servidorweb nuevos documentos.FUNCIONAMIENTO DE LA WEB
  • 15. 4. NAVEGADORESInternetExplorerOpera SafariMozillaFirefoxEnlace película“GUERRA DE LOSNAVEGADORES”GoogleChromeActualizado amayo2012
  • 16. 4. NAVEGADORESPágina inicioCONFIGURACIÓNDías que guardahistorial y BorrarhistorialEliminar cookies(archivos que sealmacenan en nuestroordenador cuandovisitamos una páginaweb, puede ser entradapara malware)
  • 17. 4. NAVEGADORESPágina inicioAdministrar descargasCONFIGURACIÓN
  • 18. 4. NAVEGADORESConfigurarhistorialConfigurar cookiesCONFIGURACIÓN
  • 19. 4. NAVEGADORESCONFIGURACIÓN MARCADORES
  • 20. 5. CREAR UNA PÁGINA WEBEl lenguaje que se utiliza para crear una página web es el HTML, HyperText Markup Lenguage (Lenguaje de Marcas de Hypertexto).Conocer el lenguaje HTML es necesario para crear una página web perono suficiente.Si quieres insertar imágenes debes conocerprogramas de edición de imágenes, porejemplo, GIMPSi deseas crear un gráfico o un logotipo debesconocer un programa editor de gráficos, porejemplo INSKAPE
  • 21. 5. HTML. EL LENGUAJE DE LA WEBFORMATO XHTMLGracias a las hojas de estilo CSS, se pueden definirinnumerables estilos de texto a los que se les da unnombre y unas características (de color, tamaño,etc). Ya no necesitaresmos definir todos losatributos de cada texto de nuestro documento, sóloa cada texto un estilo. Si se quieren hacermodificaciones en la fuente, solo debemos editar elestilo y modificarlo.Es una versión más avanzada del lenguajeHTML.Si quieres mejorar el diseño de tu páginadebes conocer el ESTILO CSS (hojas de estiloen cascada, en inglés, Cascad Style Sheets)
  • 22. 5. CREAR UNA PÁGINA WEBSi quieres insertar un menú desplegable debesconocer algo sobre JAVASCRIPT
  • 23. 5. CREAR UNA PÁGINA WEBSi quieres recoger datos de las personas quevisitan tu web mediante un fomulario debesconocer el lenguaje PHP (lenguaje para lacreación de páginas web dinámicas)
  • 24. Los programas más conocidos son: FRONTPAGE DREAMWEAVER AMAYA (software libre) NVU (software libre) KOMPOZER (software libre)5. CREAR UNA PÁGINA WEBLa creación de páginas web bajo el lenguaje HTML es un proceso sencillo perolento, por este motivo se han desarrollado programas de edición web que nospermiten crear documentos HTML como si utilizaramos un procesador detextos.Estos programas se denominan editores WYSIWYG.Este término son lasiniciales de la frase en inglés What You See Is What You Get, que significa “loque ves es lo que obtienes.Logo dreamweaver Logo Kompozer
  • 25. 5. HTML. EL LENGUAJE DE LA WEBHTML, siglas de HyperText Markup Language (Lenguaje de Marcas deHipertexto), es el lenguaje de marcado predominante para la construcción depáginas web. Es usado para describir la estructura y el contenido en forma detexto, así como para complementar el texto con objetos tales como imágenes.HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares(<,>) .
  • 26. 5. HTML. EL LENGUAJE DE LA WEBEJEMPLO DOCUMENTO HTML
  • 27. 5. HTML. EL LENGUAJE DE LA WEBGESTORES DE CONTENIDO (CMS)Son aplicaciones que se instalan en el servidor para poder crear páginasdinámicas permitiéndonos administrar el diseño del sitio de formaindependiente a su contenido. De esta forma los cambios que se realizan en eldiseño no afectan al contenido y viceversa.Los CMS suelen ser gratuitos, no requieren grandes conocimientos deprogramación y con ellos es sencillo publicar contenidos multimedia.