SlideShare una empresa de Scribd logo
1 de 12
Diplomatura Superior En Utilización
De Las Tics Como Herramientas
Educativas
Facultad de Humanidades UNaM
CLASE Nº
5
CLASE 4 Contenidos
 Crear en la computadora local una carpeta para
almacenar la Web
 Crear página principal index.html
 Crear página contacto.html
 Crear página curriculo.html
 Transferir el nuevo sitio
 Backup de nuestro sitio
Sitio Web, desarrollo y publicación
Para esta actividad es necesario tener disponible un servicio de hosting.
Crear carpeta:
Sitio Web, desarrollo y publicación
Crear página principal index.html
Usando Word, armar una página
Web con el siguiente modelo:
Atención: Cada página que creamos guardamos dentro de nuestra nueva carpeta
Sitio Web, desarrollo y publicación
index.html
Combinando un grupo de celdas,
insertamos en su lugar una imagen:
Atención: Cada página que creamos guardamos dentro de nuestra nueva carpeta
Sitio Web, desarrollo y publicación
index.htm
Creamos los hipervínculos:
TEXTO HIPERVÍNCULO
Inicio index.htm
Aula Virtual /claroline/index.php
Blog
Docs
Curriculo curriculo.htm
Contacto contacto.htm
Completamos los hipervínculos
Guardamos dentro de nuestra carpeta como:
Tipo: Página Web (*.htm)
Nombre de archivo: index.htm
Atención: Cada página que creamos guardamos dentro de nuestra nueva carpeta
Sitio Web, desarrollo y publicación
contacto.html
De la página principal index.html
guardamos como: contacto.html
Escribimos la información de contacto
con el siguiente diseño:
Ahora volvemos a guardar para
conservar los cambios
realizados
Luego borramos las filas debajo del
menú:
Sitio Web, desarrollo y publicación
Crear la página curriculo.html
De la página principal index.html
guardamos como: curriculo.html
Por ultimo, volvemos a guardar para
conservar los cambios
realizados
Luego borramos las filas debajo del
menú:
Podríamos copiar de nuestro sitio Web el
currículo y pegamos en la parte inferior del
nuevo currículo o bien redactarlo ahora.
Sitio Web, desarrollo y publicación
Creación del archivo ZIP
• Seleccionamos el contenido de nuestra carpeta (lo que está dentro)
• Botón derecho del mouse
Sitio Web, desarrollo y publicación
Transferir el nuevo sitio
• con el botón “Upload” = “Subir archivo”
• Utilizar el botón destinado a archivos ZIP (descomprime el zip dentro del hosting)
Nuestro sitio está listo…
Sitio Web, desarrollo y publicación
Backup de nuestro sitio
Para crear backup de nuestro sitio:
• Utilizar “Upload”
• Utilizar el FTP destinado a archivos
sueltos y transferimos el ZIP.
Podremos descargar el ZIP desde el
hosting a cualquier computadora
Sitio Web, desarrollo y publicación
 FIN Clase 5
Diplomatura Superior En
Utilización De Las Tics Como
Herramientas Educativas

Más contenido relacionado

La actualidad más candente

Trabajo practico Nº13
Trabajo practico Nº13Trabajo practico Nº13
Trabajo practico Nº13
rodolfogonella
 
Trabajo prctico n 2
Trabajo prctico n 2Trabajo prctico n 2
Trabajo prctico n 2
emanuelpaz
 
Como subir una presentacion y un video a blog
Como subir una presentacion y un video a blogComo subir una presentacion y un video a blog
Como subir una presentacion y un video a blog
GracielaMendiondo
 
Curso de diseño web con wordpress. tema 1
Curso de diseño web con wordpress. tema 1Curso de diseño web con wordpress. tema 1
Curso de diseño web con wordpress. tema 1
Mumaprojects
 
Tp2 juan cirio
Tp2 juan cirioTp2 juan cirio
Tp2 juan cirio
juan_cirio
 

La actualidad más candente (20)

Examen Diseño de portafolios en Línea
Examen Diseño de portafolios en LíneaExamen Diseño de portafolios en Línea
Examen Diseño de portafolios en Línea
 
