SlideShare una empresa de Scribd logo
1 de 4
TRABAJO PRÁCTICO Nº4


FECHA DE PRESENTACION DE TAREAS:


2º A -------> 27/3


1. Enumera los pasos necesarios para crear un sitio. ¿Puedes crear más de
un sitio con tu mismo nombre de usuario?
   •   Determinar la estructura del sitioUna vez que sabes lo que
   quieres hacer, es buena idea decidir qué es lo que incluirá esta
   página. Haz una lista de todas las cosas que quieres incluir.
   Determina cómo ellos se integrarán en la página. Prepara un mapa
   estructural del sitio Web como el de abajo para ayudarte a
   visualizar la estructura del sitio.Mi página principalAcerca de
   nosotrosPróximo       eventosInform.      de      serviciosInform.
   contactosHipervínculos
   •   3. 3. Decide la apariencia de la páginaEsta etapa es importante
   en la planeación en un sitio Web. Está bien tener una mirada firme
   en todas las partes del sitio. Si tu negocio, organización o
   propuesta ya tiene logotipos y colores que son usados en el
   papel , etc. Los puedes usar en el diseño del sitio. Haz el diseño y
   el diagrama de la ubicación de los objetos de la página hasta que
   tengas algo que te guste, por ejemplo:LinkLinkTexto Logo y
   TítuloGifPatroci-nadorImagen como fondoImagen
   •   4. 4. Considera el diseñoAntes de comenzar a crear documentos
   HTML tienes que considerar varios aspectos. Algunos de éstos
   son:Tomar en cuenta que tipos de visitante vas a tener y que tu
   página sea compatible con diferentes tipos de navegadores.La
   excelente pagina que has pasado horas diseñando puede tomar
   tiempo en descargarse. Si esto es el caso, muchos invitados no
   esperarán hasta que termine la descarga e irán a otra
   parte.Hacerla fácil para el público para que pueda desplazarse de
   una área del sitio a otra.Trata de encontrar equilibrio entre un sitio
   web aburrido y un sitio Web excesivo.
5.         Escoge           el           editor
Se puede utilizar un editor de Windows: bloc de notas o wordpadun
sitio Web excesivo.
                6.     Busca       y     junta       los      objetos
Imágenes, logos, animaciones, sonidos, películas, etc. Que vas a
utilizar en tu página Web.
                        7.          Crea          el           codigo
Crea el código para cada objeto y guárdalo con extensión HTML.
                   8.      Visualizar       mi         pagina
Abre el navegador de tu pagina elaborada y checa como funciona tu
código.

                9.        Modificar       mi        pagina
Para eventuales modificaciones, no es necesario volver a abrir cada
vez                          el                          navegador.


   •   Vuelve al editor de texto (sin cerrar el el navegador).
   •   Modifica el código html.
   •   Guarda el archivo.
   •   Utiliza el menú ver-actualizar del navegador u oprime F5 para
   ver los cambios.
           10.     Publica       la    página       en      internet
Para eventuales modificaciones, no es necesario volver a abrir cada
vez                          el                          navegador.


   •   Vuelve al editor de texto (sin cerrar el navegador).
   •   Modifica el código html.
   •   Guarda el archivo.


