Este documento proporciona instrucciones para completar el Trabajo Práctico No4. Incluye pasos para crear un sitio web, como determinar la estructura, diseñar la apariencia y publicar la página. También explica cómo insertar videos, imágenes, enlaces y archivos de Word en una página 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.