View
224
Download
0
Embed Size (px)
Citation preview
NUEVAS TECNOLOGÍAS EN LA ENSEÑANZA DE
SEGUNDAS LENGUAS
(ESPAÑOL LE)
José Luis Herrero
TEMA 4LA PÁGINA WEBJosé Luis Herrero
Tema 4. LA PÁGINA WEB.Tema 4. LA PÁGINA WEB.
1
4.1. INTRODUCCIÓN. 4.1. INTRODUCCIÓN.
4.2. EVALUACIÓN. 4.2. EVALUACIÓN.
4.3. TIPOS DE PÁGINAS. 4.3. TIPOS DE PÁGINAS.
4.4. ELEMENTOS. 4.4. ELEMENTOS.
4.5. El HTML. 4.5. El HTML. 4.6. LA WEB 1.0 Y LA WEB 2.04.6. LA WEB 1.0 Y LA WEB 2.0
4.7. EL BLOG. LA WIKI.4.7. EL BLOG. LA WIKI.
NUEVAS TECNOLOGÍAS EN LA ENSEÑANZA DE
SEGUNDAS LENGUAS
(ESPAÑOL LE)
José Luis Herrero
TEMA 4LA PÁGINA WEBJosé Luis Herrero
2
página web (página de Internet)
un texto adaptado para la World Wide Web (WWW) accesible mediante un navegador de Internet normalmente forma parte de un sitio web. información = formato HTMLhiperenlaces a otras páginas web (red enlazada, World Wide Web)
página web (página de Internet)
un texto adaptado para la World Wide Web (WWW) accesible mediante un navegador de Internet normalmente forma parte de un sitio web. información = formato HTMLhiperenlaces a otras páginas web (red enlazada, World Wide Web)
web. (Del ingl. web, red, malla). 1. f. Inform. Red informática.□ V. página ~
~ web. 1. f. Inform. Documento situado en una red informática, al que se accede mediante enlaces de hipertexto.
web. (Del ingl. web, red, malla). 1. f. Inform. Red informática.□ V. página ~
~ web. 1. f. Inform. Documento situado en una red informática, al que se accede mediante enlaces de hipertexto.
SERVIDOR WEB = HOST
Protocolo de Transferencia de Hipertexto (HTTP - Hypertext Transfer Protocol)
Para cargar la información al servidor generalmente se utiliza un cliente FTP.
SERVIDOR WEB = HOST
Protocolo de Transferencia de Hipertexto (HTTP - Hypertext Transfer Protocol)
Para cargar la información al servidor generalmente se utiliza un cliente FTP.
4.1. INTRODUCCIÓN. 4.1. INTRODUCCIÓN.
NUEVAS TECNOLOGÍAS EN LA ENSEÑANZA DE
SEGUNDAS LENGUAS
(ESPAÑOL LE)
José Luis Herrero
Tema 4. LA PÁGINA WEB.Tema 4. LA PÁGINA WEB.
3
4.2. EVALUACIÓN. 1: AUTORIDAD. 2: OBJETIVIDAD. 3: ACTUALIDAD.
4.2. EVALUACIÓN. 1: AUTORIDAD. 2: OBJETIVIDAD. 3: ACTUALIDAD.
4.3. TIPOS DE PÁGINAS. 1. Páginas informativas. 2. Páginas comerciales. 3. Páginas "advocativas". www.transnationale.org 4. Páginas personales.
4.3. TIPOS DE PÁGINAS. 1. Páginas informativas. 2. Páginas comerciales. 3. Páginas "advocativas". www.transnationale.org 4. Páginas personales.
4.4. ELEMENTOS. TextoImagen GIF, JPG y PNG.Sonido WAV y MP3. Animaciones Adobe Flash.
4.4. ELEMENTOS. TextoImagen GIF, JPG y PNG.Sonido WAV y MP3. Animaciones Adobe Flash.
TEMA 4LA PÁGINA WEBJosé Luis Herrero
BUENAS PÁGINAS WEB (diseño) Amazon Arrakis Universidad de Middlebury
BUENAS PÁGINAS WEB (diseño) Amazon Arrakis Universidad de Middlebury
NUEVAS TECNOLOGÍAS EN LA ENSEÑANZA DE
SEGUNDAS LENGUAS
(ESPAÑOL LE)
José Luis Herrero
TEMA 4LA PÁGINA WEBJosé Luis Herrero
4
NUEVAS TECNOLOGÍAS EN LA ENSEÑANZA DE
SEGUNDAS LENGUAS
(ESPAÑOL LE)
José Luis Herrero
Tema 4. LA PÁGINA WEB.Tema 4. LA PÁGINA WEB.
5
EL HTML. Expression Web 4 (Microsoft) / Dreamweaver
HIPERTEXT MARKUP LANGUAGE= LENGUAJE DE PROGRAMACIÓN
ETIQUETAS tags < > <html> PÁGINA WEB </html>
<html>
<head>CABECERA
<title>NOMBRE PÁGINA</title>
</head><body>CUERPO PÁGINA</body>
</html>
<p> párrafo <h1>...<h6> tamaño letra<c> centrar <left> alineación izquierda<right> al. derecha <b> negrita<i> cursiva <u> subrayado<image> <table>
EL HTML. Expression Web 4 (Microsoft) / Dreamweaver
HIPERTEXT MARKUP LANGUAGE= LENGUAJE DE PROGRAMACIÓN
ETIQUETAS tags < > <html> PÁGINA WEB </html>
<html>
<head>CABECERA
<title>NOMBRE PÁGINA</title>
</head><body>CUERPO PÁGINA</body>
</html>
<p> párrafo <h1>...<h6> tamaño letra<c> centrar <left> alineación izquierda<right> al. derecha <b> negrita<i> cursiva <u> subrayado<image> <table>
4.5. El HTML. 4.5. El HTML.
TEMA4LA PÁGINA WEBJosé Luis Herrero
NUEVAS TECNOLOGÍAS EN LA ENSEÑANZA DE
SEGUNDAS LENGUAS
(ESPAÑOL LE)
José Luis Herrero
Tema 4. LA PÁGINA WEB.Tema 4. LA PÁGINA WEB.
6
TEMA 4LA PÁGINA WEBJosé Luis Herrero
4.6. LA WEB 1.0 Y LA WEB 2.0
(web2. Tim O’Reilly, 2004)
4.6. LA WEB 1.0 Y LA WEB 2.0
(web2. Tim O’Reilly, 2004)
WEB2.0
REDES SOCIALES
BLOGS
WIKIS
PODCASTS
WEB2.0
REDES SOCIALES
BLOGS
WIKIS
PODCASTS
individual social
tecnología (experto crea…) usuario (crea…)
webs estáticas webs colaborativas
presenta el conocimiento crea conocimiento
individual social
tecnología (experto crea…) usuario (crea…)
webs estáticas webs colaborativas
presenta el conocimiento crea conocimiento
NUEVAS TECNOLOGÍAS EN LA ENSEÑANZA DE
SEGUNDAS LENGUAS
(ESPAÑOL LE)
José Luis Herrero
TEMA 4LA PÁGINA WEBJosé Luis Herrero
BLOG
bitácora WEBLOG (‘diario’) > BLOG Jorn Barger (1997) / Peter Merholz (1999)
Espacio personal de escritura en Internet.
BLOG
bitácora WEBLOG (‘diario’) > BLOG Jorn Barger (1997) / Peter Merholz (1999)
Espacio personal de escritura en Internet.
Diario en línea
opinar (artículo)compartir
debatir
Diario en línea
opinar (artículo)compartir
debatir
wwv.auloblog.com
utilidades.bitacoras.com
wordpress.comwww.blogger.com
wwv.auloblog.com
utilidades.bitacoras.com
wordpress.comwww.blogger.com
WIKI
Lengua hawaiana wiki-wiki ‘rápido’
colección de páginas web de hipertextoeditados por cualquier persona
WIKI
Lengua hawaiana wiki-wiki ‘rápido’
colección de páginas web de hipertextoeditados por cualquier persona
wikipediamediawikiwikitionary…
wikipediamediawikiwikitionary…
apuntes de grupotrabajos de investigaciónenciclopediasdiccionarios….
apuntes de grupotrabajos de investigaciónenciclopediasdiccionarios….
periodísticoseducativospolíticos
personales---
periodísticoseducativospolíticos
personales---
4.7. EL BLOG Y LA WIKI.4.7. EL BLOG Y LA WIKI.
7