lunes, 24 de marzo de 2014

actividad- 18 terminología básica del software para diseñar páginas web

1- Dreamweaver CS5: Es una herramienta para crear sitios web en tu PC. Este programa te habilitará para desarrollar entornos y utilidades para la Red con total comodidad y con calidad profesional. Así, junto a un gran número de herramientas conseguirás todo lo que necesites para llevar a cabo tus proyectos.

2- 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 o en dispositivos táctiles basados en Braille.


3- Plantilla de Dreamweaver: Es una estructura en la que hay partes no editables y otras que son modificables para llenarse de contenido. Es una utilidad aconsejable cuando se van a repetir determinados documentos en los que unas partes van a permanecer fijas y otras van a cambiar. Ahorra trabajo y permite la presentación de determinados contenidos con una unidad de estilo.


4- Contenedor en Dreamweaver: Se trata de esa caja en la que va el contenido de la web (texto, imagenes, etc). Que van en un apartado dentro de dicho contenedor.


5- Comportamientos 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, etc.


6- Sitio Local: Es un conjunto de páginas que solo pueden ser vistas en tu computadora, ya que no están montadas sobre un servidor ni sobre un DNS por el cual puedan ser accedidas. 


7- Sitio Dinámico:  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, etc.


8- 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.


9- Región Editable: Las regiones editables 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


10- 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.


11- Etiqueta Div: Se emplea para definir un bloque de contenido o sección de la página, para poder aplicarle diferentes estilos e incluso para realizar operaciones sobre ese bloque específico.


12- Tabla:  Se refiere al tipo de modelado de datos, donde se guardan los datos recogidos por un programa. Su estructura general se asemeja a la vista general de un programa de hoja de calculo. Es utilizada para organizar y presentar información. Las tablas se componen de filas y columnas de celdas que se pueden rellenar con textos y gráficos


13-Formulario: Es un documento, ya sea físico o digital, diseñado con el propósito de que el usuario introduzca datos estructurados (nombre, apellidos, dirección, etc.) en las zonas del documento destinadas a ese propósito, para ser almacenados y procesados posteriormente. En informática, un formulario consta de un conjunto de campos de datos solicitados por un determinado programa, los cuales se almacenarán para su procesamiento y posterior uso.


14-Formulario de contacto: Es una página especial que permite que las visitas de tu sitio web se contacten contigo fácilmente. Los mensajes enviados a través del formulario de contacto los podrás ver en tu dirección de email.



Fuentes:

http://descargar.mp3.es/lv/group/view/kl227013/Adobe_Dreamweaver_CS5.htm
http://www.masadelante.com/faqs/css
http://www.todo-dreamweaver.com/tutorial-dreamweaver/plantillas/las-plantillas-dreamweaver.html
http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones/comportamientos_dreamweaver.php
http://mx.answers.yahoo.com/question/index?qid=20070914103742AAGOezs
http://www.webandmacros.com/webdinamica.htm
http://www.designioweb.com/interactivos.html
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13263
http://es.wikipedia.org/wiki/Maquetaci%C3%B3n_(edici%C3%B3n)
http://www.ite.educacion.es/formacion/materiales/182/cd/seis/la_etiqueta_div.html
http://es.wikipedia.org/wiki/Tabla_(base_de_datos).

jueves, 20 de marzo de 2014

Actividad 1.3- Elementos básicos del HTML


Bloc de notas: El 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.

Buscador: Un buscador o motor de búsqueda es un sistema o aplicación informática que permite la búsqueda de todo tipo de términos y palabras clave a partir del desarrollo de índices de archivos almacenados en servidores web.

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.

Estructura de pagina web:
se puede resumir así:

tipo de documento
<HTML> <HEAD> <TITLE>titulo de la página</TITLE> cosas que afectan a la página pero no a su contenido </HEAD> <BODY parámetros> contenido de la página </BODY>
</HTML>


Etiqueta: términos a veces reemplazados por el anglicismo tag, es una marca con clase que delimita una región en los lenguajes basados en XML. También puede referirse a un conjunto de juegos informáticos interactivos que se añade a un elemento de los datos para identificarlo (Oxford English Dictionary).

Hipertexto: es una herramienta de software con estructura no secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.

Lenguaje HTML: HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones.

Marcas (tag): 
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. Este texto es interpretado y mostrado por un navegador.

Navegador: es un software que permite el acceso a Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos. La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. 

Página web:
 Documento que forma parte de un sitio web y que suele contar con enlaces también conocidos como hipervínculos olinks, para facilitar la navegación entre los contenidos.Las páginas web están desarrolladas con lenguajes de marcado como el HTML

Sitio web: 
Un sitio web, por lo tanto, es un espacio virtual en Internet. Se trata de un conjunto de páginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web (WWW).

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 arquitecturasistema operativolenguaje 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 y generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente.

Vínculos: Es un vínculo es un link. Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet.


Fuentes:
http://curso8informatica8basica.wordpress.com/tag/bloc-de-notas/
http://www.definicionabc.com/tecnologia/buscador.php
http://es.wikipedia.org/wiki/Compatibilidad_(inform%C3%A1tica)
http://creatuweb.espaciolatino.com/tutorhtml/tema4.html
http://es.wikipedia.org/wiki/Etiqueta_(lenguaje_de_marcado)
http://es.wikipedia.org/wiki/Hipertexto
http://es.wikipedia.org/wiki/HTML
http://definicion.de/sitio-web/
http://www.alegsa.com.ar/Dic/etiqueta.php
http://definicion.de/pagina-web/
http://es.wikipedia.org/wiki/Plataforma_(inform%C3%A1tica)
http://www.masadelante.com/faqs/servidor
http://mx.answers.yahoo.com/question/index?qid=20111115185106AASOiT5

miércoles, 12 de febrero de 2014

Actividad 1.2- Introducción al HTML

1- ¿Que entiendes por HTML?
es un lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones, define una estructura básica y un código denominado código HTML para la definición de contenido de una página web, como texto, imágenes, etc.

2-T Define cada una de las que conforman HML:
HyperText Markup Languag
H: Hyper
T: Text
M: Markup
L: Languag

3-¿Quien invento el HTML?
Sir Timothy "Tim" John Berners-Lee OMKBE (TimBL o TBL) (LondresReino Unido8 de junio de 1955) es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo HTTP en noviembre de 1989.

4- ¿Cual era el objetivo del científico al crear el lenguaje HTML?
facilitar a científicos de diferentes universidades el acceso a los documentos de investigación de cada uno de ellos.

5- Menciona 4 características del lenguaje 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.

6- Menciona 7 reglas que debes seguir para el diseño de una pagina web?
  1. Usar imágenes de alta calidad. Elige cuidadosamente las mejores imágenes que va con el mensaje.
  2. Sé valiente a la hora de diseñar.  Los sitios web que se destacan entre la multitud son memorables para los clientes y lectores.
  3. 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.
  4. 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.
  5. Elija las fuentes sabiamente. La tipografía es una parte muy importante de un diseño.
  6. 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.
  7. 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.



http://www.desarrolloweb.com/articulos/que-es-html.html
http://ibiblio.org/pub/linux/docs/LuCaS/Manuales-LuCAS/doc-curso-html/doc-curso-html/x38.html
http://nconideas.com/blog/?p=59#