Cortes Vázquez Loredana García Santiago Diego

Slides:



Advertisements
Presentaciones similares
CLASE 4 - BLOGS Y HTML GRADO DÉCIMO. ¿QUÉ ES HTML? ¿Qué es HTML? El HTML es el lenguaje que se usa para escribir las páginas web. Con este lenguaje se.
Advertisements

SITIOS WEB, PAGINAS WEB Y PORTALES. PAGINA WEB: Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces.
Unidad 7 y 8 Iniciar en Word Pad.
USO DE LOS SISTEMAS DE ARCHIVO DE UN ORDENADOR DIRECTORIOS CARPETAS ARCHIVOS TIPOS DE ARCHIVOS (nombres y extensiones)
Principios, teoría y práctica sobre los conceptos de HTML básicos.
TRABAJAR CON JCross. Introducción de los datos del ejercicio Al arrancar JCross nos encontramos una cuadrícula en blanco.
Internet es una red de computadoras alrededor de todo el mundo, que comparten información unas con otras por medio de páginas o sitios. Con Internet.
HTM L (Hyper Text Markup Language). ¿Qué es HTML? Es el lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas,
HTML.
Curso Creación Pàginas Web
HTML.
Un poco de lo que se de WORD
PERIODO 1 – CLASE 2.
Tecnología Educativa 2008/09
Griselda Rosas Informática Lic. CINTHYA P. BELMONTES GUEVARA
LENGUAJES DE CODIGO PARA DISEÑO DIGITAL
Manejo de cuentas de correo electronico
Personalizar el blog Escribir:
Tutorial GMAIL.
Cómo hacer una página web en HTML
Kwout APLICACIÓN WEB Patricia Choque Centellas
NAVEGADOR Es un software que permite visualizar la información contenida en una página web, ya sea alojada en Internet o en un servidor local.
Correo Electrónico *Es un servicio gratuito en el que puedes enviar y recibir mensajes de manera instantánea a través de Internet, incluyendo fotografías.
Edición (Intellibanks)
CRE ATU PAGINA WEB CON HTML
COMO CREAR UNA PAGINA WEB EN HTML
RESUMEN POWERPOINT POWERPOINT BÁSICO.
Por Jorge ACOSTA MENDOZA
PAGINA WEB Una página web, o página electrónica, o página digital, o ciberpágina es un documento o información electrónica capaz de contener texto, sonido,
INTRODUCCIÓN El lenguaje HTML (HyperText Markup Language), es el formato estándar que se utiliza para crear e interpretar documentos de texto e imágenes,
Page Composer de EBSCOhost
Como elaborar una página HTML
CÓMO CREAR UNA CUENTA EN WIKISPACES.COM.
¿Qué es internet?.
HerraMienta: TAREAS 5 Conceptos
Vilma Valdés Navarrete
Nombre:Leiluid García Ángel.
PREZI..
Que es la WEB Hugo Araya Carrasco.
Continuación de nociones básicas de HTML
Herramienta tareas ¿Que es internet? ¿Cómo funciona internet?
Parte 3. HTML.
HerraMienta: TAREAS 5 Conceptos
Introduccion al html Se utilizará un tutorial online donde nos basaremos para la creación de nuestra página web. Para ello tecleas en el navegador predeterminado.
El Internet.
Actividad 3. Herramienta Tarea
María Lucia De la Cruz Gutiérrez. Grace Stephanie Portillo Vargas.
Guía de: Cmap Tools.
Iniciando la exploración
Manual Wordpress para usuario
Curso de Programación Web html, java script
Word.
DISEÑO DE PÁGINAS WEB WEB SITE DESIGNER
TALLER PARA LA ELABORACIÓN DE HIPERVÍNCULOS EN EL PORTAL WWW
HTML. El lenguaje de marcas de hipertexto
Navegadores de Internet
* Puedes hacer dos grupos de participantes. Por ejemplo, el grupo A y el grupo B. Te recomiendo que ellos mismos elijan un nombre de equipo divertido.
INTERNET.
UNIVERSIDAD SAN FRANCISCO DE QUITO-USFQ
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Como ser inserta un organigrama y como se modifica
ENGLISH SPEAKING COUNTRIES' FAIR
<html> <head> <title> </title> </head>
Lenguajes del lado del cliente
Curso Creación Pàginas Web
BIENVENIDOS Docente Shirley Cortes M. GRUPO 8-3
Teletraducción Servicio Web Wide World y servicio FTP
Historia del HTML y de Internet Tim Berners-Lee creó la primera versión del lenguaje HTML en 1989, junto con su equipo también desarrollaron el protocolo.
Guía Básica de HTML.
NAVEGADORES WEB Clase 2.
Transcripción de la presentación:

