martes, 24 de marzo de 2015
jueves, 19 de marzo de 2015
ACTIVIDAD 18: "TERMINOLOGIA BASICA DEL SOFTWARE PARA DISEÑAR PAGUINAS WEB
DREAMWEAVER CS5:
Es un software fácil de usar que permite crear páginas web
profesionales.
CSS
son las siglas de Cascading Style Sheets - Hojas de Estilo
en Cascada - que es un lenguaje que describe la presentación de los documentos
estructurados en hojas de estilo para diferentes métodos de interpretación, es
decir, describe como se va a mostrar un documento en pantalla, por impresora,
por voz (cuando la información es pronunciada a través de un dispositivo de
lectura) o en dispositivos táctiles basados en Braille.
PLANTILLA EN DREAMWEAVER
es un tipo especial de documento que sirve para crear
un diseño de página “fijo”; puede crear documentos basados en la plantilla que
heredan su diseño de página. Al diseñar una plantilla, usted especifica como
“editables” aquellos contenidos de un documento basado en dicha plantilla que
los usuarios pueden editar. Las plantillas permiten a los autores controlar qué
elementos de la página pueden editar los usuarios de la plantilla (como los
redactores, los diseñadores gráficos y otros desarrolladores Web). El autor de
una plantilla puede incluir varios tipos de regiones de plantilla en un
documento.
CONTENEDOR EN DREAMWEAVER
Este concepto, a pesar de su sencillez, es difícil de
explicar sin entrar en tecnicismos. Podemos aproximarnos a la idea si
imaginamos la página web como una superposición de distintas hojas, como si de
un collage se tratara, en la que cada elemento se denomina contenedor.
Todos los contenedores están incluidos en la misma
página, pero cada contenedor puede albergar un elemento muy concreto tal como
una imagen, una animación o un texto, y podemos situarlo donde deseemos, en
cualquier parte de la página.
COMPORTAMIENTOS EN DREAMWEAVER:
son acciones, programadas normalmente en código JavaScript,
que suceden cuando los usuarios realizan algún evento sobre un objeto (en
lenguaje Dreamweaver) ya sea imagen, texto, capa, ... Los comportamientos de
Dreamweaver introducen en los documentos código JavaScript que permite a los
visitantes interactuar con la página Web para modificarla de diversas maneras o
para que se realicen determinadas tareas. Un comportamiento es una combinación
de un evento con una acción que desencadena ese evento.
SITIO LOCAL
se emplea para referirse a una ubicación de almacenamiento
local o remota de los documentos que pertenecen a un sitio Web. Un sitio de
Dreamweaver permite organizar y administrar todos los documentos Web, cargar el
sitio en un servidor Web, controlar y mantener vínculos y administrar y
compartir archivos. Para aprovechar al máximo las funciones de Dreamweaver,
debe definir un sitio.
SITIO
Son aquellos que permiten crear aplicaciones dentro de la
propia Web, otorgando una mayor interactividad con el navegante.
Aplicaciones dinámicas como encuestas y votaciones, foros de soporte,
libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos
on-line, atención al cliente personalizada ....
SITIO INTERACTIVO
Permite a los usuarios participar y aportar
contenido. Un sitio interactivo es básicamente un sitio dinámico al que se le
han añadido prestaciones interactivas.
Son interactivos los foros, los blogs, los comentarios de
los usuarios, y todas aquellas aplicaciones en las que el usuario puede
interactuar con otros usuarios o con los administradores del sitio.
REGIÓN EDITABLE:
Editables controlan qué áreas de una página basada en
plantilla puede editar el usuario. Antes de insertar una región editable,
guarde como plantilla el documento en el que está trabajando.
MAQUETACION:
también llamada a veces diagraman, 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.
ETIQUETA DIV:
es una etiqueta que define las divisiones lógicas existentes
en el contenido de una página Web. Puede utilizar etiquetas div para
centrar bloques de contenido, crear efectos de columna y crear diferentes áreas
de color, entre otras posibilidades.
TABLA:
son una herramienta potente para presentar datos e imágenes
en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir
estructura vertical y horizontal a una página. Utilice las tablas para
presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una
página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas
y columnas; modificar las propiedades de tablas, de filas o de celdas para
añadir color y alineaciones, así como copiar y pegar celdas.
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, recibir preguntas, etc.
Una vez el usuario rellena los datos y pulsa el botón para
enviar el formulario se arrancará un programa que recibirá los datos y hará el
tratamiento correspondiente.
FORMULARIO DE CONTACTO:
es de suma importancia si queremos darle a los usuarios la
posibilidad de que nos envíen consultas, comentarios, pedidos online o que
simplemente nos dejen su email para suscribirse a un Newsletter y recibir
nuestras ofertas y novedades.Dreamweaver nos da la posibilidad de crear un
formulario de contacto sencillo y fácil de programar son tener demasiados
conocimientos de html y php; a continuación te cuento paso a paso cómo armar el
formulario en html y cómo preparar el archivo php correspondiente para el envío
de las consultas.
http://modop.com.ar/como-crear-un-formulario-de-contacto-en-dreamweaver-html/
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13243
ACTIVIDAD 1.3 ELEMENTOS BASICOS EN HTML
BLOC DE NOTAS:
es el programa más básico que tiene Windows para crear
documentos de texto. Puede también venir identificado por su nombre en inglés: Notepad.
Es una aplicación muy sencilla que apenas ha cambiado su
interfaz desde Windows XP. Se caracteriza por carecer de Barra de
Herramientas y funcionar sólo mediante la Barra de Menús.
Con este programa pueden abrirse formatos sencillos de texto
(como TXT) y editarlos de manera básica.
BUSCADOR:
se define como un programa informático diseñado para la
búsqueda de diferentes formatos de archivos digitales como páginas webs,
documentos de texto, archivos de video y música, imágenes, etc... los cuales se
encuentran alojados en un disco duro o servidor local así como en la red de
Internet, presentando los resultados de la búsqueda en una serie de enlaces que
conectan con los archivos o la información solicitada.
COMPATIBLE:
es la condición que hace que un programa y un sistema,
arquitectura o aplicación logren comprenderse correctamente tanto directamente
o indirectamente (mediante un algoritmo). A este algoritmo que hace que un
programa logre ser comprendido por un sistema, arquitectura o aplicación se lo
denomina emulador por el hecho de que es un intérprete entre el programa y el sistema,
arquitectura o aplicación.
ESTRUCTURA DE PAGINA WEB:
son documentos que pueden contener textos,
imágenes, vídeos y, en resumen, contenidos digitales y/o aplicaciones
que pueden ser visualizados por un usuario
web desde un dispositivo remoto a través de unnavegador web. Para
ejemplificar lo que que son las páginas web, imaginemos que queremos
escribir un libro, este supuesto libro debe contener una portada o página
inicial, un índice o menú, diferentes capítulos o páginas principales y
los datos del autor o la página de contacto. Así que cuando entro en la
página principal de un sitio web (conjunto de páginas web), es como
si fuera la portada de un libro, desde donde puedo acceder a las páginas
principales de sitio web navegando por el menú.
ETIQUETA.
Marca o marcas que se dejan en un texto para que luego sean
interpretadas, generalmente para realizar alguna acción sobre el mismo texto
marcado. Por ejemplo, el lenguaje HTML se basa en la aplicación de
múltiples etiquetas para dar formato y darle características a un texto.
HIPERTEXTO:
es una herramienta de software con
estructura secuencial que permite crear, agregar, enlazar y compartir
información de diversas fuentes por medio de enlaces asociativos.
LENGUAJE HTML:
En principio diremos que HTML no es un lenguaje de
programación, aunque de forma coloquial muchas veces se oigan referencias a
HTML como si lo fuera. HTML es un lenguaje de etiquetas. Estas etiquetas (tag)
HTML comunican al navegador cuál es la información a mostrar por pantalla,
además del formato de dicha información.
martes, 17 de marzo de 2015
ACTIVIDAD.-1.2 INTRODUCCION EN HTML
*****¿QUÉ ENTIENDES POR HTML?
Lenguaje que se usa para crear páginas web.
******¿DEFINE CADA UNA DE LAS LETRAS QUE CONFORMAN HTML?
Corresponde a HyperText Markup Language, es decir, Lenguaje
de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de
Documentos para Hipertexto.
******¿QUIEN INVENTO HTML?
Timothy "Tim" John Berners-Lee
¿Cuál ERA EL OBJETIVO DE CREAR HTML?
era facilitar a científicos de diferentes universidades el
acceso a los documentos de investigación de cada uno de ellos. El proyecto
obtuvo un éxito mucho mayor del que Tim Berners-Lee nunca hubiese llegado a
imaginar. Al inventar HTML, este científico sentó las bases de la web tal y
como la conocemos hoy día.
*****MENCIONA 4 CARACTERÍSTICAS DE HTML……..
- El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.
- El Web tenía que ser hipertexto y debía ser fácil navegar por él.
- Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).
- Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.
*****MENCIONA 7 REGLAS BASICAS QUE DEBES SEGUIR PARA EL DISEÑO DE
UNA PAGINA WEB…….
- Usar imágenes de alta calidad. Elige cuidadosamente las mejores imágenes que va con el mensaje.
- Sé valiente a la hora de diseñar. Los sitios web que se destacan entre la multitud son memorables para los clientes y lectores.
- Diseño con un propósito. Cada elemento de una página web debe ser diseñado con un propósito. Siempre tiene que haber una razón para la creación de cualquier elemento de la página web.
- Lo simple es mejor. Los diseños simples tienen un mayor impacto en lugar de los complicados. Una disposición de uno o dos-columnas es mucho mejor que un diseño de múltiples columnas.
- Elija las fuentes sabiamente. La tipografía es una parte muy importante de un diseño.
- Elija gráficos sobre el texto. Las imágenes entregan el mensaje de manera más directa y son más fáciles de entender que un bloque de texto. Recuerde siempre que los lectores tienen prisa y quieren encontrar la información lo más rápidamente posible.
- Mejorar las partes importantes de una página. El lector debe saber de lo que trata su sitio web en los primeros 10 segundos de la primera visita, por lo que es muy importante destacar las características importantes.
- Organización. Un sitio web organizado y optimizado es muy importante, no sólo porque el lector puede encontrar la información que necesita rápidamente, sino también porque de esta manera su sitio web atraerá más tráfico. Organizar el contenido, añadir etiquetas y categorías con el fin de hacerlo más fácil de usar es un punto importante a considerar.
- Compatibilidad. La conectividad a través de todos los dispositivos actuales debe ser asegurada, por lo que es necesario que la página web esté codificada para que pueda ser visto en todos los dispositivos móviles.
- Resumir. Los lectores son más propensos a leer frases cortas, párrafos y artículos escritos de una manera corta y directa.
http://definicion.de/html/#ixzz3UfbRGvcl
Suscribirse a:
Entradas (Atom)