2. ¿Qué es el diseño de un sitio?¿Cuál es la dirección url de tu sitio?
Es        el        fondo         del         sitio.       http://es.jimdo.com/
3. ¿Cómo insertas un video en una página? ¿Cómo insertas una imagen? ¿Y un
álbum de fotos?
subirlo a YouTube y luego incrustarlo en la página web por
medio de un código HTML que ellos proporcionan. una imagen
puede insertarse o bien dentro de un párrafo, es decir, entre palabras, como
este ejemplo    y sin que el párrafo se corte, o bien como una línea
independiente. En ambos casos es aconsejable meterla en un párrafo, a
pesar de que sea la imagen lo único que haya en esa línea, es decir, siempre
encerrada entre <p> y </p>.Para insertar un álbum, sigue estos pasos:

   1. En la página Mis fotos, haz clic en el álbum.
   2. A la derecha de la página, haz clic en Enlazar a este álbum.
   3. Copia el código HTML (Ctrl+C) en el campo "Copiar el HTML para
      incrustarlo en el sitio web".
   4. Pega el código HTML (Ctrl+V) en el código fuente de tu sitio
      4. ¿Cómo insertas un link directo a un sitio web externo?
   copias la url >> click con el derecho del raton sobre el
   escritorio >> nuevo >> acceso directo >> se te abre una
   ventana donde tienes que poner primero la url >> siguiente y
   pones el nombre con el cual quieres que salga y ya sta
   5. Explica cómo insertas un test de la página www.analizame.com en el
      weebly.


   6. Debo arrastrar el logo html personalizado a mi pagina copiar y pegar
      el link del test analizame.com a mi pagina de weebly.com.
      6. Indica los pasos para subir un archivo de Word a la página Trabajos
      Prácticos del Weebly para poder descargarlo en otra PC.


   7. Debo hacer una pagina nueva con el nombre trabajos practico y
      arrastra el logo de archivos de mi pagina e insertar mi archivo de
      Word y luego lo tengo que publicar para poder verlo en otra pc.
      7. ¿Cómo creas una página nueva?¿Cómo insertas un link directo a una
      página web en la página home?


   8. Debo poner crear pagina e insertar el nombre de mi pagina nueva.
      Tengo que poner el logo html personalizado a mi pagina capiar el link
      y                   lo                   pego,                  listo.
      8. Explica con tus palabras el significado de embed code y la función
      del botón HTML del weebly.
9. El botón de html es para copiar y pegar un link que quiero a mi
      pagina.           Embed           code=           a         integrado
      9. ¿Qué es un slideshow? ¿Cómo insertas un slideshow en tu página?




   10. Modifica todas las opciones de diseño de tu weebly.


11. Explica la función de cada uno de los botones de la barra formato del
weebly.




Las tres letras que aparecen al principio quiere decir negrita cursiva y subrayado.

El cuarto es para cambiar el color de las letras.

El mas o el menos es para agrandar o achicar la letra.

El que aparece con los guiones es para escribir al costado, en el medio, normal o al otro
costado.

El de las flechas es para deshacer o reaser oalgo.

Más contenido relacionado

La actualidad más candente

Trabajo practico numero 2 fernanda gonzalez
Trabajo practico numero 2 fernanda gonzalezTrabajo practico numero 2 fernanda gonzalez
Trabajo practico numero 2 fernanda gonzalezFernandaGonzalez13
 
Modifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseModifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseJuan Hernando García
 
Luciana ramos
Luciana ramosLuciana ramos
Luciana ramosluuhramos
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas WebJose Casan
 
Trabajo practico numero 2 sol y fer
Trabajo practico numero 2 sol y ferTrabajo practico numero 2 sol y fer
Trabajo practico numero 2 sol y fersolbretones
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina weblauraandrea1996
 
Tutorial uso de weebly
Tutorial uso de weeblyTutorial uso de weebly
Tutorial uso de weeblyInma Contreras
 
Que necesita para crear un sitio web
Que necesita para crear un sitio webQue necesita para crear un sitio web
Que necesita para crear un sitio webgvmendezm
 
Creación de páginas usando dream weaver
Creación de páginas usando dream weaverCreación de páginas usando dream weaver
Creación de páginas usando dream weaverSol Romero Vela
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio webtomyycerr
 
Trabajo prctico n 2
Trabajo prctico n 2Trabajo prctico n 2
Trabajo prctico n 2emanuelpaz
 
practico numero 2
practico numero 2 practico numero 2
practico numero 2 ailen0897
 

La actualidad más candente (17)

Trabajo practico numero 2 fernanda gonzalez
Trabajo practico numero 2 fernanda gonzalezTrabajo practico numero 2 fernanda gonzalez
Trabajo practico numero 2 fernanda gonzalez
 
Modifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseModifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP Ourense
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 
Luciana ramos
Luciana ramosLuciana ramos
Luciana ramos
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas Web
 
Trabajo practico numero 2 sol y fer
Trabajo practico numero 2 sol y ferTrabajo practico numero 2 sol y fer
Trabajo practico numero 2 sol y fer
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 
Documento2
Documento2Documento2
Documento2
 
Tutorial uso de weebly
Tutorial uso de weeblyTutorial uso de weebly
Tutorial uso de weebly
 
Que necesita para crear un sitio web
Que necesita para crear un sitio webQue necesita para crear un sitio web
Que necesita para crear un sitio web
 