Cortes Vázquez Loredana García Santiago Diego PAGINA WEB Cortes Vázquez Loredana García Santiago Diego

Hace 25 años, el británico Tim Berners-Lee puso en marcha la World Wide Web, una nueva manera de compartir información entre varias personas utilizando diferentes ordenadores Tras recibir la luz verde de sus superiores, Berners-Lee programó el que sería el primer servidor web y la primera página de la historia.

¿QUE ES UNA PAGINA WEB? Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador.

En un principio las páginas web eran sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. 

La inclusión de imágenes fue la evolución más significativa, pero también debemos mencionar el video y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.

Cómo hacer una página web en HTML Comprende lo que es el HTML Este es el lenguaje de codificación con el cual se hacen las páginas web. Para ver cómo luce, ve a Internet Explorer y haz clic derecho para seleccionar "Ver código fuente de la página". Verás una página con códigos: eso es el HTML. El código es lo que ve el navegador para interpretarlo y armar una página

2. Comienza con una página lo más sencilla posible, sino te verás abrumado por la sintaxis y los lenguajes de script. Es importante recordar que estarás escribiendo la información entre una etiqueta de apertura y una de clausura, ambas de HTML. Una etiqueta de apertura se verá así: <____>. Una etiqueta de clausura se verá así: </____>. Al final, reemplazarás el "____" por un código.

3. Ve a Inicio > Programas > Accesorios > Bloc de Notas 3. Ve a Inicio > Programas > Accesorios > Bloc de Notas. Será mucho más fácil si usas el Bloc de Notas++ (lo puedes descargar gratis por Internet). Cuando hayas elegido el lenguaje HTML, todo lo que escribas estará automáticamente conectado con diversos colores, de esta manera será muchísimo más fácil corregir posibles errores.

4. Dile al navegador qué lenguaje vas a usar. Escribe <html> 4. Dile al navegador qué lenguaje vas a usar. Escribe <html>. Esta es la primera etiqueta que deberás escribir, la cual le indicará a la computadora que empezarás a hacer una página web. También se cerrará al final, así que al final del documento, ciérralo con <>. Esto finalizará la página web.

5. Añade el encabezado (head) de la página como se muestra en el gráfico

6. Ponle un título a la página.  El título es importante, porque les dará a los usuarios una idea del tema de la página. Además, cuando los usuarios le pongan un marcador al sitio, el título es lo que único que verán en su lista de marcadores. El código HTML para el título es: <title>. Ciérralo al final del título escribiendo </title>. El título solo se mostrará en la pestaña, no será el título de la página en sí.

7. Haz el cuerpo de la página.  Escribe <body> para abrir la etiqueta del cuerpo. Luego ciérrala con la etiqueta </body>. La información para la página web irá entre <body> y </body>.Para darle un color de fondo a la página, podrás añadirle un estilo al cuerpo. En vez de solamente escribir, escribe <body style="background-color:silver">. Podrás probar con un color distinto o incluso con un código hexadecimal. Las palabras entre comillas se conocen como "atributos". ¡Deberán estar rodeados por comillas!

8. Escribe unas cuantas líneas de texto entre las etiquetas de cuerpo. Para que el texto siga en la línea siguiente (como si presionaras "Enter" en el teclado), escribe: <br>. ¿Quieres añadir alguna marquesina, es decir, una palabra que se mueve de lado a lado de la pantalla? Solo tendrás que escribir <marquee>TEXTO</marquee>.

9. Añade algunas imágenes 9. Añade algunas imágenes. Si quieres colocar alguna imagen de Internet a tu página web, el código HTML para las imágenes será: <img src="URL">. La etiqueta de clausura es: </img>, pero es opcional.

Tu página web deberá verse algo así: 10. Revisa todo para asegurarte de que todas tus etiquetas estén cerradas.  Tu página web deberá verse algo así: <title>Mi página web</title> <body bgcolor="yellow"> Me encanta wikiHow porque <marquee>¡es la mejor página del mundo!</marquee> <img src="http://www.wikihow.com/skins/common/images/wikiHow_logo_5.gif"></b ody>

11. Guarda tu trabajo. Ve a "Guardar como", ingresa un nombre de archivo que termine en la extensión .html (por ejemplo: "archivodeprueba.html") y escoge "Todos los archivos" o "text" en Tipo de archivo. No funcionará si no se siguen estos pasos. Ahora ve adonde lo hayas guardado y haz doble clic para abrirlo. Tu navegador predeterminado se abrirá con tu propia página web.