SOCIOSCREATIVOS E.I.R.

CURSO DISEO DE PAGINAS WEB CON

HTML5 Y CSS3 RESPONSIVE DESIGN
1.- OBJETIVOS:

Lograr que el alumno pueda crear pginas web, modernas, adaptable a cualquier
tipo de pantalla (Pcs, Laptop, Tablet, Celular etc ).
Que el alumno sepa como estructurar una pgina web en html5 (utilizando las
etiquetas semnticas) conectada a una hoja de estilos css.
Que el alumno logre posicionar pginas web en los primeros resultados de
bsqueda de google.
Que sepa manejar perfectamente las animaciones en un documento html.
Que pueda asociar su catlogo de productos con una pasarela de pagos (Paypal)
de tal formar, que cualquier usuario de internet pueda realizar una compra con
su tarjeta de crdito o dbito (MasterCard y Visa).
Que Logre Subir su pgina web al hosting, y que tenga los conocimientos
necesarios para convertirse en un distribuidor de hosting y dominio.
Que sepa todos los requisitos necesarios para crear una empresa de desarrollo
de pginas web.

2.- DIRIGIDO A:

Todas las la personas que quieran iniciarse en el mundo de las pginas Web.

3.- PRE REQUISITOS

El participante requiere tener conocimientos bsicos de Windows, Internet,

manejo de correo electrnico y Word.
El participante debe contar con un correo electrnico gmail. Esto permitir
utilizar las herramientas para web masters proporcionadas por google.

4.- METODOLOGA

Las clases son desarrolladas de manera terica y prctica

Una PC x alumnos durante todo el curso
Uso de Medios Audiovisuales (proyectores)
Conexin a Internet permanente.
Videos Tutoriales para el reforzamiento de las clases.

Calle. Mercedes Gallagher de Parks 397 Of. 403- 402 San Miguel
Telfono: +(0511) 5663645 / RPC: 966 794 896 Whatsapp: 966 794 896
www.cursodiseowebperu.com
SOCIOSCREATIVOS E.I.R.L
5.- PROGRAMAS QUE UTILIZAR (le proporcionaremos gratis cada uno de los
siguientes programas)

Fireworks: Para Tratar imgenes o graficas que se insertaran en la pgina web.

Dream Weaver CS6: Editor de HTML5 y CSS3 para la construccin del
proyecto web.
Wood Slider : Para los efectos de animacin
Visual Lightbox : Para la galera de imgenes con efectos
Filezilla : Para subir la pgina al Hosting.

6.- MATERIALES DEL CURSO

Videos tutoriales de todas clases dictadas. (usted jams se olvidar o se le

pasar un dato, ya que este video tutorial le permitir repasar y recordar la clase
llevada.)
Los programas necesarios para seguir el curso.

7.- DURACIN DEL CURSO: 30 horas

Al final el alumno podr obtener una constancia o certificado por haber llevado el curso
completo de 30 horas de DISEO DE PGINAS WEB a nombre de la empresa
SOCIOSCREATIVOS (3 Semanas)

8.- OBSEQUIOS

1. Le entregaremos como bono totalmente gratis nuestro curso valorizado en $20

dlares, para la creacin de catlogo virtual page flip.

2. Recibir gratis el curso para la creacin de presentadores virtuales valorizado en

$39 dlares para usted que va a llevar el curso con nosotros ser gratis. Esto
permitir que usted genere un presentador en 3D para sus pginas web.

3. Recibir gratis el curso de posicionamiento web SEO valorizado en $95 dlares.

Curso realizado por el maestro Alex Kei.
4. Recibir gratis tambin el curso de posicionamiento web con google adwords
valorizado en $95 dlares. Curso realizado por el maestro Alex Kei.

5. Recibir gratis el curso: FRMULA GANA CASH en este curso usted aprender
paso a paso como generar ingresos lucrativos con su pagina web incluso
mientras usted.

6. Recibir gratis el curso en video para crear pginas web con Wordpress.

Calle. Mercedes Gallagher de Parks 397 Of. 403- 402 San Miguel
Telfono: +(0511) 5663645 / RPC: 966 794 896 Whatsapp: 966 794 896
www.cursodiseowebperu.com
SOCIOSCREATIVOS E.I.R.L

