• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Introducción al diseño de páginas web
 

Introducción al diseño de páginas web

on

  • 849 views

 

Statistics

Views

Total Views
849
Views on SlideShare
849
Embed Views
0

Actions

Likes
0
Downloads
8
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Introducción al diseño de páginas web Introducción al diseño de páginas web Presentation Transcript

    • APRENDIENDO A CREAR PAGINAS WEB
    • ¿Qué es Dreamweaver?Dreamweaver es un software fácil de usar que permite crearpáginas web profesionales. Las funciones de edición visual deDreamweaver CS4 permiten agregar rápidamente diseño yfuncionalidad a las páginas, sin la necesidad de programarmanualmente el código HTML.Se puede crear tablas, editar marcos, trabajar con capas, insertarcomportamientos JavaScript, etc.., de una forma muy sencilla yvisual. Provee los conocimientos para diseñar, codificar ydesarrollar sitios, páginas y aplicaciones Web, medianteherramientas útiles y sencillas de manejar, dentro de un ambientecómodo y con todas las opciones a la mano. También puede crearpotentes aplicaciones de Internet. http://www.youtube.com/watch?feature=player _embedded&v=fR_H92xe7FQ
    • Términos Básicos :• World Wide Web (WWW): Es un sistema de información, propio de Internet. Sus características son: Información por hipertexto: Diversos elementos (texto o imágenes) de la información que vemos en pantalla tiene vínculos con otras informaciones que pueden ser de otras fuentes. Para acceder a esta otra información bastará con hacer clic sobre dichos vínculos. Gráfico: En la pantalla aparece simultáneamente texto, imágenes e incluso sonidos.• Navegador: Es el programa que nos ofrece acceso a Internet. Debe ser capaz de comunicarse con un servidor y comprender el lenguaje de todas las herramientas que manejan la información de Web. Ejemplo Internet Explorer.• Servidor: Se encarga de proporcionar al navegador los documentos y medios que este solicita. Utiliza un protocolo HTTP para atender las solicitudes de archivos por parte de un navegador.• HTTP: Es el protocolo de transferencia de hipertexto, es decir, el protocolo que los servidores de World Wide Web utilizan para mandar documentos HTML a través de Internet.
    • Términos Básicos :• URL (Uniform Resources Locator): Localizador Uniforme de Recursos, o dicho más claramente, es la dirección que localiza una información dentro de Internet.• HTML: Estas siglas se corresponden con la definición "Lenguaje para marcado de hipertexto", se trata de un lenguaje para estructurar documentos a partir de texto en World Wide Web. Este lenguaje se basa en etiquetas (instrucciones que le dicen al texto como deben mostrarse) y atributos (parámetros que dan valor a la etiqueta).
    • La pantalla inicial• Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) puede no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qué elementos quiere que se vean en cada momento y dónde, como veremos más adelante.
    • Imágenes• En este tema vamos a ver cómo insertar imágenes en un documento. que ayudan a mejorar la apariencia de nuestras páginas.• Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual.
    • Tablas• Todos los objetos se alinean por defecto a la izquierda de las páginas web, pero gracias a las tablas es posible distribuir el texto en columnas, colocar imágenes al lado de un bloque de texto, y otra serie de cosas que sin las tablas serían imposibles de realizar.• Hoy en día, la mayoría de las páginas web se basan en tablas, ya que resultan de gran utilidad al mejorar notablemente las opciones de diseño.• Las tablas están formadas por un conjunto de celdas, distribuidas en filas y columnas. A continuación tienes un ejemplo de tabla.
    • Hiperenlaces• Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo a otra página o archivo.• Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen.
    • Multimedia• Vamos a ver cómo insertar elementos multimedia. En concreto, veremos cómo insertar una animación Flash, un sonido y un vídeo.