Os blogs e a busca de información Docentes - Nivel 1 Presentación xeral
2 Presentación do curso <ul><li>Módulo 1:  Páxinas web. Tipoloxía e estrutura. </li></ul><ul><li>Módulo 2:  Creación e edi...
3 Contido do curso <ul><li>Módulo 1. Páxinas web. Tipoloxía segundo a súa estrutura. </li></ul><ul><ul><li>Tipoloxía </li>...
4 Contido do curso <ul><li>Módulo 3. Creación e xestión de blogs </li></ul><ul><ul><li>Tipos de blog. Características </li...
5 Módulo 1:  Páxinas web. Tipoloxía e estrutura
6 Módulo 1: Páxinas web. Tipoloxía e estrutura Un pouco de historia <ul><li>1969. Nace ARPANET (EEUU), precursora de Inter...
7 Módulo 1: Páxinas web. Tipoloxía e estrutura Tipoloxía <ul><li>Persoais  (estrutura liñal, pouco complexa, “dormidas”) <...
8 Módulo 1: Páxinas web. Tipoloxía e estrutura Tipoloxía <ul><li>Buscadores  (estrutura sinxela, pouca interactividade, in...
9 Módulo 1: Páxinas web. Tipoloxía e estrutura Linguaxe HTML. Condicionantes <ul><li>Enorme variabilidade de orixes de páx...
10 Módulo 1: Páxinas web. Tipoloxía e estrutura Linguaxe HTML. Requisitos <ul><li>Sistema sinxelo e fácil de aprender </li...
29   11 Módulo 1: Páxinas web. Tipoloxía e estrutura Infrastrutura
12 Módulo 1: Páxinas web. Tipoloxía e estrutura ¿Qué é unha páxina web? <ul><li>Arquivo nun servidor </li></ul><ul><li>Com...
13 Módulo 1: Páxinas web. Tipoloxía e estrutura Estrutura  +  Contido
14 Módulo 1: Páxinas web. Tipoloxía e estrutura Texto simple <html> <head> <title>O Blog do cursiño...</title> </head> <bo...
15 Módulo 1: Páxinas web. Tipoloxía e estrutura Contido = <ul><li>Texto simple (ou con formato) </li></ul><ul><li>Ligazóns...
16 Módulo 1: Páxinas web. Tipoloxía e estrutura <html> <head> <title>O Blog do cursiño...</title> </head> <body> <table wi...
17 Módulo 1: Páxinas web. Tipoloxía e estrutura <html> <head> <title>O Blog do cursiño...</title> </head> <body> <table wi...
18 Módulo 1: Páxinas web. Tipoloxía e estrutura <html> <head> <title>O Blog do cursiño...</title> </head> <body> <table wi...
19 Módulo 1: Páxinas web. Tipoloxía e estrutura <html> <head> <title>O Blog do cursiño...</title> </head> <body> <table wi...
20 Módulo 1: Páxinas web. Tipoloxía e estrutura En resumo, unha páxina web é unha serie de arquivos  enlazados, cun arquiv...
21 Módulo 1: Páxinas web. Tipoloxía e estrutura A Web 2.0 <ul><li>Web 1.0: Internet orientado ós contidos </li></ul><ul><u...
22 Módulo 1: Páxinas web. Tipoloxía e estrutura Actividade 1 <ul><li>Editar unha páxina web cos seguintes elementos </li><...
23 Módulo 1: Páxinas web. Tipoloxía e estrutura Pasos <ul><li>Crear unha carpeta onde gardar os arquivos </li></ul><ul><li...
24 Módulo 1: Páxinas web. Tipoloxía e estrutura Index.html <html> <head> <title>O Blog do cursiño...</title> </head> <body...
19 Módulo 2:  Creación e edición de páxinas web
26 Módulo 2: Creación e edición de páxinas web Proceso de creación dunha páxina web <ul><li>Concepción da páxina. Contidos...
27 Módulo 2: Creación e edición de páxinas web Ferramentas para a edición <ul><li>Editores de texto  (escribir texto):  </...
28 Módulo 2: Creación e edición de páxinas web
29 Módulo 2: Creación e edición de páxinas web Hospedaxe dunha páxina web <ul><li>Hospedaxe, aloxamento ou  hosting : as p...
30 Módulo 2: Creación e edición de páxinas web Consideracións a ter en conta <ul><li>Espazo asignado </li></ul><ul><li>Tem...
31 Módulo 2: Creación e edición de páxinas web Actividade 2. Colgar a páxina anterior en Internet <ul><li>Usando algún bus...
32 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML <ul><li>Linguaxe interpretado </li></ul><ul><li>Texto s...
33 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML. Seccións máis importantes <ul><li>HTML . Todo o arquiv...
34 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML.  <ul><li>Elementos de cabeceira </li></ul><ul><li>Títu...
35 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML. Formato do texto  <ul><li>tipo de letra  <font face=“a...
36 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML.  <ul><li>Imaxe  <img src=“../imaxe.jpg” border=“0”> </...
37 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML. Táboas <ul><ul><li><table width=“800” border=“0”> </li...
38 Módulo 2: Creación e edición de páxinas web Actividade 3. Introducir texto con formato, imaxes e ligazóns <ul><li>Retom...
35 Módulo 3:  Creación e edición de blogs
40 Módulo 3: Creación e edición de blogs Blogs. Características <ul><li>Páxina web con certas particularidades </li></ul><...
41 Módulo 3: Creación e edición de blogs Tipos de blogs segundo o seu contido Blog  (weB log).  Similitude coas mensaxes g...
42 Módulo 3: Creación e edición de blogs Tipos de blogs segundo o seu contido Blog  (weB log).  Similitude coas mensaxes g...
43 Módulo 3: Creación e edición de blogs Servidores de blogs <ul><li>Blogger.  ( www.blogger.com ) Fácil e rápido. Menos p...
44 Módulo 3: Creación e edición de blogs Tarefas do blogger <ul><li>Deseño.  Contidos, estrutura e apariencia. </li></ul><...
45 Módulo 3: Creación e edición de blogs Blogs en Blogger.  www.blogger.com
46 Módulo 3: Creación e edición de blogs Blogs en Blogger.
47 Módulo 3: Creación e edición de blogs Blogs en Blogger.
48 Módulo 3: Creación e edición de blogs Blogs en Blogger.
49 Módulo 3: Creación e edición de blogs Blogs en Blogger.  ¡Xa creamos o noso primeiro blog!
50 Módulo 3: Creación e edición de blogs Blogs en Blogger.  ¡Aí vai! Vista de autor
51 Módulo 3: Creación e edición de blogs Blogs en Blogger. Actividade 4  Crear un blog en Blogger con calquera temática
52 Módulo 3: Creación e edición de blogs Blogs en Blogger.  ¡Aí vai! Vista de  visitante
53 Módulo 3: Creación e edición de blogs Blogs en Blogger.  Diferencias
54 Módulo 3: Creación e edición de blogs Blogs en Blogger. Inicio
55 Módulo 3: Creación e edición de blogs Blogs en Blogger. Nova entrada
56 Módulo 3: Creación e edición de blogs Blogs en Blogger. Nova entrada
57 Módulo 3: Creación e edición de blogs Blogs en Blogger. Editar entradas
58 Módulo 3: Creación e edición de blogs Blogs en Blogger. Mantemento
59 Módulo 3: Creación e edición de blogs Blogs en Blogger. Administración
60 Módulo 3: Creación e edición de blogs Blogs en Blogger. Administración
61 Módulo 3: Creación e edición de blogs Blogs en Blogger. Administración
62 Módulo 3: Creación e edición de blogs Blogs en Blogger. Administración
63 Módulo 3: Creación e edición de blogs Blogs en Blogger. Administración
64 Módulo 3: Creación e edición de blogs Blogs en Blogger. Actividade 5  <ul><li>No blog anteriormente creado, </li></ul><...
Upcoming SlideShare
Loading in...5
×

Blogs

270

Published on

Presentación do curso de blogs. Plan Enseña. CEFORE

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
270
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 6
  • 6
  • 6
  • 6
  • 6
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 15
  • 15
  • 15
  • 19
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 35
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • 15
  • Transcript of "Blogs"

    1. 1. Os blogs e a busca de información Docentes - Nivel 1 Presentación xeral
    2. 2. 2 Presentación do curso <ul><li>Módulo 1: Páxinas web. Tipoloxía e estrutura. </li></ul><ul><li>Módulo 2: Creación e edición de páxinas web. </li></ul><ul><li>Módulo 3: Creación e edición de blogs. </li></ul>
    3. 3. 3 Contido do curso <ul><li>Módulo 1. Páxinas web. Tipoloxía segundo a súa estrutura. </li></ul><ul><ul><li>Tipoloxía </li></ul></ul><ul><ul><li>Infrastrutura </li></ul></ul><ul><ul><li>Estrutura </li></ul></ul><ul><ul><li>Web 2.0 </li></ul></ul><ul><li>Módulo 2. Creación e edición de páxinas web </li></ul><ul><ul><li>Servidores gratuitos </li></ul></ul><ul><ul><li>Proceso de creación dunha páxina web </li></ul></ul><ul><ul><li>Ferramentas informáticas </li></ul></ul><ul><ul><li>Conceptos básicos da linguaxe HTML </li></ul></ul>
    4. 4. 4 Contido do curso <ul><li>Módulo 3. Creación e xestión de blogs </li></ul><ul><ul><li>Tipos de blog. Características </li></ul></ul><ul><ul><li>Servidores de blogs </li></ul></ul><ul><ul><li>Mantemento e administración </li></ul></ul><ul><ul><li>Deseño </li></ul></ul><ul><ul><li>Publicación </li></ul></ul>
    5. 5. 5 Módulo 1: Páxinas web. Tipoloxía e estrutura
    6. 6. 6 Módulo 1: Páxinas web. Tipoloxía e estrutura Un pouco de historia <ul><li>1969. Nace ARPANET (EEUU), precursora de Internet </li></ul><ul><li>1986. EEUU + EU forman a estrutura da futura rede </li></ul><ul><li>1988. Fundase en España RedIRIS </li></ul><ul><li>1989. Integración de protocolos </li></ul><ul><li>1990. No CERN crease o HTML, linguaxe universal </li></ul><ul><li>1990. No CERN crease os primeiros servidor e clientes web </li></ul><ul><li>2006. 3 de xaneiro, 1.100.000.000 usuarios de Internet </li></ul>
    7. 7. 7 Módulo 1: Páxinas web. Tipoloxía e estrutura Tipoloxía <ul><li>Persoais (estrutura liñal, pouco complexa, “dormidas”) </li></ul><ul><li>Empresas (estrutura complexa, información e servizos) </li></ul><ul><li>Oficiais (estrutura moi complexa, moita información e moitos servizos, seguridade) </li></ul><ul><li>Educativas (complexidade moderada, moita información pero estática) </li></ul><ul><li>Portais temáticos (altísima complexidade estrutural, moitísima información, interactividade) </li></ul>
    8. 8. 8 Módulo 1: Páxinas web. Tipoloxía e estrutura Tipoloxía <ul><li>Buscadores (estrutura sinxela, pouca interactividade, inxente cantidade de información, rapidez de procesamento) </li></ul><ul><li>Banca on-line (estrutura moi complexa, pouca información, moitos servizos, interactividade, seguridade , transaccións monetarias) </li></ul><ul><li>Comercio electrónico (estrutura complexa, interactividade, seguridade, transaccións monetarias) </li></ul>
    9. 9. 9 Módulo 1: Páxinas web. Tipoloxía e estrutura Linguaxe HTML. Condicionantes <ul><li>Enorme variabilidade de orixes de páxinas web </li></ul><ul><li>Amplo abanico de usos nas páxinas web </li></ul><ul><li>Gran número de plataformas e S.O. nos programadores </li></ul><ul><li>Gran número de plataformas e S.O. nos usuarios </li></ul><ul><li>Complexidades moi diferentes </li></ul><ul><li>Cantidade de páxinas, usuarios e funcionalidades en constante aumento </li></ul>
    10. 10. 10 Módulo 1: Páxinas web. Tipoloxía e estrutura Linguaxe HTML. Requisitos <ul><li>Sistema sinxelo e fácil de aprender </li></ul><ul><li>Versátil </li></ul><ul><li>Universal, independente de máquina, S.O. ou navegador </li></ul><ul><li>Lixeiro, pouco ancho de banda </li></ul><ul><li>Escalable </li></ul><ul><li>HTML: Hyper Text Markup Language </li></ul>
    11. 11. 29 11 Módulo 1: Páxinas web. Tipoloxía e estrutura Infrastrutura
    12. 12. 12 Módulo 1: Páxinas web. Tipoloxía e estrutura ¿Qué é unha páxina web? <ul><li>Arquivo nun servidor </li></ul><ul><li>Compartido </li></ul><ul><li>Escrito nunha linguaxe universal </li></ul>
    13. 13. 13 Módulo 1: Páxinas web. Tipoloxía e estrutura Estrutura + Contido
    14. 14. 14 Módulo 1: Páxinas web. Tipoloxía e estrutura Texto simple <html> <head> <title>O Blog do cursiño...</title> </head> <body> <table width=&quot;800&quot; height=&quot;800&quot; border=&quot;0&quot; bgcolor=&quot;#669966&quot;> <tr> <td colspan=&quot;2&quot;>&nbsp;</td> </tr> <tr> <td width=&quot;154&quot; rowspan=&quot;3&quot;>&nbsp;</td> <td width=&quot;93&quot; bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> <tr> <td bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> <tr> <td height=&quot;200&quot; bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> </table> </body> </html> Estrutura =
    15. 15. 15 Módulo 1: Páxinas web. Tipoloxía e estrutura Contido = <ul><li>Texto simple (ou con formato) </li></ul><ul><li>Ligazóns </li></ul><ul><li>Imaxes </li></ul><ul><li>Sons </li></ul><ul><li>Videos </li></ul><ul><li>Forman parte do arquivo </li></ul><ul><li>Texto </li></ul><ul><li>Ligazóns </li></ul><ul><li>Non forman parte do arquivo </li></ul><ul><li>Imaxes </li></ul><ul><li>Sons </li></ul><ul><li>Videos </li></ul>
    16. 16. 16 Módulo 1: Páxinas web. Tipoloxía e estrutura <html> <head> <title>O Blog do cursiño...</title> </head> <body> <table width=&quot;800&quot; height=&quot;800&quot; border=&quot;0&quot; bgcolor=&quot;#669966&quot;> <tr> <td colspan=&quot;2&quot;>&nbsp;</td> </tr> <tr> <td width=&quot;154&quot; rowspan=&quot;3&quot;>&nbsp;</td> <td width=&quot;93&quot; bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> <tr> <td bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> <tr> <td height=&quot;200&quot; bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> </table> </body> </html> O texto forma parte do arquivo Existen moitos tipos de discapacidade; mental, física, funcional, motora, sensorial, etc. Cada un destes tipos implica unha serie de inconvenientes ás persoas que a padecen. Ó longo da historia, foron aparecendo diferentes aparatos, inventos ou técnicas para facerlle a vida un pouco máis fácil a que sofre estes impedimentos. Exemplos disto son o simple bastón dos ou o adestramento de cans guía para os invidentes, audífonos para os xordos, cadeiras de rodas para os que non poden camiñar, etc. Existen moitos tipos de discapacidade: mental, física, …. Poden camiñar, etc.
    17. 17. 17 Módulo 1: Páxinas web. Tipoloxía e estrutura <html> <head> <title>O Blog do cursiño...</title> </head> <body> <table width=&quot;800&quot; height=&quot;800&quot; border=&quot;0&quot; bgcolor=&quot;#669966&quot;> <tr> <td colspan=&quot;2&quot;>&nbsp;</td> </tr> <tr> <td width=&quot;154&quot; rowspan=&quot;3&quot;>&nbsp;</td> Existen moitos tipos de discapacidade: mental, física, …. Poden camiñar, etc. <td width=&quot;93&quot; bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> <tr> <td bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> <tr> <td height=&quot;200&quot; bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> </table> </body> </html> Existen moitos tipos de discapacidade; mental, física, funcional, motora, sensorial, etc. Cada un destes tipos implica unha serie de inconvenientes ás persoas que a padecen. Ó longo da historia, foron aparecendo diferentes aparatos, inventos ou técnicas para facerlle a vida un pouco máis fácil a que sofre estes impedimentos. Exemplos disto son o simple bastón dos ou o adestramento de cans guía para os invidentes, audífonos para os xordos, cadeiras de rodas para os que non poden camiñar, etc. Pero todos estes son inventos moi “vellos”; ¿ten a moderna tecnoloxía algo que ofrecer?. Pois si, temos dende aparatos que funcionan por ordes faladas para a xente sen mobilidade, ordenadores que poden ser manexados movendo a cabeza ou simplemente coa vista, rampas automáticas para subir escaleiras, etc. Cando a axenda do centro o permita, os alumnos e alumnas de tecnoloxía e un par de profes, realizaremos unha visita ó Centro de atención integral Princesa Letizia , de Vilagarcía de Arousa, onde poderemos ver e interactuar con este tipo de medios, e achegarnos un pouco e ver como é un día de traballo de persoas con parálise cerebral, e o día dos profesores e coidadores que traballan con eles. Este é un centro de día para persoas con parálise cerebral. ¿Sabes o que é un centro de día? ¿E a parálise cerebral ? O texto forma parte do arquivo
    18. 18. 18 Módulo 1: Páxinas web. Tipoloxía e estrutura <html> <head> <title>O Blog do cursiño...</title> </head> <body> <table width=&quot;257&quot; height=&quot;172&quot; border=&quot;0&quot; bgcolor=&quot;#669966&quot;> <tr> <td colspan=&quot;2&quot;>&nbsp; </td> </tr> <tr> <td width=&quot;154&quot; rowspan=&quot;3&quot;>&nbsp; Existen moitos tipos de discapacidade: mental, física, …. Poden camiñar, etc. </td> <td width=&quot;93&quot; bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> <tr> <td bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> <tr> <td height=&quot;51&quot; bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> </table> </body> </html> Existen moitos tipos de discapacidade; mental, física, funcional, motora, sensorial, etc. Cada un destes tipos implica unha serie de inconvenientes ás persoas que a padecen. Ó longo da historia, foron aparecendo diferentes aparatos, inventos ou técnicas para facerlle a vida un pouco máis fácil a que sofre estes impedimentos. Exemplos disto son o simple bastón dos ou o adestramento de cans guía para os invidentes, audífonos para os xordos, cadeiras de rodas para os que non poden camiñar, etc. Pero todos estes son inventos moi “vellos”; ¿ten a moderna tecnoloxía algo que ofrecer?. Pois si, temos dende aparatos que funcionan por ordes faladas para a xente sen mobilidade, ordenadores que poden ser manexados movendo a cabeza ou simplemente coa vista, rampas automáticas para subir escaleiras, etc. Cando a axenda do centro o permita, os alumnos e alumnas de tecnoloxía e un par de profes, realizaremos unha visita ó Centro de atención integral Princesa Letizia , de Vilagarcía de Arousa, onde poderemos ver e interactuar con este tipo de medios, e achegarnos un pouco e ver como é un día de traballo de persoas con parálise cerebral, e o día dos profesores e coidadores que traballan con eles. Este é un centro de día para persoas con parálise cerebral. ¿Sabes o que é un centro de día? ¿E a parálise cerebral ? As imaxes non forman parte do arquivo cole.jpg
    19. 19. 19 Módulo 1: Páxinas web. Tipoloxía e estrutura <html> <head> <title>O Blog do cursiño...</title> </head> <body> <table width=&quot;257&quot; height=&quot;172&quot; border=&quot;0&quot; bgcolor=&quot;#669966&quot;> <tr> <td colspan=&quot;2&quot;>&nbsp; <img src=“./cole.jpg”> </td> </td> </tr> <tr> <td width=&quot;154&quot; rowspan=&quot;3&quot;>&nbsp; Existen moitos tipos de discapacidade: mental, física, …. Poden camiñar, etc. </td> <td width=&quot;93&quot; bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> <tr> <td bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> <tr> <td height=&quot;51&quot; bgcolor=&quot;#666633&quot;>&nbsp;</td> </tr> </table> </body> </html> Existen moitos tipos de discapacidade; mental, física, funcional, motora, sensorial, etc. Cada un destes tipos implica unha serie de inconvenientes ás persoas que a padecen. Ó longo da historia, foron aparecendo diferentes aparatos, inventos ou técnicas para facerlle a vida un pouco máis fácil a que sofre estes impedimentos. Exemplos disto son o simple bastón dos ou o adestramento de cans guía para os invidentes, audífonos para os xordos, cadeiras de rodas para os que non poden camiñar, etc. Pero todos estes son inventos moi “vellos”; ¿ten a moderna tecnoloxía algo que ofrecer?. Pois si, temos dende aparatos que funcionan por ordes faladas para a xente sen mobilidade, ordenadores que poden ser manexados movendo a cabeza ou simplemente coa vista, rampas automáticas para subir escaleiras, etc. Cando a axenda do centro o permita, os alumnos e alumnas de tecnoloxía e un par de profes, realizaremos unha visita ó Centro de atención integral Princesa Letizia , de Vilagarcía de Arousa, onde poderemos ver e interactuar con este tipo de medios, e achegarnos un pouco e ver como é un día de traballo de persoas con parálise cerebral, e o día dos profesores e coidadores que traballan con eles. Este é un centro de día para persoas con parálise cerebral. ¿Sabes o que é un centro de día? ¿E a parálise cerebral ? As imaxes non forman parte do arquivo
    20. 20. 20 Módulo 1: Páxinas web. Tipoloxía e estrutura En resumo, unha páxina web é unha serie de arquivos enlazados, cun arquivo índice que os xunta dándolle a estrutura á páxina <ul><li>Pros </li></ul><ul><li>Pouco peso (carga rápido) </li></ul><ul><li>Recursos noutro servidor </li></ul><ul><li>Facilidade de programación </li></ul><ul><li>Non precisa SW específico </li></ul><ul><li>Contras </li></ul><ul><li>Posibles fallos externos nas ligazóns </li></ul>
    21. 21. 21 Módulo 1: Páxinas web. Tipoloxía e estrutura A Web 2.0 <ul><li>Web 1.0: Internet orientado ós contidos </li></ul><ul><ul><li>O modelo esgotouse: A regla do 90 – 9 – 1 </li></ul></ul><ul><ul><ul><li>90 % usuarios pasivos </li></ul></ul></ul><ul><ul><ul><li>9 % colaboradores ocasionais </li></ul></ul></ul><ul><ul><ul><li>1 % usuarios realmente activos </li></ul></ul></ul><ul><li>Web 2.0: Internet orientada ós usuarios </li></ul><ul><ul><li>YouTube, Google Earth, Wikipedia, blogs </li></ul></ul><ul><ul><li>SecondLife </li></ul></ul>
    22. 22. 22 Módulo 1: Páxinas web. Tipoloxía e estrutura Actividade 1 <ul><li>Editar unha páxina web cos seguintes elementos </li></ul><ul><ul><li>Unha foto horizontal de cabeceira </li></ul></ul><ul><ul><li>Un menú lateral con 3 seccións de texto </li></ul></ul><ul><ul><li>Un bloque central de texto </li></ul></ul><ul><ul><li>Insertar imaxes </li></ul></ul>
    23. 23. 23 Módulo 1: Páxinas web. Tipoloxía e estrutura Pasos <ul><li>Crear unha carpeta onde gardar os arquivos </li></ul><ul><li>Abrir o bloc de notas e copiar a estrutura do arquivo </li></ul><ul><li>Gardar o arquivo co nome “index.html” </li></ul><ul><li>Buscar imaxes en Internet para engadir </li></ul><ul><li>Insertar o texto e as imaxes no sitio correspondente </li></ul><ul><li>Gardar o arquivo </li></ul><ul><li>Facer doble clic no arquivo e abrilo co navegador </li></ul>
    24. 24. 24 Módulo 1: Páxinas web. Tipoloxía e estrutura Index.html <html> <head> <title>O Blog do cursiño...</title> </head> <body> <table width=&quot;257&quot; height=&quot;172&quot; border=&quot;0&quot; bgcolor=&quot;#669966&quot;> <tr> <td colspan=&quot;2&quot;>&nbsp; <img src=“./cole.jpg”> </td> </td> </tr> <tr> <td width=&quot;154&quot; rowspan=&quot;3&quot;>&nbsp; Texto do bloque central </td> <td width=&quot;93&quot; bgcolor=&quot;#666633&quot;>&nbsp; Texto de menú lateral </td> </tr> <tr> <td bgcolor=&quot;#666633&quot;>&nbsp; Texto de menú lateral </td> </tr> <tr> <td height=&quot;51&quot; bgcolor=&quot;#666633&quot;>&nbsp; Texto de menú lateral </td> </tr> </table> </body> </html>
    25. 25. 19 Módulo 2: Creación e edición de páxinas web
    26. 26. 26 Módulo 2: Creación e edición de páxinas web Proceso de creación dunha páxina web <ul><li>Concepción da páxina. Contidos e servizos </li></ul><ul><li>Organización e estruturación da información </li></ul><ul><li>Compilación do texto, imaxes e documentos a incluir </li></ul><ul><li>Editar os arquivos HTML </li></ul><ul><li>Subilos a un servidor (upload) </li></ul><ul><li>Probar o seu funcionamento </li></ul><ul><li>Rexistrar a páxina en algún directorio </li></ul>
    27. 27. 27 Módulo 2: Creación e edición de páxinas web Ferramentas para a edición <ul><li>Editores de texto (escribir texto): </li></ul><ul><ul><li>Bloc de notas </li></ul></ul><ul><li>Editores de HTML (resaltan etiquetas): </li></ul><ul><ul><li>AceHtml, HTMLkit, First Page 2000 (son freeware) </li></ul></ul><ul><li>Editores WYSIWYG (ademáis, previsualizan como queda): </li></ul><ul><ul><li>Macromedia DreamWeaver, Adobe GoLive, Microsoft FrontPage, Word </li></ul></ul><ul><li>WYSIWYG: What You See Is What You Get </li></ul>
    28. 28. 28 Módulo 2: Creación e edición de páxinas web
    29. 29. 29 Módulo 2: Creación e edición de páxinas web Hospedaxe dunha páxina web <ul><li>Hospedaxe, aloxamento ou hosting : as páxinas residen nun servidor que as comparte, con gran ancho de banda </li></ul><ul><li>Servidores </li></ul><ul><ul><li>Comerciais . Tarifa baixa, gigas de espazo, contas de correo electrónico e grupos </li></ul></ul><ul><ul><li>De “regalo” . Proveedor de Servicios de Internet (ISP) </li></ul></ul><ul><ul><li>Gratuitos . Lentos, con publicidade e con fallos. </li></ul></ul>
    30. 30. 30 Módulo 2: Creación e edición de páxinas web Consideracións a ter en conta <ul><li>Espazo asignado </li></ul><ul><li>Tempo de uso gratis </li></ul><ul><li>Facilidade de uploading (formulario de subida, ftp) </li></ul><ul><li>Cantidade de publicidade </li></ul><ul><li>Velocidade do servidor </li></ul><ul><li>Características adicionais (contadores, libro de visita, java, javascript, estatísticas, etc) </li></ul>
    31. 31. 31 Módulo 2: Creación e edición de páxinas web Actividade 2. Colgar a páxina anterior en Internet <ul><li>Usando algún buscador, localizar hospedaxes gratuitos </li></ul><ul><li>Comparalos, escoller un, e rexistrarse nel </li></ul><ul><li>Subilo ao espazo acadado no servidor </li></ul><ul><li>Comprobar que funciona ben </li></ul>
    32. 32. 32 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML <ul><li>Linguaxe interpretado </li></ul><ul><li>Texto simple con etiquetas ( tags ), que “abren e cerran” </li></ul><ul><li>Insertanse referencias aos elementos non texto </li></ul><ul><li>Sangrado do texto ( código fonte ) </li></ul>
    33. 33. 33 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML. Seccións máis importantes <ul><li>HTML . Todo o arquivo empeza por <html> e remata con </html> </li></ul><ul><li>HEAD . Información sobre o arquivo (non se visualiza) <head> </head> </li></ul><ul><li>BODY . O que se amosa da páxina <body> </body> </li></ul>
    34. 34. 34 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML. <ul><li>Elementos de cabeceira </li></ul><ul><li>Título . <title> </title> </li></ul><ul><li>Folla de estilo . Onde se enlaza <link> </li></ul><ul><li>Estilo . O estilo da páxina <style> </li></ul>
    35. 35. 35 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML. Formato do texto <ul><li>tipo de letra <font face=“arial”> texto a formatear </font> </li></ul><ul><li>tamaño <font size=5> texto a formatear </font> </li></ul><ul><li>color <font color=green> texto a formatear </font> </li></ul><ul><li>negrita <b> texto a formatear </b> </li></ul><ul><li>cursiva <i> texto a formatear </i> </li></ul><ul><li>subrayar <u> texto a formatear </u> </li></ul><ul><li>centrar <center> texto a formatear </center> </li></ul>
    36. 36. 36 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML. <ul><li>Imaxe <img src=“../imaxe.jpg” border=“0”> </li></ul><ul><li><img src=“http://www.flickr.com/imaxe.jpg”> </li></ul><ul><li>Comentario <!-- texto a comentar -- > </li></ul><ul><li>ligazón </li></ul><ul><li><a href=“ http://www.microsoft.com ”> Microsoft </a> </li></ul><ul><li>Nova liña <br> </li></ul><ul><li>Novo parágrafo <p> </li></ul>
    37. 37. 37 Módulo 2: Creación e edición de páxinas web Fundamentos de HTML. Táboas <ul><ul><li><table width=“800” border=“0”> </li></ul></ul><ul><ul><li><tr> </li></ul></ul><ul><ul><li><td width=“400” align=“right”> </li></ul></ul><ul><ul><li></td> </li></ul></ul><ul><ul><li><td align=“right”> </li></ul></ul><ul><ul><li></td> </li></ul></ul><ul><ul><li></tr> </li></ul></ul><ul><ul><li><tr> </li></ul></ul><ul><ul><li><td align=“right”> </li></ul></ul><ul><ul><li></td> </li></ul></ul><ul><ul><li><td align=“right”> </li></ul></ul><ul><ul><li></td> </li></ul></ul><ul><ul><li></tr> </li></ul></ul><ul><ul><li></table> </li></ul></ul>
    38. 38. 38 Módulo 2: Creación e edición de páxinas web Actividade 3. Introducir texto con formato, imaxes e ligazóns <ul><li>Retomar o arquivo anterior e engadirlle máis elementos </li></ul><ul><li>actualizar os cambios en Internet </li></ul>
    39. 39. 35 Módulo 3: Creación e edición de blogs
    40. 40. 40 Módulo 3: Creación e edición de blogs Blogs. Características <ul><li>Páxina web con certas particularidades </li></ul><ul><li>Viva, actualízase periódicamente </li></ul><ul><li>É interactiva, o visitante pode participar nela </li></ul><ul><li>Servidores proveen facilidades para crealos e administralos </li></ul><ul><li>Amosan os artigos por orde de publicación inverso </li></ul>
    41. 41. 41 Módulo 3: Creación e edición de blogs Tipos de blogs segundo o seu contido Blog (weB log). Similitude coas mensaxes grabadas nos troncos. Blog. Artigos de texto, incluindo algunhas imaxes ou videos Fotolog . Fotos, con texto acompañándoas Videolog . Videos, cun texto explicativo
    42. 42. 42 Módulo 3: Creación e edición de blogs Tipos de blogs segundo o seu contido Blog (weB log). Similitude coas mensaxes grabadas nos troncos. Blog. Artigos de texto, incluindo algunhas imaxes ou videos Fotolog . Fotos, con texto acompañándoas Videolog . Videos, cun texto explicativo
    43. 43. 43 Módulo 3: Creación e edición de blogs Servidores de blogs <ul><li>Blogger. ( www.blogger.com ) Fácil e rápido. Menos potente que Wordpress, pero máis sinxelo. Gratis. </li></ul><ul><li>Blogia. ( www.blogia.com ) Sinxelo e en español. Gratis. </li></ul><ul><li>Wordpress .( es.wordpress.com ) Elegante e potente, pero algo máis complexo que blogger. O máis popular. Gratis. </li></ul><ul><li>Bitacoras . ( www.bitacoras.org ) cun bo directorio de blogs. Gratis pero con invitación. </li></ul>
    44. 44. 44 Módulo 3: Creación e edición de blogs Tarefas do blogger <ul><li>Deseño. Contidos, estrutura e apariencia. </li></ul><ul><li>Edición. Escritura dos arquivos HTML. </li></ul><ul><li>Escritura. Escritura dos artigos e contestación de correos. </li></ul><ul><li>Publicación. Dos artigos escritos </li></ul><ul><li>Mantemento . Renovación do blog, eliminación de artigos ou seccións obsoletas, etc. </li></ul><ul><li>Administración . Dar de alta e baixa autores, supervisar artigos (moderador). </li></ul>
    45. 45. 45 Módulo 3: Creación e edición de blogs Blogs en Blogger. www.blogger.com
    46. 46. 46 Módulo 3: Creación e edición de blogs Blogs en Blogger.
    47. 47. 47 Módulo 3: Creación e edición de blogs Blogs en Blogger.
    48. 48. 48 Módulo 3: Creación e edición de blogs Blogs en Blogger.
    49. 49. 49 Módulo 3: Creación e edición de blogs Blogs en Blogger. ¡Xa creamos o noso primeiro blog!
    50. 50. 50 Módulo 3: Creación e edición de blogs Blogs en Blogger. ¡Aí vai! Vista de autor
    51. 51. 51 Módulo 3: Creación e edición de blogs Blogs en Blogger. Actividade 4 Crear un blog en Blogger con calquera temática
    52. 52. 52 Módulo 3: Creación e edición de blogs Blogs en Blogger. ¡Aí vai! Vista de visitante
    53. 53. 53 Módulo 3: Creación e edición de blogs Blogs en Blogger. Diferencias
    54. 54. 54 Módulo 3: Creación e edición de blogs Blogs en Blogger. Inicio
    55. 55. 55 Módulo 3: Creación e edición de blogs Blogs en Blogger. Nova entrada
    56. 56. 56 Módulo 3: Creación e edición de blogs Blogs en Blogger. Nova entrada
    57. 57. 57 Módulo 3: Creación e edición de blogs Blogs en Blogger. Editar entradas
    58. 58. 58 Módulo 3: Creación e edición de blogs Blogs en Blogger. Mantemento
    59. 59. 59 Módulo 3: Creación e edición de blogs Blogs en Blogger. Administración
    60. 60. 60 Módulo 3: Creación e edición de blogs Blogs en Blogger. Administración
    61. 61. 61 Módulo 3: Creación e edición de blogs Blogs en Blogger. Administración
    62. 62. 62 Módulo 3: Creación e edición de blogs Blogs en Blogger. Administración
    63. 63. 63 Módulo 3: Creación e edición de blogs Blogs en Blogger. Administración
    64. 64. 64 Módulo 3: Creación e edición de blogs Blogs en Blogger. Actividade 5 <ul><li>No blog anteriormente creado, </li></ul><ul><li>Darlle permisos de autor ao noso compañeiro ou compañeira de mesa </li></ul><ul><li>Confirmar a autorización para a invitación que recibiremos </li></ul><ul><li>Dotar de contidos o blog creado, insertando imaxes, ligazóns e algún video </li></ul><ul><li>Xogar cos formatos e cos deseños </li></ul><ul><li>Utilizar os recursos de buscas para localizar imaxes, textos, etc. </li></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×