DISEÑO Y DIRECCIÓN DE SITIOS WEB. Faustino Hermoso Ruiz

Tamaño: px
Comenzar la demostración a partir de la página:

Download "DISEÑO Y DIRECCIÓN DE SITIOS WEB. Faustino Hermoso Ruiz"

Transcripción

1 1 Faustino Hermoso Ruiz

2 1. Herramientas para diseñar y construir el sitio Web 2. El alojamiento y nombre de dominio del sitio web 3. Estructuración y organización del contenido 4. El diseño del sitio. Esbozo de su aspecto 5. Preparar los archivos del sitio, especialmente imágenes, texto y multimedia 6. Definición del Sitio web con Dreamweaver 2

3 Software El editor de código (sofware que nos permite construir las páginas web) La construcción del sitio se realiza en el entorno de lo que ve es lo que obtienes" (WYSIWYG 0 What You See Is What You Get) no tiene por que codificar sus disefios para darles vida A medida que creemos nuestro sitio Web, utilizaremos Dreamweaver ( u otro editor quien lo desee) para crear tres tipos de código: HTML, CSS YJavaScript. HTML HyperText Markup Language, es el lenguaje de la Web Un documento HTML es esencialmente un archivo de texto que ha sido marcado para indicar su estructura o la de los elementos que la componen 3

4 Software HTML HyperText Markup Language, es el lenguaje de la Web Un documento HTML es esencialmente un archivo de texto que ha sido marcado para indicar su estructura 0 la de los elementos que la componen 4

5 Software HTML Esta es una frase, texto, de un documento html Para indicar que ese texto es un parrafo y no cualquier otro elemento estructural, como encabezamiento, por ejemplo, o un elemento de una lista, se deben adjuntar unos marcadores especiales llamados etiquetas. El par de etiquetas correcto para un parrafo es <p>...</p>; por consiguiente se escribirá: <p>esta es una frase, texto, de un documento html </p> Ahora se tiene identificado el texto como siendo un párrafo. Cuando el navegador llega a esa línea de código en el archivo HTML, determina que ese texto es un párrafo que debe ser mostrado en pantalla por el navegador. 5

6 Software HTML Ahora supongamos que debemos presentar una lista de ciudades candidatas a capital cultural europea 2016: Cáceres Córdoba Santander Etc. Para marcarlos como elementos de lista debemos colocar la etiqueta < 1 i > alrededor de ellos: <li>cáceres< / 1 i > <li>córdoba</li> <li>santander</li> <li>etc.</li> 6

7 Software HTML Si queremos que la lista sea de boliches (desornedada) : Cáceres Córdoba Santander Etc. En html irá así: <ul> <li>cáceres< / 1 i > <li>córdoba</li> <li>santander</li> <li>etc.</li> </ul> 7

8 Software HTML Si queremos que la lista sea numerada (ordenada): 1. Cáceres 2. Córdoba 3. Santander 4. Etc. En html irá contenida entre las etiquetas <ol> y </ol> así: <ol> </ol> <li>cáceres< / 1 i > <li>córdoba</li> <li>santander</li> <li>etc.</li> Las etiquetas son marcadores especiales que identifican los elementos estructurales contenidos en archivos HTML 8

9 Software HTML 9

10 Software HTML. Ahora lo vemos en la vista en vivo (como si fuera en el navegador web) 10

11 Software HTML. Y ahora la vemos en el navegador web 11

12 Software: CSS Si un documento HTML identifica la estructura de una pagina Web, un archivo CSS indica al navegador como mostrar los elementos estructurales contenidos en la pagina. El código Cascading Style Sheets (CSS u Hojas de estilo en cascada), igual que el HTML, esta basado en texto pero, en vez de etiquetas, contiene normas de estilo o instrucciones de presentación para el navegador Web. Varias posibilidades para definir un estilo: especificarlo directamente en la etiqueta en la que queremos usarlo, definirlo en un bloque aparte de las etiquetas en el propio documento html y aplicarlo en las etiquetas que queramos, o definir estilos globales para las etiquetas (que podrán ser cambiados en las que no se desee aplicarlos). 1. Especificarlo directamente en la etiqueta en la que queremos usarlo si tenemos un texto en negrita y queremos que salga con un tamaño de letra 14 y en color rojo, haremos: <p>la negrita que vemos<b STYLE="font-size:14pt;color:red"> es más grande y está en rojo</p> 12

13 Software: CSS 13

