diseño de páginas web

87
DISEÑO DE PÁGINAS WEB  

Upload: soledad-aguiree

Post on 04-Jul-2015

942 views

Category:

Technology


3 download

TRANSCRIPT

Page 1: Diseño de Páginas Web

DISEÑO DE PÁGINAS WEB  

Page 2: Diseño de Páginas Web

L.I. MARIA SOLEDAD AGUIRRE CORONADO.

Page 3: Diseño de Páginas Web

SERVICIOS

 HTTP://PAGINAWEBGRATIS.ES/  HTTP://IMAGESHACK.US/  HTTP://WWW.SLIDESHARE.NET/  HTTP://WWW.YOUTUBE.COM/ 

Page 4: Diseño de Páginas Web

http://www.paginawebgratis.es

Page 5: Diseño de Páginas Web
Page 6: Diseño de Páginas Web

Llenar estos datos

Y dar click aquí

Y aquí 

Page 7: Diseño de Páginas Web
Page 8: Diseño de Páginas Web
Page 9: Diseño de Páginas Web
Page 10: Diseño de Páginas Web

MI DIRECCIÓN ES:

nombre.es.tl

Page 11: Diseño de Páginas Web
Page 12: Diseño de Páginas Web
Page 13: Diseño de Páginas Web
Page 14: Diseño de Páginas Web
Page 15: Diseño de Páginas Web

Aparece en 

nuestra página creada

Page 16: Diseño de Páginas Web
Page 17: Diseño de Páginas Web

CADA PLANTILLA TIENE SUS 

PROPIEDADES DIFERENTES

EJEMPLOS DE PLANTILLAS

Page 18: Diseño de Páginas Web
Page 19: Diseño de Páginas Web
Page 20: Diseño de Páginas Web
Page 21: Diseño de Páginas Web

NO AGRADA NINGÚN FONDO

1. Tener una imagen al gusto (en el servicio).

2.

Buscar plantilla que cuente con estos dos elementos.

Page 22: Diseño de Páginas Web
Page 23: Diseño de Páginas Web
Page 24: Diseño de Páginas Web
Page 25: Diseño de Páginas Web
Page 26: Diseño de Páginas Web

URL

: VID

EO, I

MAG

EN

(YO

UTU

BE, I

MAG

ESH

ACK

)

Page 27: Diseño de Páginas Web

NOTA:LAS IMÁGENES QUE SE PONEN EN IMAGESHACK.US:

Page 28: Diseño de Páginas Web

­Crear una carpeta para guardar nuestras imágenes en la computadora­ Buscar la imagen en internetguardarla en nuestra carpeta­ Entrar al servicio de IMAGESHACK.US­­ Seleccionar la imagen de la computadora.­­ Subirla­­ Copiar el url de Thumbnail for Websites 

Page 29: Diseño de Páginas Web

VIDEOS

•Entrar al servicio de youtube.com•Buscar el video•Seleccionar el video•Copiar el object

Page 30: Diseño de Páginas Web

http://www.youtube.com/watch?v=H6MELzvmzlY

http://www.youtube.com/watch?v=FRrPGWAG6X0&feature=related

http://elbacan-recargado.es.tl/

Page 31: Diseño de Páginas Web

PONER IMÁGENES

•Hacer una carpeta en el escritorio•Buscar las imágenes en la Web•Guardarlas en la carpeta•Si es un fondo liso:•Hacerlo en paint.

Page 32: Diseño de Páginas Web

CONTINUACIÓN IMÁGENES:

Page 33: Diseño de Páginas Web
Page 34: Diseño de Páginas Web

Seleccionar una imagen

Page 35: Diseño de Páginas Web

PONER MÚSICA

Entrar a la dirección : http://www.goear.com/

Page 36: Diseño de Páginas Web

Buscar el nombre de la canción

Page 37: Diseño de Páginas Web

Resultados de 

la b úsqueda, selecciono una

Page 38: Diseño de Páginas Web

Copio el url, y lo pego en 

mi página

Page 39: Diseño de Páginas Web

PARA PONER VIDEOSENTRAR A LA DIRECCIÓN: HTTP://WWW.YOUTUBE.COM/

Page 40: Diseño de Páginas Web

Buscar video

Page 41: Diseño de Páginas Web

Seleccionar un video

Page 42: Diseño de Páginas Web

­Seleccionar tamaño­Seleccionar color­Copiar el object

­pegarlo en la página Web

Page 43: Diseño de Páginas Web
Page 44: Diseño de Páginas Web

Seleccionar imagen

Page 45: Diseño de Páginas Web

Imagen 

seleccionada

Page 46: Diseño de Páginas Web

Seleccionar y copiar 

URL: websites, 

llevarlo a la página

Importante: llevarse en el 

momento el url, antes de subir otra imagen

Page 47: Diseño de Páginas Web

CONTROLAR EXTRAS

Page 48: Diseño de Páginas Web
Page 49: Diseño de Páginas Web
Page 50: Diseño de Páginas Web
Page 51: Diseño de Páginas Web

INTRO FLASHINTROCONTADOR DE VISITASLIBRO DE VISITANTESGALERÍACOPOS DE NIEVE

Page 52: Diseño de Páginas Web
Page 53: Diseño de Páginas Web
Page 54: Diseño de Páginas Web
Page 55: Diseño de Páginas Web
Page 56: Diseño de Páginas Web
Page 57: Diseño de Páginas Web
Page 58: Diseño de Páginas Web
Page 59: Diseño de Páginas Web
Page 60: Diseño de Páginas Web
Page 61: Diseño de Páginas Web
Page 62: Diseño de Páginas Web
Page 63: Diseño de Páginas Web
Page 64: Diseño de Páginas Web
Page 65: Diseño de Páginas Web
Page 66: Diseño de Páginas Web
Page 67: Diseño de Páginas Web
Page 68: Diseño de Páginas Web
Page 69: Diseño de Páginas Web
Page 70: Diseño de Páginas Web
Page 71: Diseño de Páginas Web
Page 72: Diseño de Páginas Web
Page 73: Diseño de Páginas Web

REGISTRARSE EN HTTP://WWW.SLIDESHARE.NET/

Page 74: Diseño de Páginas Web

Llenar campos

Page 75: Diseño de Páginas Web
Page 76: Diseño de Páginas Web

Ya “No” llenar nada

Page 77: Diseño de Páginas Web
Page 78: Diseño de Páginas Web

Para subir documentos

Page 79: Diseño de Páginas Web

PARA HACER BANNERS

Page 80: Diseño de Páginas Web
Page 81: Diseño de Páginas Web
Page 82: Diseño de Páginas Web
Page 83: Diseño de Páginas Web
Page 84: Diseño de Páginas Web
Page 85: Diseño de Páginas Web
Page 86: Diseño de Páginas Web
Page 87: Diseño de Páginas Web