miércoles, 4 de junio de 2014

terminologia basica de software para diseñar paginas web

1:dreamweaver: es una aplicación en forma de estudio (basada en la forma de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares.
2 css:  hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas.
3: plantilla en dreamweaver: plantilla es una estructura en la que hay partes no edita bles (que no se van a poder modificar) y otras que son modificables para llenarse de contenido.
4: contenedor dreamweaver:

5  comportamiento en dreamweaver:
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.


6 sitio local:
 es  un conjunto de documentos vinculados con atributos compartidos, tales como temas relacionados, un diseño similar o un objetivo común.

7sitio dinamico
 :son un conjunto de aplicaciones en línea que permiten crear y mantener fácilmente un sitio web, encargándose hasta de las tareas más tediosas que ocupaban el tiempo de los administradores del sitio web.

8 sitio interactivo:
 permite a los usuarios participar y aportar contenido.Son interactivos los foros, los blogs,Un sitio interactivo ofrece un valor añadido a los usuarios

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

10:maquetacion:
, 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:
son divisiones que se pueden hacer en una pagina, para permitir aplicarle formato distinto .

12tabla: 
Las tablas se usan con profusión en las páginas Web, muchas veces debido a que son el único instrumento con el que se cuenta, para asegurarse que las cosas estarán en su sitio

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.

14 formularios de contacto:
 permite al usuario introducir datos los cuales son enviados a un servidor para ser procesados.







lunes, 10 de marzo de 2014

1.3 elementos básicos de 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.
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.
http://curso8informatica8basica.wordpress.com/tag/bloc-de-notas/

*      BUSCADOR:

Cuando necesitamos de Internet, normalmente buscamos información sobre un tema concreto, y es difícil acceder a una página que la contenga, simplemente pinchando vínculos. Como solución a este problema surgieron los buscadores. Un buscador es una página web en la que se ofrece consultar una base de datos en la cual se relacionan direcciones de páginas web con su contenido. Su uso facilita enormemente la obtención de un listado de páginas web que contienen información sobre el tema que nos interesa.

http://www.aula21.net/tallerwq/buscadores/buscador1.htm

*      COMPATIBILIDAD:
Por ejemplo, un dispositivo de almacenamiento con conexión tipo SATA, necesita de una computadora que sea compatible. Una computadora que no sea compatible, entre otras cuestiones, no tendrá el conector tipo SATA, para que el dispositivo de almacenamiento SATA, pueda funcionar.
Se habla  generalmente de "Compatible" o "incompatible"; de cierta forma es como decir "funciona" si "es compatible"; o "no funciona" (o lo hará con problemas), si "es incompatible".

http://www.javiercinacchi.com/informatica/compatibilidad.html

*      ESTRUCTURA DE PAGINA WEB:
<html>
<head>
<title>Esto es el t&iacute;tulo de la p&aacute;gina.</title>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto it&aacute;lica.</i><br>
</body>
</html>
http://html.hazunaweb.com/102.php

*      ETIQUETAS:
Etiquetas de formato de texto

SalidaEtiquetas requeridas
El texto en negritas.
El <B>texto</B> en negritas.
El texto en itálicas.
El <I>texto</I> en
 it&aacute;licas.
El texto en formato teletipo.
El <TT>texto</TT> en
 formato teletipo.
El texto en 2 tamaños más grandes y en rojo. El tamaño puede ser un valor absoluto en el rango 1..7.
El <FONT SIZE = +2 COLOR = "RED">
 texto </FONT> en 2 
 tama&ntilde;os m&aacute;s
 grandes y en rojo. El tama&ntilde;o
 puede ser ... 
Utilizar la dirección de e-mail
claudio@acm.org
para contactarme.
Utilizar la direcci&oacute;n
 de e-mail <ADDRESS> 
 claudio@acm.org </ADDRESS>
 para contactarme.

Etiquetas de encabezamientos


SalidaEtiquetas requeridas

Encabezado H1

<H1>Encabezado H1<\H1>

Encabezado H3

<H3>Encabezado H3<\H3>
Encabezado H6
<H6>Encabezado H6<\H6>
Las etiquetas de encabezado generan automáticamente un fin de línea.

SalidaEtiquetas requeridas
Justo antes del encabezado.

Un encabezado H2

Justo después del encabezado.
Justo antes del encabezado.
 <H2>Un encabezado H2<\H2>
 Justo despu&eacute;s del
 encabezado.


Párrafos, fin de línea y comentarios


SalidaEtiquetas requeridas
Última oración del párrafo.Primera oración del nuevo párrafo.
&Uacute;ltima oraci&oacute;n ...
<P>
Primera oraci&oacute; del ... 
Una oración
sobre otra.
 Una oraci&oacute;n
<BR>
sobre otra.
http://ima.udg.es/~dagush/cursohtml/etiquet1.htm

*      HIPERTEXTO:

El hipertexto es texto con conexiones (``links''). No es una idea nueva, cada vez que se escribe se usa: se añaden referencias (como véase la sección tal), notas al pie de página, referencias bibliográficas a otros textos, y conexiones entre el índice y el texto. En hipertexto, el ordenador hace que seguir esas referencias sea facilísimo. Esto implica que el lector se puede saltar la estructura secuencial del texto y seguir la que más le gusta. Por ello es una herramienta potente para aprender y explicar. El texto debe ser diseñado para ser explorado libremente y así se consigue una comunicación de ideas más eficiente .
Esto está muy bien, pero implica que buscar algo en concreto puede ser muy complicado. Para eso debemos destacar dos formas de búsqueda:

  1. La libre, o practicar ``surf'', que consiste en ir siguiendo las conexiones (``links'') a medida que vamos accediendo a ellos.
  2. La asistida o indexada, en la cual los ordenadores vienen a nuestra ayuda y usando índices creado automáticamente, nos permiten obtener listas de direcciones como resultado a preguntas (textuales, claro) que nosotros hagamos.
Hay otros conceptos sobre los que se basa la Web, y que permiten la comunicación entre ordenadores y que hacen efectiva la lectura universal, pero no vamos a tratarlos explicitamente por su carácter técnico, y porque el concepto de la Web es tan elegante que nos lo permite: de hecho podemos publicar en hipertexto sabiendo muy pocas cosas (por eso estoy escribiendo esto yo y no un ingeniero superespecializado).


http://www.iac.es/galeria/westend/node5.html
*      MARCAS (TAGS):

Las marcas (tags) pueden ser gestionadas por un administrador del sitio o Mánager (o cualquier otro usuario con la capacidad moodle/tag:manage) enConfiguraciones > Administración del sitio > Apariencia > Gestionar marcas (tags).
La página para administrar marcas proporciona una lista de marcas, así como información sobre sus creadores, el número de veces que se utilizan, cuando se modificaron por última vez, y las marcas que hayan sido marcadas como inapropiadas. Las marcas inapropiadas se muestran en rojo cuando se usa el tema por defecto.
http://docs.moodle.org/all/es/Gesti%C3%B3n_de_marcas_(tags)
*      NAVEGADOR: 
El navegador web onavegador de internet es el instrumento que permite a los usuarios de internet navegar o surfear entre las distintas páginas de sus sitios webs preferidos. 
http://www.informatica-hoy.com.ar/aprender-informatica/Que-es-un-navegador-web.php

*      PAGINA WEB:
se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.

Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.

http://definicion.de/pagina-web/

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

es.wikipedia.org/wiki/Plataforma_(informática)

*      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).
Es importante establecer que en Internet encontramos una gran variedad de tipos de sitios web que suelen diferenciarse fundamentalmente por la clase de contenido que ofrecen o por el servicio que brindan a cualquiera de las personas que se encuentran navegando por la Red.
http://definicion.de/sitio-web/
*      SERVIDOR WEB:
Un servidor web es un programa que se ejecuta continuamente en un computador, manteniéndose a la espera de peticiones de ejecución que le hará un cliente o un usuario de Internet. El servidor web se encarga de contestar a estas peticiones de forma adecuada, entregando como resultado una página web o información de todo tipo de acuerdo a los comandos solicitados. En este punto es necesario aclarar lo siguiente: mientras que comúnmente se utiliza la palabra servidor para referirnos a una computadora con un software servidor instalado, en estricto rigor un servidor es el software que permite la realización de las funciones descritas.
http://www.misrespuestas.com/que-es-un-servidor-web.html


