DISEÑO WEB CON DREAMWEAVER CS5

PROFESOR: KEVIN EDGAR SALAZAR RUIZ

CORREO ELECTRONICO: kesr493@gmail.com

CLASE 01

INTRODUCCION

•¿Qué es DISEÑO?

•¿Qué es WEB?

CAPACIDADES AL FINALIZAR EL CURSO

• Diseña, edita y genera un producto gráfico web estático y dinámico.

• Diseña, edita, genera, publica e integra páginas web y sus componentes.

• Conoce los conceptos y funcionamientos de dominio y hosting.

• Desarrollo Proyectos Web utilizando la ultima tecnología.

DEFINICION

• El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web o paginas web.

¿QUÉ ES UNA PAGINA WEB?

• Una página web o página electrónica, es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador.

ELEMENTOS DE UNA PAGINA WEB

• TEXTO PLANO

• VIDEO

• AUDIO

• ANIMACIONES (FLASH)

• MAPAS

• IMÁGENES

• EVENTOS

TIPOS DE PAGINAS WEB• Blogs: Sitio donde se publican artículos, imágenes o noticias que instan a la participación.

• De Comercio Electrónico: Donde uno puede comprar o vender en términos de la página y de la internet.

• Foros: Páginas web diseñadas para generar diálogos entre personas inscritas al mismo.

• Wikis: Sitios donde una comunidad se encarga en crear contenido detallado de un tema específico para el interés público, siempre relacionado con ese tema.

• Directorios: Catálogos virtuales con enlaces a varios sitios en común.

• Institucionales: Páginas web especializadas y mantenidas por una empresa o institución, cuyo fin es publicar y mantener al tanto de noticias y aconteceres propios de la misma.

• Personales: Sitios que solamente publican la perspectiva de una persona respecto a su entorno.

• Spam: Simples y, en cierto punto, molestas páginas que se encargan en venderle sus muy económicos productos.

• Multimedia: Paginas Web donde se publican y comparten videos .

ACTIVIDAD• ¿Qué tipo perecen las siguientes paginas web:

Youtube:Facebook:Twitter:Peru.21:Instragram:Microsoft:Depor:Minijuegos.com:Google Maps:El comercio:Wikipedia:OLX:Mercadolibre:

¿QUÉ NECESITO PARA CREAR UNA PAGINA WEB?

Se necesitan 3 Cosas

1) HOSTING

Consiste en guardar tu pagina web en un servidor web (carpeta virtual), así todo la información de tu pagina web (texto, imágenes, videos, juegos, animaciones, etc) estará disponible a todo el mundo y cualquier persona podrá acceder.

LOS SERVIDORES GUARDAN MUCHA INFORMACION, ESPECIALMENTE INFORMACION WEB

2) DOMINIO

Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red

Internet.

Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a cada servicio web utilizando la dirección IP del servidor (por ejemplo, sería necesario utilizar http://192.0.32.10 en vez de http://example.com). 

Mi servidorhttp://192.0.32.10

PAGINA WEB

Mi servidorhttp://192.0.32.10

PAGINA WEB

DNS

http://example.com

TIPOS DE DOMINIO• Existen 2 tipos de dominio: los dominios genéricos y los dominios territoriales.

Los Dominios Genéricos: (también son denominados dominios internacionales o globales), son los dominios básicos en Internet y los más utilizados a nivel mundial. 

Ejemplos:

.com = previsto para empresas comerciales. Es el dominio más difundido en Internet..net = previsto para empresas relacionadas con Internet.org = inicialmente previsto para organizaciones sin ánimo de lucro, instituciones y fundaciones.edu = son utilizados para fines educativos.

.info = Es utilizado para la difusión o publicación de contenidos informativos.

TIPOS DE DOMINIO

• Los Dominios Territoriales: (también llamados dominios geográficos), son los dominios mantenidos por cada país. Estos dominios territoriales son utilizados por las organizaciones y empresas que desean establecerse en Internet y proteger la identidad de su marca o su nombre comercial en un país concreto. Los dominios territoriales tienen sus terminaciones compuestas por 2 letras.

.AR = ARGENTINA.CO = COLOMBIA.PE = PERU

.US = UNITED STATES

.CL = CHILE

.BO = BOLIVIA

.AR = ARGENTINA

.CO = COLOMBIA

.PE = PERU

ACTIVIDAD

3) DISEÑO DE LA PAGINA WEB

SOFTWARE PARA DESARROLLAR Y DISEÑAR PAGINAS WEB

ADOBE DREAMWEAVER CS5

Existen 2 formas de crear paginas web

Por código Por Diseño

REPASO DE LOS TEMAS VISTOS

ACTIVIDAD¿Cuántos elementos existen en las siguientes paginas web?

ACTIVIDAD¿Cuántos elementos existen en las siguientes paginas web?

HOSTING DOMINIO

• SON LOS NOMBRES QUE POSEEN LAS PAGINAS WEB, PUEDEN SER DE 2 TIPOS

• ______________ Y ________________

• EJEMPLOS DE TERRITORALES (4 EJEMPLOS)

• EJEMPLOS DE GENERICOS (4 EJEMPLOS)

• SON SERVIDORES DONDE SE ALMACENA TODA LA INFORMACIÓN DE NUESTRA _____________________________

• LA INFORMACION PUEDE SER:

• ____________ , ______________ , ___________

EL CODIGO HTML

• HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc

.

<html><head><title> Es el titulo que va en el navegador</title></head><body>Aquí va todo el contenido de mi web</body></html>

ESTRUCTURA BASICA DE UNA PAGINA WEB

EJEMPLOS DE BUENAS PRACTICAS DE DISEÑO WEB

EJEMPLOS DE MALAS PRACTICAS DE DISEÑO WEB

GRACIAS

• PROFESOR: KEVIN EDGAR SALAZAR RUIZ

• CORREO ELECTRONICO: kesr493@gmail.com

• CLASE 01