Jimdo
JimdoJimdo
Jimdo
 
Creación de páginas usando dream weaver
Creación de páginas usando dream weaverCreación de páginas usando dream weaver
Creación de páginas usando dream weaver
 
Kerwin
KerwinKerwin
Kerwin
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
 
Trabajo prctico n 2
Trabajo prctico n 2Trabajo prctico n 2
Trabajo prctico n 2
 
Trabajo práctico nº4
Trabajo práctico nº4Trabajo práctico nº4
Trabajo práctico nº4
 
practico numero 2
practico numero 2 practico numero 2
practico numero 2
 

Similar a PASOS CREAR SITIO WEB

Similar a PASOS CREAR SITIO WEB (20)

Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02
 
Tp4
Tp4Tp4
Tp4
 
Tp4
Tp4Tp4
Tp4
 
Tp4 (1)
Tp4 (1)Tp4 (1)
Tp4 (1)
 
Tp4
Tp4Tp4
Tp4
 
Tp nº 4
Tp nº 4Tp nº 4
Tp nº 4
 
Actividad html ciclo 4
Actividad html ciclo 4Actividad html ciclo 4
Actividad html ciclo 4
 
Crear pagina web
Crear pagina webCrear pagina web
Crear pagina web
 
Trabajo practico numero 2 fernanda gonzalez
Trabajo practico numero 2 fernanda gonzalezTrabajo practico numero 2 fernanda gonzalez
Trabajo practico numero 2 fernanda gonzalez
 
Tema 7 power
Tema 7 powerTema 7 power
Tema 7 power
 
Pasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebPasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitioweb
 
Proyecto creacion de la pagina web acti6
Proyecto creacion de la pagina web acti6Proyecto creacion de la pagina web acti6
Proyecto creacion de la pagina web acti6
 
Leonardo soto tb2
Leonardo soto tb2Leonardo soto tb2
Leonardo soto tb2
 
Trabajo práctico nº 4
Trabajo práctico nº 4Trabajo práctico nº 4
Trabajo práctico nº 4
 
Trabajo práctico nº 4
Trabajo práctico nº 4Trabajo práctico nº 4
Trabajo práctico nº 4
 
Tp n°4
Tp n°4Tp n°4
Tp n°4
 
Trabajo prctico n 2
Trabajo prctico n 2Trabajo prctico n 2
Trabajo prctico n 2
 
Vale cris y trini tp 13
Vale cris y trini tp 13Vale cris y trini tp 13
Vale cris y trini tp 13
 
Vale cris y trini tp 13
Vale cris y trini tp 13Vale cris y trini tp 13
Vale cris y trini tp 13
 
Travajo numero 13
Travajo numero 13Travajo numero 13
Travajo numero 13
 