Crea tu Wordpress: primeros pasos
Crea tu Wordpress:  primeros pasosCrea tu Wordpress:  primeros pasos
Crea tu Wordpress: primeros pasos
 
Trabajo practico Nº13
Trabajo practico Nº13Trabajo practico Nº13
Trabajo practico Nº13
 
Trabajo practico 13
Trabajo practico 13Trabajo practico 13
Trabajo practico 13
 
Franmanca1
Franmanca1Franmanca1
Franmanca1
 
Crea tu web en wordpress 2015
Crea tu web en wordpress 2015Crea tu web en wordpress 2015
Crea tu web en wordpress 2015
 
Wordpress
WordpressWordpress
Wordpress
 
Trabajo prctico n 2
Trabajo prctico n 2Trabajo prctico n 2
Trabajo prctico n 2
 
Introducción al diseño de sitios web con dreamweaber
Introducción al diseño de sitios web con dreamweaberIntroducción al diseño de sitios web con dreamweaber
Introducción al diseño de sitios web con dreamweaber
 
Webquests paso a_paso_gchg
Webquests paso a_paso_gchgWebquests paso a_paso_gchg
Webquests paso a_paso_gchg
 
Ataque masivo a WordPress con ILLOWP
Ataque masivo a WordPress con ILLOWPAtaque masivo a WordPress con ILLOWP
Ataque masivo a WordPress con ILLOWP
 
Como subir una presentacion y un video a blog
Como subir una presentacion y un video a blogComo subir una presentacion y un video a blog
Como subir una presentacion y un video a blog
 
Wordpress
WordpressWordpress
Wordpress
 
Curso de diseño web con wordpress. tema 1
Curso de diseño web con wordpress. tema 1Curso de diseño web con wordpress. tema 1
Curso de diseño web con wordpress. tema 1
 
Curso iniciacion al diseño web con WordPress
Curso iniciacion al diseño web con WordPressCurso iniciacion al diseño web con WordPress
Curso iniciacion al diseño web con WordPress
 
Wordpress
WordpressWordpress
Wordpress
 
Wix yola
Wix   yolaWix   yola
Wix yola
 
Como agregar un powerpoint a blogger
Como agregar un powerpoint a bloggerComo agregar un powerpoint a blogger
Como agregar un powerpoint a blogger
 
Creación de un sitio web en wordpress
Creación de un sitio web en wordpressCreación de un sitio web en wordpress
Creación de un sitio web en wordpress
 
Tp2 juan cirio
Tp2 juan cirioTp2 juan cirio
Tp2 juan cirio
 

Similar a Clase5 sitio web_desarrollo

Búsqueda de sitios ultimo treabajo de tic
Búsqueda de sitios ultimo treabajo de ticBúsqueda de sitios ultimo treabajo de tic
Búsqueda de sitios ultimo treabajo de tic
Julieta Aliscioni
 
Tutorial Hacer Una Pagina Web
Tutorial Hacer Una Pagina WebTutorial Hacer Una Pagina Web
Tutorial Hacer Una Pagina Web
jorge9414
 
Subir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blogSubir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blog
axelpulgar80
 
Guía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezcGuía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezc
tomasherrera
 
Guía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezcGuía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezc
monwall2009
 
Guía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezcGuía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezc
educarsalud
 

Similar a Clase5 sitio web_desarrollo (20)

eXeLearning
eXeLearningeXeLearning
eXeLearning
 
Búsqueda de sitios ultimo treabajo de tic
Búsqueda de sitios ultimo treabajo de ticBúsqueda de sitios ultimo treabajo de tic
Búsqueda de sitios ultimo treabajo de tic
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Tutorial Hacer Una Pagina Web
Tutorial Hacer Una Pagina WebTutorial Hacer Una Pagina Web
Tutorial Hacer Una Pagina Web
 
Tutorial eXe Learning OVA
Tutorial eXe Learning OVA Tutorial eXe Learning OVA
Tutorial eXe Learning OVA
 
Tutorial exeLearning
Tutorial exeLearningTutorial exeLearning
Tutorial exeLearning
 
Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3
 