TEMARIO

SEMANA 1:
1. Conceptos bsicos y fundamentos de Html. Origen y el verdadero papel cumplir en el
desarrollo de pginas web.
2. Principales Etiquetas en html5.
2.1. Etiquetas en html5 (header, nav, section, article, aside, footer, Figure)
3. Trabajando pginas web en HTML5 con Dreamweaver CS6
3.1. Los Cinco pasos previos antes de comenzar una pgina web.
3.1.1. Creacin del sitio web
3.1.2. Creacin de carpetas para la organizacin del proyecto web
3.1.3. Creacin del documento HTML5 con Dreamweaver CS6
3.1.4. Colocacin del ttulo y su importancia en el posicionamiento en la pgina web.
3.1.5. Guardar el documento con el nombre Index. html
4. Creacin de las hojas de estilo Css
4.1. La importancia de incluir una hoja de estilo css en nuestro proyecto web.
4.2. Como conectar la hoja de estilo Css con el nuevo documento Index. Html.
4.3. Regla universal
4.4. Tipos de Selectores
4.4.1. Clase
4.4.2. IDE
4.4.3. Etiqueta 4.4.4.Compuesto
5.- Creacin de cajas para la estructura de nuestro primer proyecto web
6.- Vnculos
6.1- Creacin de listas
7.- Insertar Imgenes
8.- Insercin de textos

Calle. Mercedes Gallagher de Parks 397 Of. 403- 402 San Miguel
Telfono: +(0511) 5663645 / RPC: 966 794 896 Whatsapp: 966 794 896
www.cursodiseowebperu.com
SOCIOSCREATIVOS E.I.R.L

SEMANA II
1.- Creacin de un proyecto web Responsive en html5
2.- Creacin del banner rotativos de imgenes.- animacin usando jquery
3.- Generacin de men Responsive para el proyecto web
4.- Generacin de mens desplegables
5.- Utilizacin y creacin de los Media Queries. Consiste en un tipo de medio que limita
las hojas de estilo, los media Queries dejan que la presentacin del contenido se adapte
a un rango especfico de dispositivos de salida sin tener que cambiar el contenido.
6.- Importancia de la etiqueta meta viewport en las web mviles
7.- Presentacin del proyecto (finalizacin de la pgina principal o portada)

SEMANA III

1.- Creacin de pginas internas

2.- Vnculos hacia pginas internas y pginas externas
3.- Creacin de una galera de imgenes con Jquery con efectos de zoom
4.- Como insertar el mapa de ubicacin utilizando la tecnologa de Google Maps
5.- Como insertar el chat
6.- Hastings y Dominios
6.1- Que es un hosting y dominio?
6.2- Cmo comprar un hosting y dominio y en dnde?
6.3- Que es un Reseller? y las ventajas de adquirirlo
7.- Como acceder por FTP al hosting contratado (en esta parte del curso se le entregara
al alumno un alojamiento web por el periodo de una semana y media para que pueda
realizar sus prcticas.)
8.- Creacin de formulario de contactos
9.- Decoracin de formularios utilizando estilo css
10.-Validacin de formularios en campos obligatorios
11.-Programacin de formulario de contactos utilizando PHP
12.-Como integrar en nuestro proyecto web Google Analytics
13.-Como darle de alta a nuestra pgina web en el buscador de google 14.-
Presentacin del proyecto completo.

Calle. Mercedes Gallagher de Parks 397 Of. 403- 402 San Miguel
Telfono: +(0511) 5663645 / RPC: 966 794 896 Whatsapp: 966 794 896
www.cursodiseowebperu.com
SOCIOSCREATIVOS E.I.R.L
MEDIOS DE PAGOS:

CUENTAS DE AHORROS SOLES

1.) CUENTA INTERBANK - cuenta en soles

299-3026907740 (va banco, agente o internet)

2.) CUENTA BCP - cuenta en soles

192-22179579-0-13 (va agente o internet)

En nuestra Oficina: page con VISA

Calle. Mercedes Gallagher de Parks 397 Of. 403- 402 San Miguel
Telfono: +(0511) 5663645 / RPC: 966 794 896 Whatsapp: 966 794 896
www.cursodiseowebperu.com