PASOS CREAR SITIO WEB

  • 1. TRABAJO PRÁCTICO Nº4 FECHA DE PRESENTACION DE TAREAS: 2º A -------> 27/3 1. Enumera los pasos necesarios para crear un sitio. ¿Puedes crear más de un sitio con tu mismo nombre de usuario? • Determinar la estructura del sitioUna vez que sabes lo que quieres hacer, es buena idea decidir qué es lo que incluirá esta página. Haz una lista de todas las cosas que quieres incluir. Determina cómo ellos se integrarán en la página. Prepara un mapa estructural del sitio Web como el de abajo para ayudarte a visualizar la estructura del sitio.Mi página principalAcerca de nosotrosPróximo eventosInform. de serviciosInform. contactosHipervínculos • 3. 3. Decide la apariencia de la páginaEsta etapa es importante en la planeación en un sitio Web. Está bien tener una mirada firme en todas las partes del sitio. Si tu negocio, organización o propuesta ya tiene logotipos y colores que son usados en el papel , etc. Los puedes usar en el diseño del sitio. Haz el diseño y el diagrama de la ubicación de los objetos de la página hasta que tengas algo que te guste, por ejemplo:LinkLinkTexto Logo y TítuloGifPatroci-nadorImagen como fondoImagen • 4. 4. Considera el diseñoAntes de comenzar a crear documentos HTML tienes que considerar varios aspectos. Algunos de éstos son:Tomar en cuenta que tipos de visitante vas a tener y que tu página sea compatible con diferentes tipos de navegadores.La excelente pagina que has pasado horas diseñando puede tomar tiempo en descargarse. Si esto es el caso, muchos invitados no esperarán hasta que termine la descarga e irán a otra parte.Hacerla fácil para el público para que pueda desplazarse de una área del sitio a otra.Trata de encontrar equilibrio entre un sitio web aburrido y un sitio Web excesivo.
  • 2. 5. Escoge el editor Se puede utilizar un editor de Windows: bloc de notas o wordpadun sitio Web excesivo. 6. Busca y junta los objetos Imágenes, logos, animaciones, sonidos, películas, etc. Que vas a utilizar en tu página Web. 7. Crea el codigo Crea el código para cada objeto y guárdalo con extensión HTML. 8. Visualizar mi pagina Abre el navegador de tu pagina elaborada y checa como funciona tu código. 9. Modificar mi pagina Para eventuales modificaciones, no es necesario volver a abrir cada vez el navegador. • Vuelve al editor de texto (sin cerrar el el navegador). • Modifica el código html. • Guarda el archivo. • Utiliza el menú ver-actualizar del navegador u oprime F5 para ver los cambios. 10. Publica la página en internet Para eventuales modificaciones, no es necesario volver a abrir cada vez el navegador. • Vuelve al editor de texto (sin cerrar el navegador). • Modifica el código html. • Guarda el archivo. 2. ¿Qué es el diseño de un sitio?¿Cuál es la dirección url de tu sitio? Es el fondo del sitio. http://es.jimdo.com/ 3. ¿Cómo insertas un video en una página? ¿Cómo insertas una imagen? ¿Y un álbum de fotos? subirlo a YouTube y luego incrustarlo en la página web por medio de un código HTML que ellos proporcionan. una imagen
  • 3. puede insertarse o bien dentro de un párrafo, es decir, entre palabras, como este ejemplo y sin que el párrafo se corte, o bien como una línea independiente. En ambos casos es aconsejable meterla en un párrafo, a pesar de que sea la imagen lo único que haya en esa línea, es decir, siempre encerrada entre <p> y </p>.Para insertar un álbum, sigue estos pasos: 1. En la página Mis fotos, haz clic en el álbum. 2. A la derecha de la página, haz clic en Enlazar a este álbum. 3. Copia el código HTML (Ctrl+C) en el campo "Copiar el HTML para incrustarlo en el sitio web". 4. Pega el código HTML (Ctrl+V) en el código fuente de tu sitio 4. ¿Cómo insertas un link directo a un sitio web externo? copias la url >> click con el derecho del raton sobre el escritorio >> nuevo >> acceso directo >> se te abre una ventana donde tienes que poner primero la url >> siguiente y pones el nombre con el cual quieres que salga y ya sta 5. Explica cómo insertas un test de la página www.analizame.com en el weebly. 6. Debo arrastrar el logo html personalizado a mi pagina copiar y pegar el link del test analizame.com a mi pagina de weebly.com. 6. Indica los pasos para subir un archivo de Word a la página Trabajos Prácticos del Weebly para poder descargarlo en otra PC. 7. Debo hacer una pagina nueva con el nombre trabajos practico y arrastra el logo de archivos de mi pagina e insertar mi archivo de Word y luego lo tengo que publicar para poder verlo en otra pc. 7. ¿Cómo creas una página nueva?¿Cómo insertas un link directo a una página web en la página home? 8. Debo poner crear pagina e insertar el nombre de mi pagina nueva. Tengo que poner el logo html personalizado a mi pagina capiar el link y lo pego, listo. 8. Explica con tus palabras el significado de embed code y la función del botón HTML del weebly.
  • 4. 9. El botón de html es para copiar y pegar un link que quiero a mi pagina. Embed code= a integrado 9. ¿Qué es un slideshow? ¿Cómo insertas un slideshow en tu página? 10. Modifica todas las opciones de diseño de tu weebly. 11. Explica la función de cada uno de los botones de la barra formato del weebly. Las tres letras que aparecen al principio quiere decir negrita cursiva y subrayado. El cuarto es para cambiar el color de las letras. El mas o el menos es para agrandar o achicar la letra. El que aparece con los guiones es para escribir al costado, en el medio, normal o al otro costado. El de las flechas es para deshacer o reaser oalgo.