1. CREACIÓN DE
PÁGINAS
WEB
PROFESORAS: FUENCISLA Y PALOMA

2. Aprendiendo Páginas Web
RECOMENDACIÓN: No hagas copy-paster con el
teclado del ordenador, se copia con errores
Tecléalo con las teclas.
4º ESO

3. Añadir VIDEO
• VIDEO PROPIO (Le tengo en el disco duro de mi PC)
– Insertar en Kompozer + HTML el siguiente código
HTML
<embed src=“/Mi carpeta/Mi video.avi"
autostart="false“ loop="false" height="330"
width="330"><br>
Cambiar texto en rojo

4. Añadir VIDEO
• VIDEO SUBIDO A UN REPOSITORIO (En youtube)
– Solución 1:
– En Kompozer Insertar+ Link con la url del vídeo
– Dicha URL se puede obtener copiándola directamente
del navegador
– Ejemplo:
http://www.youtube.com/watch?v=yUaNe2FCdjE&feat
ure=popular

5. Añadir VIDEO
• VIDEO SUBIDO A UN REPOSITORIO (Youtube)
– Solución 2:
– En Kompozer Insertar+ HTML
– Tomamos el código desde la caja que youtube.com nos
proporciona con el código.
– Ejemplo: Ver fotografía en la siguiente diapositiva

6. Añadir video Youtube
PIDO EL
CODIGO
A
YOUTUBE
CODIGO A
INSERTAR

7. Insertar Documentos
PDF, WORD, EXCEL, POWERPOINT, WRI
TE, IMPRESS, RAR, ZIP ….
• Insertar en Kompozer + HTML el siguiente
código HTML
<a href=“RUTA Y NOMBRE DEL ARCHIVO"> Leer
documento</a>
Cambiar texto en rojo

8. Ìnsertar powerpoint, pdf, ods con
slideshare
• El proceso es igual que lo visto para el video
– Solución 1: Komporzer + Insertar + Link con la
dirección http.
– Solución 2: Kompozer + Insertar + HTML, el
código proporcionado por sliceshare.
• Ejemplo: (ver siguiente diapositiva)

9. Documento SliceShare
Dirección
html
Código HTML

10. Insertar sonido
– Insertar en Kompozer + HTML el siguiente
código HTML.
<embed src="../../../../spot.mpg" autostart="false"
loop="false" height="330" width="330“
HIDDEN="true"><br>
Cambiar texto en rojo

11. Insertar flash
• Insertar en Kompozer + HTML el siguiente
código HTML.
<object type="application/x-shockwave-flash"
data="tvdt.swf" width="600" height="400">
<param name="movie" value="tvdt.swf"
/></object>
Cambiar texto en rojo

12. Página Principal de una Web

13. Ejemplo de video y powerpoint

14. Página
Resto de Principal
páginas
Estructura directorios de una WEB

15. Estructura de directorios de una web
• Página principal  index.html
• Resto de páginas  Carpeta Página
• Otras carpetas:
– Video
– Imágen
– Flash
– Presentacion
– Música
– Documento (word, pdf, write, impress,
powerpoint, rar, zip, excel ….)

16. Problemas de carga de elementos
de la web
• El principal problema de una página web son las rutas de
vuestros archivos.
• Hay
– Rutas absolutas.
• Ejemplo: c:/Mi web/pagina/mis_autos.html
• Observa parte siempre de una unidad
• ¡¡no se deben usar!!
– Rutas relativas
• Ejemplo:/paginas/mis_autos.html
• Depende siempre de la carpeta en la que estemos situados.
• Recomendación
– No usar espacios en blanco en los nombres de archivos. Usar guión
bajo