viernes, 11 de mayo de 2012

practica 17:terminologia basica del software para diseñar pajinas web

 css:
es la tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación.
 

maquetacion:
La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.


plantilla en dreamweaver:
Una plantilla es una estructura en la que hay partes no editables (que no se van a poder modificar) y otras que son modificables para llenarse de contenido.
 contenedor en deamweaver:
El comportamiento Definir texto de contenedor reemplaza el contenido y el formato de un contenedor existente (es decir, cualquier elemento que pueda contener texto u otros elementos) en una página con el contenido que usted especifique. Dicho contenido puede incluir cualquier código HTML válido.
region editable:
son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra.
comportamiento  en dreamweaver:
son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen.
tabla:
representan relaciones entre datos. Los autores especifican estas relaciones en el lenguaje del documento y especifican su presentación en CSS, de dos maneras: visualmente y auditivamente. Los autores pueden especificar el formato visual de una tabla como una grilla rectangular de celdas. Las filas y columnas de celdas pueden organizarse en grupos de filas y en grupos de columnas. Las filas, columnas, grupos de filas, grupos de columnas y las celdas pueden tener bordes dibujados alrededor de ellos (hay dos modelos de bordes en CSS2). Los autores pueden alinear los datos verticalmente u horizontalmente dentro de la celda y alinear los datos en todas las celdas de una fila o columna
formulario:
se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios
formularo de contacto:Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.
dreamweaver cs5:
Adobe Dreamweaver es una aplicación en forma de suite (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.

practica 18: entorno del software del dreamweaver

miércoles, 29 de febrero de 2012

practica 8:atributos de las etiquetas

practica 4: estructura basica de html

<HTML> Indica el inicio del documento.
<HEAD> Inicio de la cabecera.
<TITLE> Inicio del título del documento.
</TITLE> Final del título del documento.
</HEAD> Final de la cabecera del documento.
<BODY> Inicio del cuerpo del documento.
</BODY> Final del cuerpo del documento.
</HTML> Final del documento.

jueves, 2 de febrero de 2012

practica 3: Elmentos basicos de HTML

  • bloc de notas:
es un editor de texto simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy sencilla. Algunas características propias son:
Inserción de hora y fecha actual pulsando F5, en formato "HH:MM DD/MM/AA".
Inserción de hora y fecha actual automática si el documento comienza por ".LOG".
Ajuste de línea.
  • buscador:
  Un buscador es una página de internet que permite realizar búsquedas en la red. Su forma de utilización es muy sencilla, basta con introducir una o más palabras clave en una casilla y el buscador generará una lista de páginas web que se supone guardan relación con el tema solicitado. Digo se supone porque como veremos más adelante, esto no es siempre así.
   Aunque el modo de utilización es muy fácil a nivel básico, los buscadores permiten opciones avanzadas para refinar la búsqueda, cuyo resultado puede ser en muchas ocasiones de miles de páginas. Mediante estas opciones avanzadas se puede acotar la búsqueda y obtener un número de páginas más manejable.

  • compatible:


La compatibilidad es la cualidad de ser compatible, de poder concurrir en buenas condiciones con algo o alguien. Puede referirse a cualquiera de los siguientes artículos:
Compatibilidad, en informática, entre un programa y un sistema;

  •  etiqueta:
  El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación.
  • hipertexto:
     Un hipertexto es un documento digital que se puede leer de manera no secuencial y el sistema que lo implementa. Es un texto que encontramos en internet, que se puede leer linealmente o a través de links, pero también tiene varias opciones , por lo que los lectores pueden elegir la que prefieran , a su gusto, de modo que no es un texto predeterminado en el cual tengas que leer lo que el autor quiere, sino que de alguna manera tú puedes elegir lo que más te guste para seguir leyendo.
  • lenguaje HTML:
 es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.
  • marcas(tag):


HTML es un lenguaje para escribir páginas de hipertexto definido por tags.
Los tags, a veces llamados "etiquetas" en español, son los "comandos" que los programas navegadores leen e interpretan para armar y dar forma a las páginas de Internet.
  • navegador:
es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla,


  • paginas web:
es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo móvil. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto.
  • plataforma:
En informática, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible. Dicho sistema está definido por un estándar alrededor del cual se determina una arquitectura de hardware y una plataforma de software (incluyendo entornos de aplicaciones). Al definir plataformas se establecen los tipos de arquitectura, sistema operativo, lenguaje de programación o interfaz de usuario compatibles.
  • servidor web:
 es un programa informático que procesa una aplicación del lado del servidor realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente. El código recibido por el cliente suele ser compilado y ejecutado por un navegador web

  • vinculos:
es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento. Combinado con una red de datos y un protocolo de acceso, un hipervínculo permite acceder al recurso referenciado en diferentes formas, como visitarlo con un agente de navegación, mostrarlo como parte del documento referenciador o guardarlo localmente.


miércoles, 1 de febrero de 2012

practica 2:integradora parte 1

  • ¿cuales son tus posibles temas a tratar en tu pagina? deportes

  • clasifica tus temas: noticias, videos, estadisticas, top ten, imagenes, otras ligas  

  • escoge el tema para tu pag.web: noticias de  deportes

  • define la informacion que va contener tu pag.:  informacion videos y textos

  • cuales fuentes de inf. tienes para tu pag.: futbol total(paj. web), revistas de futbol picante y deportv en televicion

  • escalabilidad: cada 24 horas

practica 1: Contenido y estructura de la Página Web

¿Que entiendes por pagina Web?es un documento electronico en internet donde puedes encontrar imagenes videos e informacion y tambien existen hipervinculos que te pueden llevar a otra pagina


¿Que tipo de informacion tienen las paginas Web? texto, imagenes y videos de todo tipo 

    ¿Que entiendes por sitio Web? es un portal donde existen videos o subtemas e imagenes y existe un hipervinculo hacia una pagina web que contiene toda la informacion que buscas sobre lo que seleccionaste 


    ¿Cual es la diferencia entre sitio Web y Pagina Web? el sitio es el portal o entrada y la pagina contiene la informacion que seleccionaste en algun sitio 


    ¿Para que crees que sirva una pagina Web?algun anuncio o una fuente de informacion


    ¿Que te gustaria que tuviera la pagina Web que diseñarias?  de futbol buena informacion y muy bien diseñada