14 Software: CSS 2.- Definirlo en un bloque aparte de las etiquetas en el propio documento html <! Faustino. Ejemplo definición estilos en la cabecera del documento --> <HTML> <HEAD> <TITLE> Ejemplo con bloque de estilo en la cabecera del documento </TITLE> <STYLE TYPE="text/css"> <!-- BODY {font-family:verdana,sans-serif;font-size:x-small; margin-left:0.25in; margin-right:0.25in} H2 {font-family:verdana,sans-serif;font-size:14pt;color:red} B, TD {font-family:verdana,sans-serif;font-size:x-small;color:olive} TH {font-family:verdana,sans-serif;font-size:x-small; color:white;background-color:#0080c0} PRE, TT, CODE {font-family:courier New,Courier;font-size:9pt;color:maroon} //--> </STYLE> </HEAD> <BODY BGCOLOR=white> <H2>Ejemplo de definición de estilos en un bloque STYLE en la cabecera del documento</h2> Como puede verse, la apariencia del contenido de esta página queda definida por los selectores de estilo que hemos puesto en el bloque STYLE en la cabecera del documento. Los márgenes son más anchos de lo normal, la <B>negrita</B> tiene un tamaño y un color fijos, los trozos de texto en teletipo como <TT>este fragmento</tt> también tienen definida su fuente, tamaño y color, y también le hemos indicado el estilo de la tabla siguiente: <P> <CENTER> <TABLE BORDER=1 CELLSPACING=2 CELLPADDING=2> <TR> <TH>Asignatura</TH> <TH>Calificaciones</TH> </TR> <TR> <TD>DisDirWS</TD> <TD>Sobresaliente</TD> </TR> </TABLE> </CENTER> </BODY> </HTML> 14

15 Software: CSS 2.- Definirlo en un bloque aparte de las etiquetas en el propio documento html 15

16 Software: CSS 3.- Definir estilos globales para las etiquetas en una hoja CSS aparte podemos definir los estilos en un fichero distinto al documento HTML, y después referenciarlo desde el propio documento HTML. Esto lo haremos con la siguiente etiqueta, dentro de la cabecera del documento (entre <HEAD>... </HEAD>): <LINK REL="stylesheet" TYPE="text/css" HREF="URL_Hoja.css"> 16

17 Software: CSS 3.- Definir estilos globales para las etiquetas en una hoja CSS aparte <!-- Faustino. Ejemplo con estilos vinculados de Hoja CSS --> <HTML> <HEAD> <TITLE> Ejemplo con hoja de estilo externa </TITLE> <link href="file:///f /ASIGNATURAS/DisDirWS/09-10/EjemploDefiniciónEstilosHojaCSS.css" rel="stylesheet" type="text/css"> </HEAD> <BODY BGCOLOR=white> <H2>Prueba de definición de estilos en una hoja CSS de estilo externa (Ya vinculada)</h2> Como puede verse, la apariencia de esta página queda definida por los estilos que hemos especificado en una hoja CSS aparte a la que enlazamos en la cabecera del documento.<p> <CENTER> <TABLE BORDER=1 CELLSPACING=2 CELLPADDING=2> <TR> <TH>Asignatura</TH> <TH>Notas</TH> </TR> <TR> <TD>DisDirWS</TD> <TD>Sobresaliente</TD> </TR> </TABLE> </CENTER> </BODY> </HTML> 17

18 Software: CSS 3.- Definir estilos globales para las etiquetas en una hoja CSS aparte 18

19 Software: CSS 3.- Definir estilos globales para las etiquetas en una hoja CSS aparte 19

20 Software: Javascript Es un lenguaje en el que se escriben programas informáticos muy cortos denominados scripts reproducibles en el navegador web del visitante Es un lenguaje para escribir funciones utilitarias como : cuando el visitante haga click en este botón deseo que salga un mensaje de alerta que diga acabas de hacer click <input onclick="alert('acabas de hacer click'); return false;" value="click" type="submit" itxtvisited="1" /> 20

21 Software: Javascrip 21

22 Software: Javascrip cuando el visitante haga click en este botón deseo que salga un mensaje de alerta que diga pulsa un boton dándome a elegir entre aceptar y cancelar y si elijo aceptar que salga otra página web que diga Has pulsado el botón aceptar y si elijo cancelar que diga Has pulsado el botón cancelar <script type="text/javascript"> function ver_confirm() { var name=confirm("pulsa un botón") if (name==true) { document.write("has pulsado el botón Aceptar"); } else { document.write("has pulsado el botón Cancelar"); } } </script> 22

23 Software: Javascrip 23

24 Software: Javascrip 24

25 Software: Javascrip Los scripts añaden un grado importante de interactividad a las páginas: Formularios de pedidos Imágenes que cambian al pasar el cursor del ratón por encima de ellas Revisión de solicitudes en búsqueda de campos ausentes o incompletos Etc. Afortunadamente Dreamweaver tiene incorporadas docenas de scripts llamados comportamientos javascript que podemos adjuntar en nuestras páginas. Nosotros escogeremos el comportamiento que deseemos y Dreamweaver añadirá el JavaScript necesario para que el comportamiento funcione 25

26 Software: Javascrip 26

27 Software: Javascrip 27

28 Software: Javascrip 28

29 Software: Escoger el editor de imagen Los programas de pintura: Trabajan con gráficos en mapa de bits o gráficos rasterizados (imágenes formadas por pequeños cuadrados coloreados, los píxeles). Photoshop y Fireworks Los programas de dibujo Trabajan con gráficos vectoriales que son imágenes formadas por trazados o contornos. Ilustrator y FreeHand Los gráficos en mapa de bits son los más comunes en la web y por lo tanto lo mejor es escoger un programa de pintura como editor de imagen. Fireworks se acopla muy bien con Dreamweaver. Aunque la versión CS4 incorpora Adobe Bridge que hace de puente con todas las aplicaciones de la suite incluido Photoshop. 29

30 Software: Escoger software multimedia La palabra multimedia se refiere a amplia variedad de datos digitales que incluye animaciones, audio y video Para crear archivos multimedia destinados a su sitio Web, necesita herramientas especfficas Al igual que las imagenes, son archivos independientes. Los colocamos en nuestras páginas Web mediante Dreamweaver, este afiade al codigo HTML los correspondientes indicadores En contraposicion a las imagenes, los visitantes necesitan otros elementos de software llamados plug-in para poder esos archivos: Generalmente disgusta a los visitantes tener que salir de un sitio Web para descargar software especial por lo que lo mejor es tener ya preparados los accesos a la descarga de los plug-ins en la página Cuando acceden a un sitio Web esperan que funcione y no desean saber por que no lo hace Teoricamente, hoy todos los ordenadores con acceso a la Web tienen instalado el plug-in Flash Player; por lo tanto, si deseamos incluir multimedia en nuestro sitio, el formato Flash puede ser muy adecuado Conclusión: HAY QUE UTILIZAR LOS MEDIOS AUDIOVISUALES CON CAUTELA 30

31 Software: Escoger software multimedia 31

32 Software: Escoger software multimedia 32

33 Software: Comparación de sitios estáticos y dinámicos Dreamweaver hace distincion entre sitios Web estáticos y dinámicos. Estáticos: Las páginas web de estos sítios no necesitan un procesamiento especial en el lado servidor antes de ser enviadas al cliente Las páginas no varían según el cliente (estáticas) El navegador solicita documentos HTML y se los muestra en forma de paginas Web visibles, presenta los elementos de la misma de acuerdo con las normas de estilo, inicia los plug-in, sigue las direcciones de los vínculos y ejecuta scripts Las páginas de un sitio estático pueden ser muy interactivas 33

34 Software: Comparación de sitios estáticos y dinámicos Dreamweaver hace distincion entre sitios Web estáticos y dinámicos. Dinámicos: La misma página básica es mostrada con información distinta dependiendo del cliente que formula la solicitud Si tiene 100 visitantes distintos con 100 carros de compra diferentes, el servidor envia 100 variaciones distintas de la pagina del carro de compra La tecnologia lado servidor pertenece al lado distribuidor de la conexión de red Servidor Web es software que contesta solicitudes del cliente en una conexión de red Un servidor programa funciona en conjunción con el servidor Web para procesar las instrucciones lado servidor de sus paginas. 34 Cuando el navegador solicita una pagina el servidor programa verifica si necesita que se le añada algún contenido personalizado y, en caso positivo, se conecta a una base de datos, a través del Servidor Base de Datos, tomando los datos necesarios y específicos para cada visitante y los inserta en la página html enviándoselos al servidor web.

35 Software: Comparación de sitios estáticos y dinámicos Dinámicos: Hay tipos distintos de servidor programa y cada uno de ellos requiere su propio código servidor. Dreamweaver admite casi todos: 35

36 El alojamiento y nombre de dominio del sitio web Criterios generales para escoger un buen proveedor de alojamiento web: Cuota mensual razonable (no más de 25 euros) Registro gratis del nombre de dominio (se puede ahorrar mas de 30 euros) Mejora de los planes de servicio (ofrecer varios planes de alojamiento y servicios de forma escalable y a buen precio) Atención al cliente (preferiblemente las 24 horas) Informes sobre su sitio web (información detallada sobre los visitantes, de dónde proceden, qué navegadores utilizan, qué páginas visitan y qué páginas evitan) Hay que calcular el espacio de alojamiento y el ancho de banda que necesitamos contratar. Tanto lo uno como lo otro dependerá del peso y número de nuestros archivos aunque el ancho de banda también depende de la cantidad de vistas de página y visitas que tengamos pues es la cantidad de información que se entrega a los visitantes en una unidad de tiempo, generalmente un mes. Para un sitio estático podemos empezar por 1 GB (equivale a vistas de página de un Sitio web combinado de 3 MB) e ir aumentando en función 36 de los informes de visitas del servidor

37 El alojamiento y nombre de dominio del sitio web 37

38 El alojamiento y nombre de dominio del sitio web Criterios generales para escoger un buen proveedor de alojamiento web: Que nos permita tener cuentas de correo electrónico POP3 (del tipo ya que este tipo de cuentas funcionan con software cliente del tipo Microsoft Outlook o Mozilla Thunderbird, lo que nos permitirá descargar nuestro correo y leerlo sin conexión a internet. Hay que consultar al proveedor de alojamiento web qué tipos de archivos multimedia admite, de los que vamos a usar en nuestro Web site. Actualmente todos los proveedores admiten casi todo los tipos de archivo multimedia, sobre todo las películas o videos Flash y/o Shockwave. Dreamweaver nos suministra: Una herramienta para la construcción del sitio web, plantillas de sitios web, ayudas al diseño, administrador de archivos basado en la web y una herramienta de carga FTP basada en la Web, por lo que no tenemos que contratar estos servicios con el proveedor de hosting ya que nos incrementarían la factura 38

39 El alojamiento y nombre de dominio del sitio web La importancia del nombre de dominio: Reglas básicas: Un nombre de dominio puede incluir caracteres alfanuméricos y guiones, pero no están permitidos los caracteres especiales, como espacios, subrayados, el signo &, signos monetarios, marcas de puntuación y asteriscos. Tampoco puede comenzar o acabar el nombre con un guión Los nombres de dominio no distinguen entre mayúsculas y minúsculas: MIsiTIo. com, MISITIO. COM y misitio. com, son iguales. Lo mejor es usar nombres de menos de 59 caracteres, sin incluir los sufijos (como. com,. org o. net), que completan una longitud total de 63 caracteres. El nombre de dominio puede ser más largo, pero algunos navegadores tienen dificultades para resolverlos y lo mejor es no sobrepasar esa cifra. Los mejores son los que no sobrepasan los 20 caracteres. un nombre de dominio comporta varios niveles, empezando por el inferior, a la izquierda y acabando por el superior, a la derecha, El tercer nivel de dominio es, por lo tanto, el prefijo, la parte www del nombre para la mayoría de sitios Web aunque esto no es siempre así pues puede ser variable (el prefijo www no es obligatorio) Por ejemplo, algunos sitios grandes y famosos como vahoo. com organizan sus diversas secciones con dominios de tercer nivel: my.yahoo. com, weather.yahoo. com, mail.yahoo. com, movies. yahoo. com, etc. 39

40 El alojamiento y nombre de dominio del sitio web La importancia del nombre de dominio: Reglas básicas: El segundo nivel ( de dominio es el 'nombre", la parte que todo el mundo menciona cuando habla de dominios, como `unex` o 'univ-nantes`. El nivel superior o primer nivel es la última parte del nombre, el sufijo. Por ejemplo:. com,. org y. edu, son dominios de primer nivel y también lo son los códigos internacionales de países como.es para España o.fr para Francia 40

41 El alojamiento y nombre de dominio del sitio web La importancia del nombre de dominio: Consejos: El nombre del dominio debe ser breve: se recuerda mejor y se cometen menos errores al escribirlos Fácil de pronunciar o deletrear. Evitar los homófonos (tubo-tuvo) para no dirigir tráfico fuera de nuestro sitio web en beneficio de otro. Debe de ser un nombre coherente ayudando así a encontrar el sitio dentro de la red y no dar lugar a confusiones de contenido. Si nuestro sitio se llama pescadería-manuela.com no esperemos que entre nadie buscando libros. Hay que comprobar que un nombre no esté ya registrado. Para ello visitaremos el sitio web de un registrador de nombres de dominio como Arsys, Nominalia o o y rellenaremos el formulario en linea para ver si está libre y/o registrarlo. 41

42 El alojamiento y nombre de dominio del sitio web Los dominios de primer nivel, Cuál escoger? Consideraciones a tener en cuenta: La aplicabilidad. El omnipresente.com se ideo para sitios comerciales pero nadie comprueba si los poseedores de ese dominio son firmas comerciales o no. Está bastante difuminada la diferencia entre ellos pero hay quien los tiene en cuenta. A pocos les parecería correcto bancosantander.org cuando todos sabemos que.org está reservado para organizaciones sin ánimo de lucro. La disponibilidad. Recordar aquí que el mismo dominio de segundo nivel o nombre asociado a distintos de primer nivel son dominios completamente diferentes (no es lo mismo unex.es que unex.org o unex.com, etc. ) si queremos un web comercial hay que esforzarse por buscar dominios.com pues son más deseables desde el punto de vista del marketing La organización responsable de la creación y administración de los dominios de primer nivel (excepto de los referidos a países como.es o.fr es la Internet Corporation for Assigned Names And Numbers ICANM La mayoría de los dominios de primer nivel no tiene restricciones de registro y otros exigen presentar unos documentos acreditativos de cumplir ciertos requisitos exigibles, estando, por lo tanto restringidos. A continuación tenemos dos tablas con dominios de primer nivel sin restricciones y restringidos: 42

43 El alojamiento y nombre de dominio del sitio web Los dominios de primer nivel, Cuál escoger? Consideraciones a tener en cuenta: Dominios de primer nivel no restringidos Dominio Sígnifica Inicialmente Utilizado ahora Operador primer nivel creado para para.biz Empresa Empresas Mayormente, NeuLevel, Inc. empresas (http://www.neulevel.biz/).com Comercio Empresas Todo VeriSign Global Registry comerciales Services (http://www. verisign.com/).info Información Información Sitios informati- Afilias Limited vos, incluyendo (http://www.afilias.info/) publicidad.name Nombre Personas Personas y Global Name Registry empresas (http://www.nic.name/).net Network ISP Todo, especialmente VeriSign Global Registry Servíce Províder proveedores de servicio de cualquier tipo Services (http://www. verisign.com/).org Organización Grupos sin ánimo Grupos sin ánimo Public Interest Registry de lucro de lucro, organizaciones políticas, clubes (http://www.pir.org/) 43

44 El alojamiento y nombre de dominio del sitio web Los dominios de primer nivel, Cuál escoger? Consideraciones a tener en cuenta: DOMINIOS DE PRIMER NIVEL RESTRINGIDOS Dominio Significa Reservado para Operador primer nivel.aero Aeronáutica Cualquier grupo, empresa o SITA INC (http://www.sita.aero/) persona en la industria de la aviación.coop Cooperativa Cooperativas y empresas de DotCooperation LLC servicios para las mismas (http://www.cooperative.org/).edu Educación Colegios pos-secundarios, EDUCAUSE escuelas superiores (http://www.educause.edu/) y universidades acreditadas.museum Museo Museos Museum Domain Management Assocíation (http://about. museum/).pro Profesional Todos los profesionales RegistryPro acreditados, pero limitado (http://www.registrypro.com/) actualmente a los cuerpos médico, judicial, contable y de ingeniería 44

45 El alojamiento y nombre de dominio del sitio web Los dominios de primer nivel, Cuál escoger? Consideraciones a tener en cuenta: Para los dominios de primer nivel específicos para países, ver para el dominio.es y ver para el dominio.fr y sus dominios de segundo nivel : tm.fr - for owners of trademarks asso.fr - for associations nom.fr - for surnames prd.fr - for research and development programs presse.fr - for press publications com.fr - open to all applicants without justification of the requested name gouv.fr - for the French administration Para todos los demás dominios de paises, recomiendo que escribáis en vuestro buscador web cctld registration, que significa country-code Top Level Domain Registration, y entrar en algunas de las direcciones que se obtienen! : ) 45

46 Organizando el contenido del sitio web ARQUITECTURA WEB: Un sitio web es un conjunto de información que debe ser organizada y estructurada de manera que sea comprensible para la mayoría de los visitantes La información debe ser ordenada por categorías y extendida por diversas páginas para que el visitante encuentre fácilmente las partes de su interés. En los Sitios Web relacionados con él mundo de la prensa y la comunicación audiovisual hay que instalar una estructura sólida que resista los constantes flujos y reflujos de la información. Ver las páginas de algunos periódicos como o En los sitios web de estos periódicos podemos observar como los encabezados pueden cambiar con mucha frecuencia en un mismo día pero la ubicación de la información permanece siempre en su lugar a lavista El grado de organización del contenido del sitio web determina que sea más o menos inteligible e influye en gran medida en el éxito o fracaso del sitio La estructura de un sitio web es la organización de su contenido. Es el catálogo ordenado y clasificado de su información. No confundir con la estructura de una página web 46

47 Organizando el contenido del sitio web ARQUITECTURA WEB: Definición del alcance: Este es la extensión de realidad que cubre, pero esta vendrá dada por los objetivos que nos marquemos Establecer los objetivos: Para qué construimos el sitio web? A quienes va dirigido? Qué deseamos comunicar con él? Por ejemplo los objetivos para el sitio de una empresa podrían ser: Para captar clientes potenciales: quiénes somos y qué hacemos. Explicar a los clientes potenciales cómo podemos ayudarles. Proporcionar una lista detallada de nuestros productos y servicios. Anunciar la aparición de nuevos productos e iniciativas (una sala de prensa). Proporcionar las formas de contacto a los clientes potenciales Generar contactos para nuestros agentes comerciales Etc. 47

48 Organizando el contenido del sitio web ARQUITECTURA WEB: Los objetivos para un sitio Web dedicado a libros cómic, no son los mismos necesariamente: Proporcionar críticas mensuales de mis cómic preferidos. Resúmenes de las apariciones más recientes para los que se han perdido algún número. Exponer pasajes de noticias acerca de libros y películas cómic de próxima aparición que pueda lograr de productores o agencias especializadas. Trucos y consejos personales o eventualmente de otros visitantes, para indicar dónde pueden encontrarse ediciones raras de cómic a precios decentes. Sugerencias sobre buenos cómic antiguos, pasados por alto por la mayoría de coleccionistas. Todos los sitios Web, independientemente de su contenido, deberían incluir entre sus objetivos: Indicar a los visitantes por qué medio pueden ponerse en contacto con el administrador del sitio. El contacto directo con los visitantes es esencial porque necesitamos conocer y reparar cualquier tipo de error, fallo o problema técnico que pueda surgir. Lo mejor es crear una página especial para los 48 comentarios de los visitantes y publicar lo que dicen los visitantes que así tendrán una participación activa en la página y se motivarán a visitarla más.

49 Organizando el contenido del sitio web ARQUITECTURA WEB: Identificar la audiencia : El sitio que logra identificar una audiencia dara y específica, tiene mayores probabilidades de longevidad Definir la audiencia a partir de las entradas de sus visitantes, es una de las maneras mas efedivas de alcanzar los objetivos del sitio A medida que vamos satisfaciendo las espectativas de nuestra audiencia: el alcance del sitio es más nitido y va sabiendo a cada vez mejor lo que queremos cubrir con nuestras paginas, 49

50 Organizando el contenido del sitio web ARQUITECTURA WEB: Esturcturar el Contenido: En primer lugar hay que plantear los contenidos necesarios para cada objetivo. Ejemlo: Para el objetivo presentarse a sí mismo a los clientes potenciales y explicarles lo que hace la empresa, la Lista de contenidos que se nos ocurriesen podría ser: Una breve historia de nuestra empresa. Resumen de nuestras competencias esenciales. Perfiles o biografías cortos de nuestro equipo de direccion. Grafica mostrando el crecimiento de nuestros recursos durante los ultimos tres afios. Grafica mostrando el crecimiento de beneficios o ventas durante los ultimos tres afios. Folleto de presentacion de la empresa, en PDF listo para descarga. Tarjeta de visita lista para descarga. Fotografia del edificio de la empresa o de la oficina principal Reportaje fotografico de las dependencias de la empresa. Apreciaciones constructivas de dientes actuales. 50

CREACION DE PÁGINAS WEB

CREACION DE PÁGINAS WEB PRESENTA: CREACION DE PÁGINAS WEB OBJETIVO Conocer la aplicación de los paquetes mas utilizados para la implementación t diseño de una pagina Web. DIRIGIDO A: Estudiantes de informática, Ofimática y Personas

Más detalles

Antes de comenzar un sitio. Empezar un sitio web

Antes de comenzar un sitio. Empezar un sitio web Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. http://www.uamvirtual.es/mod/assignment/view.php?id=3228 Empezar

Más detalles

Laboratorio 6. Creación de sitios Web - Dreamweaver

Laboratorio 6. Creación de sitios Web - Dreamweaver UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 6. Creación de sitios Web - Dreamweaver El objetivo de este laboratorio es aprender a crear sitios

Más detalles

Diseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos

Diseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Herramientas de DISEÑO: Recursos Gráficos Software de Diseño Lenguaje de Programación Contenido curso practico; LENGUAJE

Más detalles

HTML Guía de trabajo para 3º ESO

HTML Guía de trabajo para 3º ESO HTML Guía de trabajo para 3º ESO Página 2 Índice 1. Qué es HTML?... 3 2. Cómo son las páginas Web?... 3 3. Qué es un sitio Web?... 3 4. Práctica 1. Crear un sitio web local... 4 5. Primera página HTML...

Más detalles

Diseño de páginas web 2011

Diseño de páginas web 2011 Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero

Más detalles

DISEÑO WEB MÓDULO II PROGRAMACIÓN CON HTML MÓDULO I GESTIÓN DE UN PROYECTO WEB CURSO TÉCNICO SUPERIOR

DISEÑO WEB MÓDULO II PROGRAMACIÓN CON HTML MÓDULO I GESTIÓN DE UN PROYECTO WEB CURSO TÉCNICO SUPERIOR MÓDULO I GESTIÓN DE UN PROYECTO WEB MÓDULO II PROGRAMACIÓN CON HTML 01. PLANIFICACIÓN Y DESARROLLO DE UN PROYECTO WEB 02. EL DISEÑO GRAFICO APLICADO A WEB Definicion de un sitio web Planificación de un

Más detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 9 CREACIÓN DE PÁGINAS WEB TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio

Más detalles

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios

Más detalles

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto) HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional

Más detalles

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores Diseño orientado a la web. Internet y las páginas web [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores [9.3] Accesibilidad e interactividad [9.4] Resolución de pantalla [9.5] Optimización

Más detalles

CREACIÓN DE PÁGINAS WEB CON NVU

CREACIÓN DE PÁGINAS WEB CON NVU CREACIÓN DE PÁGINAS WEB CON NVU 1. Introducción... 1 2. Instalación... 2 3. Antes de comenzar una página web... 2 4. Editar páginas web con NVU... 5 5. Definir el diseño de nuestro sitio... 6 5.1. Plantillas...

Más detalles

CS3. Jorge A. Villa Saravia 2011. www.jalbertovsa.net 1

CS3. Jorge A. Villa Saravia 2011. www.jalbertovsa.net 1 DREAMWEAVER CS3 Jorge A. Villa Saravia 2011 www.jalbertovsa.net www.jalbertovsa.net 1 1. INTRODUCCIÓN A DREAMWEAVER CS 3... 2 1.1. FLUJO DE TRABAJO DE DREAMWEAVER PARA LA CREACIÓN DE SITIOS WEB... 2 1.2.

Más detalles

Diseño Web. Temario. www.capacitaciongrafica.com

Diseño Web. Temario. www.capacitaciongrafica.com Diseño Web Temario Diseño Web Temario Objetivos: Que el alumno aprenda a Diseñar y Desarrollar sitios web informativos, dinámicos e interactivos cumpliendo con los estandares del diseño web mundial. Al

Más detalles

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar

Más detalles

Blogger: herramienta de creación y gestión de blogs

Blogger: herramienta de creación y gestión de blogs Blogger: herramienta de creación y gestión de blogs Objetivo de aprendizaje Las personas participantes serán capaces de crear y gestionar un blog con Blogger. Existen numerosos servicios gratuitos para

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

Más detalles

Guía Google Sites. En este tema se desarrolla una guía rápida de uso para editar con Google Sites

Guía Google Sites. En este tema se desarrolla una guía rápida de uso para editar con Google Sites 1. INTRODUCCIÓN Google Sites es una aplicación gratuita que se enmarca dentro de la filosofía Web 2.0. Permite crear el sitio que puede adaptarse a cualquier situación: web personal, informativa, educativa,

Más detalles

Diseño de Páginas Web 2011

Diseño de Páginas Web 2011 Diseño de Páginas Web 2011 PRESENTACIÓN Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje HTML y las hojas de estilo en cascada (CSS), enfatizando la utilización

Más detalles

Curso básico de creación de páginas web

Curso básico de creación de páginas web Curso básico de creación de páginas web Programa de formación docente UAM 2005-2006 Miguel Sevilla Callejo Abril 2006 Departamento de Geografía Universidad Autónoma de Madrid Objetivos Desarrollar las

Más detalles

1.- REDES E INTERNET TIPOS DE REDES COMUNICACIÓN POR INTERNET PROTOCOLO IP PROTOCOLO TCP

1.- REDES E INTERNET TIPOS DE REDES COMUNICACIÓN POR INTERNET PROTOCOLO IP PROTOCOLO TCP 1.- REDES E INTERNET TIPOS DE REDES LAN (Local Area Network). Enlazan ordenadores dentro de un área limitada: un departamento, una oficina, un edificio, etc La forma más sencilla para crear una LAN es

Más detalles

Curso Diseño Web con Software libre, VNU

Curso Diseño Web con Software libre, VNU 1. - QUE ES VNU? NVU (se pronuncia N-view, por "new view") es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source, o sea que cualquiera está autorizado para bajarlo sin

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

PROGRAMA: Diseño y desarrollo Web con HTML 5, PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un

Más detalles

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso.

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso. 4.4. ENLAZAR UN ARCHIVO O UNA PÁGINA WEB 4.4.1. Características El contenido de un curso no sólo se limita a los creados mediante los editores de Moodle, puesto que este tipo de recursos permite enlazar

Más detalles

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos

Más detalles

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras

Más detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6 Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

Más detalles

Creación de páginas Web FrontPage

Creación de páginas Web FrontPage Creación de páginas Web FrontPage 1.- Introducción Las páginas web están basadas en lo que se llama el hipertexto. En el hipertexto no hace falta seguir el documento de forma lineal, sino que se establecen

Más detalles

La estructura de archivos y carpetas. Arbol. Listas. Mixta. Red

La estructura de archivos y carpetas. Arbol. Listas. Mixta. Red ESTRUCTURA DEL SITIO Ya has preparado el contenido de tu web, o al menos. el contenido inicial. Ahora es el momento de comenzar a pensar en como vas a organizar tu sitio. Esta estructura puede venirte

Más detalles

UF1302 Creación de páginas web con lenguajes de marcas

UF1302 Creación de páginas web con lenguajes de marcas UF1302 Creación de páginas web con lenguajes de marcas TEMA 1. Los lenguajes de marcas TEMA 2. Imágenes y elementos multimedia TEMA 3. Técnicas de accesibilidad y usabilidad TEMA 4. Herramientas de edición

Más detalles

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO PRIMER BIMESTRE GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML Y DREAMWEAVER

Más detalles

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Tema 3. Conceptos Básicos de HTML ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Lenguajes de descripción! Grupo de lenguajes que describen cómo representar

Más detalles

Guía del Curso Especialista TIC en Diseño Web. Nivel Profesional

Guía del Curso Especialista TIC en Diseño Web. Nivel Profesional Guía del Curso Especialista TIC en Diseño Web. Nivel Profesional Modalidad de realización del curso: - Número de Horas: 300 Horas Titulación: Diploma acreditativo con las horas del curso OBJETIVOS Formación

Más detalles

Curso: El uso de Internet y las TIC en el entorno escolar PRIMERA PARTE: Sitios web

Curso: El uso de Internet y las TIC en el entorno escolar PRIMERA PARTE: Sitios web Curso: El uso de Internet y las TIC en el entorno escolar PRIMERA PARTE: Sitios web Por qué utilizar sitios web en educación? Los sitios web integran recursos variados, lo que los hace muy útiles en el

Más detalles

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 5 Situación RD 1201/2007 Actualización

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 5 Situación RD 1201/2007 Actualización Página 1 de 18 CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL Familia Profesional Informática y Comunicaciones Nivel 2 Código IFC297_2 Versión 5 Situación RD 1201/2007 Actualización

Más detalles

Crear y gestionar un blog con WordPress

Crear y gestionar un blog con WordPress Crear y gestionar un blog con WordPress Pág. 1 Crear y gestionar un blog con WordPress Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: José Sánchez Rodríguez (Universidad de Málaga)

Más detalles

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Paso 1 de 10 Una vez que hemos creado una película Flash, sea una animación, un juego, un recurso educativo, etc., el último paso

Más detalles

Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en

Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en Dominio y Hosting Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en el internet... 5 http: hyper text

Más detalles

Clasificación y organización de elementos.

Clasificación y organización de elementos. CLASIFICAC IÓN Y ELEMENTOS E D N Ó I C A ORGANIZ. CLASIFICACIÓN Y ORGANIZACIÓN DE ELEMENTOS INTRODUCCIÓN. Son muchos los elementos que conforman un proyecto multimedia, su organización, distribución, así

Más detalles

Unidad II: Lenguaje de marcado

Unidad II: Lenguaje de marcado Unidad II: Lenguaje de marcado 2.1 Introducción Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información

Más detalles

MINISTERIO DE TRABAJO Y ASUNTOS SOCIALES PROGRAMA DE CURSO DE FORMACIÓN PROFESIONAL OCUPACIONAL. Diseñador Web y multimedia

MINISTERIO DE TRABAJO Y ASUNTOS SOCIALES PROGRAMA DE CURSO DE FORMACIÓN PROFESIONAL OCUPACIONAL. Diseñador Web y multimedia MINISTERIO DE TRABAJO Y ASUNTOS SOCIALES PROGRAMA DE CURSO DE FORMACIÓN PROFESIONAL OCUPACIONAL Diseñador Web y multimedia DATOS GENERALES DEL CURSO 1. Familia Profesional: INFORMÁTICA Área Profesional:

Más detalles

Manual de publicación de contenido y actualización de sitios web

Manual de publicación de contenido y actualización de sitios web Manual de publicación de contenido y actualización de sitios web Basados en sistemas Wordpress El presente manual le presentará los distintos pasos para publicar contenidos a través de páginas y editar

Más detalles

I: Formación complementaria en TI

I: Formación complementaria en TI I: Formación complementaria en TI DESARROLLO WEB - MULTIMEDIA FCDW01 Adobe Premiere Pro CS4 FCDW02 Crea tu sitio web con Joomla! FCDW03 Diseño y desarrollo web con HTML 5 y CSS2 FCDW04 DreamWeaver CS4

Más detalles

Cursito 27: Curso de HTML Parte 3

Cursito 27: Curso de HTML Parte 3 Por Roxana Bassi rox@roxanabassi.com.ar / http://www.roxanabassi.com.ar Publicado en la sección los cuadernos de Internet World en la revista Internet World Latinoamérica en el período 1995-1999 Cursito

Más detalles

Introducción al desarrollo WEB. Tecnologías Web

Introducción al desarrollo WEB. Tecnologías Web Introducción al desarrollo WEB Tecnologías Web Un poco de Historia World Wide Web (WWW) Inventada por Tim Berners Lee en 1989!!! Mientras trabajaba European Organization for Nuclear Research (CERN) http://www.w3.org/consortium/history.html

Más detalles

Guía para el armado de un HTML

Guía para el armado de un HTML Guía para el armado de un HTML Maquetear una pieza con estándares de usabilidad Utilizar un formato de html clásico: Diseñar con CSS Inline que es un método para insertar el lenguaje de estilo de página

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 63 Horas Objetivo General: Construir páginas Web a partir

Más detalles

Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver

Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver En esta práctica guiada vamos a ver

Más detalles

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Modalidad de realización del curso: Número de Horas: Titulación: Online 140 Horas Diploma acreditativo con las horas del curso OBJETIVOS Este

Más detalles

EDICION DE PRESENTACIONES CON POWERPOINT 2007

EDICION DE PRESENTACIONES CON POWERPOINT 2007 EDICION DE PRESENTACIONES CON POWERPOINT 2007 1. Qué es POWERPOINT? Microsoft Office PowerPoint 2007 es una aplicación que permite la creación de presentaciones gráficas, al estilo de diapositivas que

Más detalles

Herramientas para crear páginas.

Herramientas para crear páginas. Herramientas para crear páginas. Herramientas para la creación de páginas Web. Como hemos visto resulta sencillo pero engorroso escribir directamente en HTML. Por ello es más sencillo utilizar un editor

Más detalles

Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS

Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Versión 2.0 3/05/2010 Manual de Gestión de correo electrónico y SMS (v 2.0) 1 GESTOR DE CORREO ELECTRÓNICO

Más detalles

Macromedia Dreamweaver

Macromedia Dreamweaver Macromedia Dreamweaver Grupo 5: URJC I.T.I.Sistemas Herramientas Case y 4GL Mónica Moral Narváez Nuria Fuentevilla del Haya Miguel Ángel López Molero INDICE: Macromedia Dreamweaver Qué es Macromedia?.

Más detalles

Enrique Rendón Angulo Ingeniero de Telecomunicación Comunicación Audiovisual y Gráficos, No Redes ni internet Ayuda como texto en:

Enrique Rendón Angulo Ingeniero de Telecomunicación Comunicación Audiovisual y Gráficos, No Redes ni internet Ayuda como texto en: Enrique Rendón Angulo Ingeniero de Telecomunicación Comunicación Audiovisual y Gráficos, No Redes ni internet Ayuda como texto en: nuevaweb.redentoristas.org/recursos/varios/ayuda a la edicion/ A veces

Más detalles

Producción Hipermedia

Producción Hipermedia Producción Hipermedia HIPERTEXTO El hipertexto es una tecnología que organiza una base de información en bloques distintos de contenidos, conectados a través de una serie de enlaces cuya activación o selección

Más detalles

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples

Más detalles

Curso Superior de Diseño Web

Curso Superior de Diseño Web Curso Superior de Diseño Web Duración: 60 horas. Objetivos: En la actualidad, Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web.

Más detalles

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 6. Actualización

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 6. Actualización Página 1 de 19 CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL Familia Profesional Informática y Comunicaciones Nivel 2 Código IFC297_2 Versión 6 Situación Contraste externo Actualización

Más detalles

Páginas Web Barcelona

Páginas Web Barcelona Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML

Más detalles

Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online)

Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico Especialista

Más detalles

UNIDAD DIDÁCTICA. Integración de documentos profesionales en la Web. Objetivos. www.adams.es

UNIDAD DIDÁCTICA. Integración de documentos profesionales en la Web. Objetivos. www.adams.es UNIDAD DIDÁCTICA 3 Integración de documentos profesionales en la Web Objetivos Mantener actualizadas páginas Web de acuerdo con el diseño y con los contenidos planificados, organizándolos a través del

Más detalles

EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA

EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA AUTORÍA PEDRO J. MORENO GARCÍA TEMÁTICA TIC ETAPA ESO, BACHILLERATO,FP Resumen Con Joomla podemos crear en pocas horas un completo portal para

Más detalles

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 www.bmformacion.es info@bmformacion.es Objetivos Se estudia la suite Macromedia Studio 8, que está formada por un conjunto de aplicaciones utilizadas por diseñadores

Más detalles

Feliz cumpleaños. Introducción HTML & CSS

Feliz cumpleaños. Introducción HTML & CSS HTML & CSS 1 Feliz cumpleaños All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club.

Más detalles

Prof. Luis Miguel Oliveros - Computación 3er Año

Prof. Luis Miguel Oliveros - Computación 3er Año NVU / KompoZer NVU es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source. Esta alternativa gratuita trae nuevas herramientas para facilitar el trabajo, convirtiéndola

Más detalles

Novedades de Adobe Dreamweaver CS5

Novedades de Adobe Dreamweaver CS5 Durante el mes de mayo del 2011, se produjo el lanzamiento de la versión estable de Adobe Dreamweaver CS5. Como es de suponerse, antes de realizar la compra del nuevo producto (o la actualización desde

Más detalles

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009)

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: domingo, 15 de febrero de 2009) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos

Más detalles

DREAMWEAVER El programa Dreamweaver, de la empresa Macromedia/Adobe, es un sencillo y a la vez completísimo editor de sitios y aplicaciones web.

DREAMWEAVER El programa Dreamweaver, de la empresa Macromedia/Adobe, es un sencillo y a la vez completísimo editor de sitios y aplicaciones web. DISEÑO WEB, DREAMWEAVER, FLASH, FIREWORKS. Curso destinado al Diseño Web, con los tres programas más utilizados DreamWeaver, Flash y Fireworks, todos de la marca Adobe/Macromedia. Con este curso el alumno

Más detalles

CURSOS CON CERTIFICACION UNIVERSITARIA

CURSOS CON CERTIFICACION UNIVERSITARIA Descripción: Curso para aprender a utilizar los programas del paquete Adobe Creative Suite (CS), que engloba los programas de edición y publicación de documentos impresos y para la web Adobe Illustrator

Más detalles

UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL

UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL OBJETIVO El alumno aprenderá a configurar un servidor local para realizar diferentes pruebas de la página hasta publicar el sitio web en Internet. TEMARIO 2.1 INTRODUCCIÓN

Más detalles

HTML HTML HTML. Diseño de Sitios Web. Qué es HTML?

HTML HTML HTML. Diseño de Sitios Web. Qué es HTML? Diseño de Sitios Web 5 (I) Qué es? Es un lenguaje descriptivo con el cual se describe la estructura del texto y todos los elementos que se muestran en la página. Es el método más usado para publicar documentos

Más detalles

1. Tutorial Página Personal... 2

1. Tutorial Página Personal... 2 Índice 1. Tutorial Página Personal... 2 1.1. Introducción... 2 1.2. Tutorial de edición de páginas web con Kompozer... 2 1.2.1. Descarga del programa... 2 1.2.2. Edición de la página web... 4 1.3. Como

Más detalles

Técnico Profesional en Diseño con Adobe Dreamweaver CC 2015 (Curso Homologado con Titulación Universitaria + 20 Créditos tradicionales LRU)

Técnico Profesional en Diseño con Adobe Dreamweaver CC 2015 (Curso Homologado con Titulación Universitaria + 20 Créditos tradicionales LRU) Técnico Profesional en Diseño con Adobe Dreamweaver CC 2015 (Curso Homologado con Titulación Universitaria + 20 Créditos tradicionales LRU) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO

Más detalles

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 2: Aspectos básicos.

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 2: Aspectos básicos. Ministerio de Educación, Cultura y Deporte. HTML5 en la educación Módulo 2: Aspectos básicos. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Aspectos básicos del lenguaje

Más detalles

Crear una página Html con el Editor.

Crear una página Html con el Editor. Crear una página Html con el Editor. El Editor de Páginas HTML de RODAS permite a los usuarios crear, cargar y editar una serie de páginas web HTML que se almacenará en Mis Objetos o en una colección durante

Más detalles

Web Mastering y Design

Web Mastering y Design Web Mastering y INTRODUCCIÓN Propósito de este documento El presente documento contiene el programa del curso online de Web Mastering y. OBJETIVOS Y MÉTODO DE USO Y EVALUACIÓN Objetivo y métodos de uso

Más detalles

Manual de Microsoft Outlook

Manual de Microsoft Outlook Documentos SIADI / SISYR Serie: Guías del Documento Preparado por: Benjamín López Quesada Víctor Herreros Villanueva Sergio Rincón García SIADI / SISYR de expiración El contenido de este documento es propiedad

Más detalles

DREAMWEAVER CS3 Guía Rápida

DREAMWEAVER CS3 Guía Rápida UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica DREAMWEAVER CS3 Guía Rápida Delia Esquer Meléndez desquer@uabc.mx Ensenada, Baja California Enero 2009 INTRODUCCIÓN 1. Qué

Más detalles

Mini Glosario Internet

Mini Glosario Internet Mini Glosario Internet Ancho de banda (Bandwidth) Es la capacidad de un sistema para transferir datos a través de una conexión de red, medida en valores de bits por segundo (kilobits, megabits, etc.);

Más detalles

JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: miércoles, 2 de marzo de 2011)

JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: miércoles, 2 de marzo de 2011) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: miércoles, 2 de marzo de 2011) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos con

Más detalles

MANUAL DE USUARIO. Versión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es

MANUAL DE USUARIO. Versión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es MANUAL DE USUARIO Versión: 1.0.0 Desarrollado por AloOnline Alojamiento Web http://www.aloonline.es soporte@aloonline.es 1 ÍNDICE 1. ACCEDER AL PANEL DE PRESTASHOP. 3 2. ADMINISTRAR CATEGORÍAS: 4 2.1.Crear

Más detalles

La Suite Google. Fácil instalación y uso. Pocos requisitos de la máquina. Gratuitas.

La Suite Google. Fácil instalación y uso. Pocos requisitos de la máquina. Gratuitas. Ventajas: Inconvenientes: Ejemplos de uso: Fácil instalación y uso. Pocos requisitos de la máquina. Gratuitas. La Suite Google Orientadas a la colaboración y a trabajar en grupo. Es el alumno quien marca

Más detalles

Técnico Especialista en Diseño Web Profesional con Dreamweaver CS6

Técnico Especialista en Diseño Web Profesional con Dreamweaver CS6 Técnico Especialista en Diseño Web Profesional con Dreamweaver CS6 TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico Especialista en Diseño

Más detalles

Scripting en el cliente: Javascript. Tecnologías Web

Scripting en el cliente: Javascript. Tecnologías Web Scripting en el cliente: Javascript Tecnologías Web Motivación Por qué usar JavaScript? Permite crear efectos atractivos visualmente Permite crear sitios WEB que se visualicen de la misma manera en distintos

Más detalles

MANUAL DE USO DE CMS PARA PORTALES WEB CON ACCESIBILIDAD PÁGINA 1

MANUAL DE USO DE CMS PARA PORTALES WEB CON ACCESIBILIDAD PÁGINA 1 MANUAL DE USO DE CMS PARA PORTALES WEB CON ACCESIBILIDAD PÁGINA 1 1. Presentación 3 2. Ingreso al Sistema 4 3. Inicio 7 4. Edición de Contenido 11 5. Descargas 29 6. Administración de Menús 32 7. Módulos

Más detalles

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen

Más detalles

Qué es Blogger? Qué hay que hacer para tener una cuenta Blogger?

Qué es Blogger? Qué hay que hacer para tener una cuenta Blogger? Qué es Blogger? Blogger es un servicio creado por Pyra Labs y posteriormente adquirida por Google para crear y publicar una bitácora (blog) en línea. El usuario no tiene que escribir ningún código o instalar

Más detalles

Tema 1: Introducción a las Aplicaciones Web. Contenidos:

Tema 1: Introducción a las Aplicaciones Web. Contenidos: Tema 1: Introducción a las Aplicaciones Web. Contenidos: 1. Esquema de funcionamiento. 1.1. Modelo Cliente/Servidor. 1.1.1. Componentes de un Servidor (WAMP, LAMP). 1.1.2. Navegadores. 1.2. Conceptos.

Más detalles

DESCRIPCIÓN ESPECÍFICA.

DESCRIPCIÓN ESPECÍFICA. DESCRIPCIÓN ESPECÍFICA. Nombre del Módulo: DISEÑO DE SITIOS WEB. Código: CSTI0031 Horas certificables: 62 Objetivo General: Diseñar sitios web que implementen características intuitivas y visuales Objetivos

Más detalles

Manual de Administrador

Manual de Administrador Servicio Manual de Administrador Web 2.0 Servicio Web 2.0 Presentación Diseño Web Inicial Diseño Personalizado Control Contenidos Registro de Dominio Hosting en Servidor Correos Electrónicos Con Redes

Más detalles

Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2

Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2 Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2 1. Celdas y tablas, propiedades Dibujando celdas y tablas de disposición, podemos verificar las propiedades cambiando los datos en el panel que

Más detalles

MANUAL BÁSICO DE PRESTASHOP 1.6. info@sevycia.com +34 619 404 720 www.servycia.com. Página 1

MANUAL BÁSICO DE PRESTASHOP 1.6. info@sevycia.com +34 619 404 720 www.servycia.com. Página 1 MANUAL BÁSICO DE PRESTASHOP 1.6 Página 1 Indice 1.-Ingresando en la zona de administración 2.-El modo mantenimiento 3.-Explorando el escritorio 4.-Gestionando el catálogo 4.1-Gestión de categorías, fabricantes

Más detalles

DISEÑO MICROCURRICULAR

DISEÑO MICROCURRICULAR DISEÑO MICROCURRICULAR Código: F-GAC-03D Versión: 01 Edición: 18/02/2009 Nombre del Programa DISEÑO Y DESARROLLO WEB I Facultad articulada: Tipo de Evento: Duración: Comunicación Curso 50 Horas Objetivo

Más detalles

Versión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es -1-

Versión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es -1- Versión: 1.0.0 Desarrollado por AloOnline Alojamiento Web http://www.aloonline.es soporte@aloonline.es -1- INDICE 1. Acceder al panel de WordPress... 3 2. Crear entradas en el Blog y páginas... 4 2.1.

Más detalles