*      VÍNCULOS:

         Un vínculo tiene dos extremos (llamados en inglés anchorsanclas), y una dirección. El vínculo comienza en el "ancla de origen" (origen del vínculo) y apunta al "ancla destino" (destino del vínculo), que puede ser cualquier recurso de la Web (p.ej., una imagen, un videoclip, un archivo de sonido, un programa, un documento HTML, un elemento dentro de un documento HTML, etc.).
     
            http://html.conclase.net/w3c/html401-es/struct/links.html




viernes, 7 de marzo de 2014

1.2 introduccion al HTML


  1. ¿Que entiendes por una pagina HTML?                                                    En un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet.
  2. Define cada una de las letras que conforman HTML                   Hyper Text Markup Language
  3. ¿Quien invento HTML?                                                                                         En el año 1989 Tim Berners Lee creó la web, y junto con ella el lenguaje HTML
  4. ¿Cual era el objetivo de crear HTML?                                                    El lenguaje HTML nace en 1991 de manos de Tim Bernes-Lee del CERN como un sistema hipertexto con el único objetivo de servir como medio de transmisión de información entre los científicos que se ocupaban de la Física de alta energía ,como parte de la iniciativa World Wide WebAsí pues, HTML tuvo lugar a la par que el origen de la Web, ya que se trata del lenguaje que sirve para crear páginas web.
  5. Menciona cuatro 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 básicas que debes seguir para el diseño de una pagina WEB
1. Utilice las fuentes adecuadas 
2. Evite nuevas ventanas del navegador 
3. Suscripciones no automáticas 
4. No utilice música. 
5. No cargue de publicidades el contenido
6. Cambio de color en enlaces. 
7. Sin desplazamiento horizontal 
8. Utilice CAPTCHA de lectura. 
9. No obligar a registrarse 
10. No sature el sitio 

  1. http://definicion.de/html/
  2. http://www-app.etsit.upm.es/~alvaro/manual/manual.html#1
  3. http://tuspreguntas.misrespuestas.com/preg.php?idPregunta=3598
  4. http://ibiblio.org/pub/linux/docs/LuCaS/Manuales-LuCAS/doc-curso-html/doc-curso-html/x38.htm
  5. http://www.hipertexto.info/documentos/html.htm
  6. http://www.taringa.net/posts/hazlo-tu-mismo/15138369/10-reglas-importantes-del-Disenador-Web.html