Rody jose ortiz solis
Rody jose ortiz solisRody jose ortiz solis
Rody jose ortiz solis
 
Instructivos para taller
Instructivos para taller Instructivos para taller
Instructivos para taller
 
Subir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blogSubir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blog
 
Web2004
Web2004Web2004
Web2004
 
Trabajo Práctico Nro 10
Trabajo Práctico Nro 10Trabajo Práctico Nro 10
Trabajo Práctico Nro 10
 
Ss tp10
Ss tp10Ss tp10
Ss tp10
 
Guía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezcGuía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezc
 
Guía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezcGuía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezc
 
Guía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezcGuía de trabajo doctorado tics freddychavezc
Guía de trabajo doctorado tics freddychavezc
 
Como Insertar Presentaciones De Slide Share En Joomla Rcr
Como Insertar Presentaciones De Slide Share En Joomla RcrComo Insertar Presentaciones De Slide Share En Joomla Rcr
Como Insertar Presentaciones De Slide Share En Joomla Rcr
 
Angie marti informatik
Angie marti informatikAngie marti informatik
Angie marti informatik
 

Clase5 sitio web_desarrollo

  • 1. Diplomatura Superior En Utilización De Las Tics Como Herramientas Educativas Facultad de Humanidades UNaM CLASE Nº 5
  • 2. CLASE 4 Contenidos  Crear en la computadora local una carpeta para almacenar la Web  Crear página principal index.html  Crear página contacto.html  Crear página curriculo.html  Transferir el nuevo sitio  Backup de nuestro sitio Sitio Web, desarrollo y publicación Para esta actividad es necesario tener disponible un servicio de hosting.
  • 3. Crear carpeta: Sitio Web, desarrollo y publicación
  • 4. Crear página principal index.html Usando Word, armar una página Web con el siguiente modelo: Atención: Cada página que creamos guardamos dentro de nuestra nueva carpeta Sitio Web, desarrollo y publicación
  • 5. index.html Combinando un grupo de celdas, insertamos en su lugar una imagen: Atención: Cada página que creamos guardamos dentro de nuestra nueva carpeta Sitio Web, desarrollo y publicación
  • 6. index.htm Creamos los hipervínculos: TEXTO HIPERVÍNCULO Inicio index.htm Aula Virtual /claroline/index.php Blog Docs Curriculo curriculo.htm Contacto contacto.htm Completamos los hipervínculos Guardamos dentro de nuestra carpeta como: Tipo: Página Web (*.htm) Nombre de archivo: index.htm Atención: Cada página que creamos guardamos dentro de nuestra nueva carpeta Sitio Web, desarrollo y publicación
  • 7. contacto.html De la página principal index.html guardamos como: contacto.html Escribimos la información de contacto con el siguiente diseño: Ahora volvemos a guardar para conservar los cambios realizados Luego borramos las filas debajo del menú: Sitio Web, desarrollo y publicación
  • 8. Crear la página curriculo.html De la página principal index.html guardamos como: curriculo.html Por ultimo, volvemos a guardar para conservar los cambios realizados Luego borramos las filas debajo del menú: Podríamos copiar de nuestro sitio Web el currículo y pegamos en la parte inferior del nuevo currículo o bien redactarlo ahora. Sitio Web, desarrollo y publicación
  • 9. Creación del archivo ZIP • Seleccionamos el contenido de nuestra carpeta (lo que está dentro) • Botón derecho del mouse Sitio Web, desarrollo y publicación
  • 10. Transferir el nuevo sitio • con el botón “Upload” = “Subir archivo” • Utilizar el botón destinado a archivos ZIP (descomprime el zip dentro del hosting) Nuestro sitio está listo… Sitio Web, desarrollo y publicación
  • 11. Backup de nuestro sitio Para crear backup de nuestro sitio: • Utilizar “Upload” • Utilizar el FTP destinado a archivos sueltos y transferimos el ZIP. Podremos descargar el ZIP desde el hosting a cualquier computadora Sitio Web, desarrollo y publicación
  • 12.  FIN Clase 5 Diplomatura Superior En Utilización De Las Tics Como Herramientas Educativas