01-12-2011 DREAMWEAVER : DISEÑO DE PAGINAS WEB CON CAPAS

PROFESOR : JUANJO

Continuamos con las practicas de Dreamweaver

PRACTICA 5: PAGINA WEB CON CAPAS

PRACTICA 6: PAGINA WEB CON CAPAS - BANNERS - BOTONES
(LA PAGINA DEL CONEJO)

30-11-2011 DREAMWEAVER - DISEÑO DE PAGINA WEB ESTATICA

PROFESOR: JUANJO

DREAMWEAVER: Hacemos varias practicas con Dreamweaver

PRUEBA 1 : Pagina web estatica - Creacion de una Tabla "Horario"

PRUEBA 2:  Pagina web con  Tablas - Imagenes y Hipervinculos (Links)
"Webs de Interes" (ponemos un Link a nuestro blog)

PRUEBA 3: Creamos una pagina CSS con estilos de texto para utilizar en la siguiente prueba

PRUEBA 4: Hacemos una pagina web (solo con texto) utilizando la pagina de estilos CSS creada en la prueba anterior.
"L'Educació Romana"

Esta pagina esta compuesta por 4 paginas con un menu a la izquierda :

• INICIO
• INFLUENCIA GRIEGA
• ENSEÑANZA PRIMARIA
• ENSEÑANZA SUPERIOR

Cada palabra del menu tiene un VINCULO que nos lleva a cada una de las paginas que hemos creado.

(Estos vinculos los hacemos en cada una de las paginas.)

NOTA: Todos se quejaban de la calefacción muy alta, pero...yo estaba bien..jejeje

29-11-2011 CORREO GMAIL Y CREACCION DE UN BLOG

PROFESOR: QUIQUE

CREACION DE UNA CUENTA DE CORREO WEB: (CON GMAIL)

Creamos una cuenta de correo Gmail que utilizaremos para todo el cursillo.

Analizamos todas las posibilidades y menus que nos da el Correo de Gmail

Hacemos Grupos, Etiquetas, etc.

CREACION DE UN BLOG: (CON BLOGGER)

Creamos un blog cada uno de nosotros en Blogger.com (con nuestra cuenta gmail)

- Personalizamos el Diseño del Blog
- Creamos nuestras primeras entradas resumiendo lo que vamos haciendo cada dia en el cursillo.
- Analizamos las partes del Blog y los menus.

PONER UN VIDEO EN EL BLOG:

28-11-2011 INTRODUCCION CURSILLO MULTIMEDIA

PROFESOR: JUANJO

MODULO 1: ELEMENTOS DE UNA PAGINA WEB

- Intranet para el Colegio Los Naranjos: Accedemos con nuestro nombre y contraseña para acceder a la informacion del cursillo y nos dan todo el material (Cartera con Carpeta, Bloc, boligrafos,USB...etc)
-Visualizamos varias paginas web para analizar sus contenidos y poder diferenciar sus partes
- Paginas web con editores y herramientas para crear paginas web como

• http://www.prestashop.com/ : Para crear paginas web en general, tiendas on-line y catalogos
• http://www.moodle.org/ : Para cursos
• http://www.joomlaspanish.org/ : Para hacer paginas en general y catalogos

- Plantillas para la creacion de Paginas web:

• http://www.oscommerce.com/ (gratis)
• http://www.bocetoweb.net/ (de pago - compras las plantillas)
• http://www.prestashop.org/ (gratis)

EXPLICACION DE LOS TERMINOS RELACIONADOS CON LAS PAGINAS WEB:

- HTML : El lenguaje que se utiliza para la creacion de las paginas web
- PHP / ASP : Filtros de datos para busquedas
- JAVASCRIPT: Para hacer formularios con campos (Insertar datos)
- HOSTINGS: Servidores Web donde alojamos nuestra pagina web

• http://www.piensasolutions.com/
• http://www.1and1.es/  (mas barato)

- HIPERVINCULO: (Link) enlace a otra pagina web
- EDITOR HTML: Un programa con el que creamos las paginas web sin utilizar el HTML
ya que el programa lo ahce por nosotros (es mas visual y facil de utilizar)

• Frontpage
• Dreamweaver
• SharePoint Designer 2007
• NVU
• Notepad ++
• HTML Notepad (http://www.htmlnotepad.net/)

-CLIENTE FTP: El programa que utilizamos para conectarnos con el Servidor y publicar nuestra pagina web.

- DOMINIO: Direccion asociada a una pagina web.
El dominio siempre esta asociado a una IP
(ejem: IP:213.162.209.137) - http://molicanyar.com/
Podemos ver una pagina poniendo su IP

- ISP: Es un proveedor de Servicios: Conexion, Registro,Hospedaje,Contadores de Servicios, Estadisticas.

-¿COMO SABER DE QUIEN ES UN DOMINIO?
http://whois.domaintools.com/

- PARA SABER EL IP INTERNO DE TU ORDENADOR:
Inicio - Ejecutar - (tecleamos) cmd
(se abre una ventana en negro)
le tecleamos la orden : ipconfig
y nos sale la informacion

- PARA VER LA IP EXTERNA
en google.es - cual es mi ip publica

- ¿COMO SABER EL IP DE UNA PAGINA WEB?
Inixio - Ejecutar - (tecleamos) cmd
(se abre una ventana en negro)
le tecleamos la orden : ping http://www.google.es/ (la pagina web que quieres saber)
y sale la  informacion.
Me sale la Ip de esa pagina y puedo saber su Hosting

- HOSTINGS: Para contratar Hostings para nuestras paginas web

• arsys.net : Para contratar Hosting y dominios
• sys4net.com : Para contratar Hosting y Dominios (Este lo usaremos en el cursillo)

- FTP : PARA ACCEDER A NUESTRA PAGINA YA PUBLICADA Y CAMBIAR COSAS

ejem: ftp://www.molicanyar.com/
Se abre una ventana para poner nuestra contraseña de acceso
(solo el diseñador puede acceder para cambiarlo)

- APPLETS: Programas para Java

- FRAMES:  Areas que sub dividen paginas web con documentos independientes a los demas

- WEBMASTER: Encargado de todo el diseño de la pagina web. Pero tambien intervienen

• Programador
• Diseñador

- MAQUETACION DE UNA PAGINA WEB: TABLAS
Donde se distribuyen los contenidos inicialmente

- BANNER : Imagen con movimiento hecha con Flash
(Normalmente se utiliza como Cabecera o para Publicidad)
Son archivos (. swf) Formato Pelicula

- TIPOS DE SITIOS WEB:

• Personales
• Corporativas (Empresas)
• Institucionales
• Grupos (Informacion para todo el Grupo)
• Informativas (Texto y animacion) Con informacion que cambia en tiempo real
• Comercio Electronico (Tiendas on-line)