practica 17: terminologia basica de software para diseñar pagina web

CSS: CSS (Cascading Style Sheets, u Hojas de Estilo en Cascada) es la tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación.

Maquetación: Maquetación, composición de una página, compaginación de diferentes elementos. Son términos diferentes, que se utilizan para hacer referencia a una misma cosa; la forma de ocupar el espacio del plano mesurable, la página.

Plantilla en Dreamweaver: Son plantillas profesionales prediseñadas para sitios Web que se pueden editar y personalizar fácilmente utilizando Adobe Dreamweaver.

Contenedor en Dreamweaver: se denomina contenedor a cada elemento de la pagina web.


http://www.aulaclic.es/dreamweaver-cs5/t_1_1.htm#ap_01_01

Región editable: son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla.

Comportamientos en Dreamweaver: Los comportamientos 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, etc.

Tabla: sirven para organizar datos e imágenes en un archivo HTML.
Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la intersección de una fila con columna). Para crear una tabla debemos hacer clic sobre el botón Insertar tabla (Insert Table) de la paleta de Objetos.

Formulario: Su función principal es para recoger los datos de los usuarios que visitan nuestra web, y puede servirnos para muchas funciones, desde recoger los datos para registrar un usuario, guardar los datos de una compra online o una encuesta etc.

Formulario de contacto: al rellenarlo el usuario dar a enviar, enviará esos datos por email.

Dreamweaver CS5: es la aplicación que lidera el sector de la edición y creación de contenidos web. Proporciona funciones visuales y de nivel de código para crear diseños y sitios web basados en estándares para equipos de sobremesa, teléfonos inteligentes, tabletas y otros dispositivos.



http://www.aulaclic.es/dreamweaver-cs5/t_1_1.htm#ap_01_01

ACTIVIDAD 10. (ETIQUETA FONT)

Presenta atributos que nos permiten modificar el tamaño y color del texto incluido en la etiqueta de inicio y fin.
como por ejemplo los siguientes atributos:
Color: determina el color que se aplica al texto
Size: determina el tamaño relativo del texto. los tamaños validos son del 1 al 7, siendo el predeterminado el 3 y el mas grande el 1.
Face: asigna una fuente o tipo de letra.

ACTIVIDAD 8. (ATRIBUTOS DE LAS ETIQUETAS)

Atributo Descripción

id = "texto" :Establece un identificador único a cada elemento dentro de una página HTML
class = "texto" :Establece la clase CSS que se aplica a los estilos del elemento
style = "texto" :Establece de forma directa los estilos CSS de un elemento
title = "texto" :Establece el título a un elemento (mejora la accesibilidad y los navegadores lo muestran cuando el usuario pasa el ratón por encima del elemento)

Atributos Para Internacionalización

lang = "codigo de idioma" :Indica el idioma del elemento mediante un código predefinido
xml:lang = "codigo de idioma" :Indica el idioma del elemento mediante un código predefinido
dir :Indica la dirección del texto (útil para los idiomas que escriben de derecha a izquierda)

http://www.librosweb.es/xhtml/capitulo2/etiquetas_y_atributos.html

ACTIVIDAD 4. (ESTRUCTURA BASICA DE HTML)

< HTML >
< HEAD >
< TITLE >< / TITLE >
< / HEAD >
< BODY > Esta es mi primera página Web < / BODY >
< / HTML >

http://www.arrakis.es/~wenceslao/CursoWeb/1/guia.html

ACTIVIDAD 3. (ELEMENTOS BASICOS DE HTML)

BLOC DE NOTAS:Es un programa que permite crear y modificar archivos compuestos por texto sin formato.

BUSCADOR:Es un sistema informático que busca archivos almacenados la web.

COMPATIBLE:Es la condición que hace que un programa y un sistema, logren comprenderse correctamente directamente o indirectamente

ETIQUETA:Es el lenguaje de marcado predominante para la elaboración de páginas web.

http://www.arrakis.es/~wenceslao/CursoWeb/1/guia.html

HIPERTEXTO:Nombre que recibe el texto que permite conducir a otros textos relacionados.

Lenguaje HTML: se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). Como por ejemplo:


< HTML >
< HEAD >
< TITLE >< / TITLE >
< / HEAD >
< BODY > Esta es mi primera página Web< / BODY >
< / HTML >


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

PAGINA 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 computadora o dispositivo móvil.

PLATAFORMA:Se refiere al sistema operativo o a sistemas complejos que a su vez sirven para crear programas, como las plataformas de desarrollo.

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

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.

Actividad 2: Actividad integradora parte 1

1.- ¿Cuáles son tus posibles temas a tratar en tu pagina web?

• Zapatos


• Outfit de moda
  

2.-Clasifica tus temas.

• Estilos (Casuales, De noche, Sandalias, Botas)


• Outfit (Primavera, Invierno, Otoño, Verano)


• Las nuevas noticias


• Imagenes

3.-Escoge el tema para tu pagina web

• Tienda de zapatos (JeaneDior)

4.-Define la información para tu pagina web.

Lo que contendrá mi pagina web van a ser estilos de zapatos, precios, especiales, días de descuento, también contendra imágenes de outfit en los que te servirán mucho por que te van a ayudar a como combinar tus zapatos de distintas formas.

5.- ¿Cuáles fuentes de información tienes para tu pagina?

• Tengo paginas web, jessicasimpson.com, Dior.com, laespecial.com, andrea.com
  

6.-Escalabilidad

Cada tercer dia

7.-Planificacion: (objetivos, público y estructura)

Objetivo: que las personas entren a mi pagina y les gusten los estilos de zapatos y pues que puedan opinar y darme ideas, sobre algunas cosas que podría modificar.

Publico: para todas las muchachas que les guste la moda en zapatos.

Estructura: el sitio web tendrá como HomePage un slide sobre imágenes bonitas ,mas abajo seguirán los outfit, tendra también los estilos de zapatos que vendo y los nuevo de la pagina.

8.-Definición del diseño.

Actividad-1: Contenido & Estructura De La Pagina Web :)

¿Que Entiendes Por pagina Web?
Una pagina web es un sitio el cual tiene enlaces o ligas que te agrandan la informacion de cualquier tipo.
¿Que Tipos De Informacion Tienen Las Paginas Web?
las paginas web pueden contener cualquier informacion y todas las paginas web tienen un URL con el titulo o la informacion de la pagina web.El URL siempre ba a estar relacionado con la informacion de la pagina web.
¿Que Entiendes Por sitio Web?
Es un conjunto o colecciones de paginas web relacionadas y comunes a una pagina de internet.
¿Cual Es La Diferencia Entre Sitio Web & Pagina Web?
Una pagina web es parte de un sitio web y es un unico archico con el nombre de archivo asignado,mientras que un sitio web es un conjunto de archivos llamados paginas web.
¿Para Que Cres Que Sirba Una Pagina Web?
yo creo que una pagina web me puede servir para brindarle informacion de cualquier tipo a las personas.