lunes, 24 de marzo de 2014
actividad 18 - terminologia basica software para diseñar paginas web
1- dreamweaver cs5 : se puede controlar todo el proceso de creación de un sitio web: creación del sitio, estructurar el árbol de links, diseñar las páginas y la subida de nuestro trabajo a nuestro servidor .
http://www.corporacioninformatica.com/corporac/19-curso-de-dreamweaver-cs5.html
2-css:es un lenguaje de hojas de estilos creado paracontrolar el aspecto o presentación de losdocumentos electrónicos definidos con HTML yXHTML. CSS es la mejor forma de separar loscontenidos y su presentación y es imprescindiblepara crear páginas web complejas.
http://www.slideshare.net/maryesther20_95/informatica-css-14325356
3- plantilla de dreamweaver : 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.
http://www.todo-dreamweaver.com/tutorial-dreamweaver/plantillas/las-plantillas-dreamweaver.html
4-contenedor de dreamweaver : Conjunto de Marcos.
Para llevar a cabo tal diseño.
5-comportamientos en dreamweaver : para adjuntar comportamientos a los elementos de la página (más concretamente, a las etiquetas).
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13284
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.
http://mx.answers.yahoo.com/question/index?qid=20070914103742AAGOezs
7-sitio dinámico :, es un concepto nuevo con respecto a las páginas HTML conocidas hasta ahora. El mismo consiste en la formación de una página, tanto de gráficos como de contenidos, a partir de la lectura de determinados datos residentes en una base de datos. En otras palabras, una página dinámica no se encuentra pre-armada, sino que se diagrama "online" en el momento en que es solicitada por el navegador del usuario.
http://www.guminformatica.com.ar/dinamicos.html
8-sitio interactivo :Los sitios web en general son interactivos, dado que el usuario puede interactuar a través del teclado y el mouse, recibiendo una "respuesta" del mismo.
http://www.alegsa.com.ar/Diccionario/C/5226.php
9-región editable : se refiere cuando haces una plantilla esta se compone de dos partes , una que va a ser comun en todas las paginas donde la insertes y otra zona que es la que va a ser diferente que se puede editar,insertar, escribir cosas diferentes. A esta zona me queria referir con zona editable.
http://www.lawebdelprogramador.com/foros/Dreamweaver/1365708-dreamweaver_region_editable_extensible.html
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.
http://es.wikipedia.org/wiki/Maquetaci%C3%B3n_(edici%C3%B3n)
11-etiqueta div:son divisiones que se pueden hacer en una pagina, para permitir aplicarle formato distinto por ejemplo. Entonces las Div son capas, tal como la etiqueta Layer, pero que son aceptadas por todos los navegadores. A una div le aplicas atributos de align y pos, y obtienes una capa.
Por ejemplo es mas util colocar una tabla dentro de una Div, y asi definir atributos para la capa, sin modificar tu tabla.
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 cálculo.
http://es.wikipedia.org/wiki/Tabla_(base_de_datos)
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.
http://es.wikipedia.org/wiki/Formulario
14-formulario de contacto :
permite que los visitantes del sitio web puedan contactarse con el administrador del Sitio.
http://www.corporacioninformatica.com/corporac/19-curso-de-dreamweaver-cs5.html
2-css:es un lenguaje de hojas de estilos creado paracontrolar el aspecto o presentación de losdocumentos electrónicos definidos con HTML yXHTML. CSS es la mejor forma de separar loscontenidos y su presentación y es imprescindiblepara crear páginas web complejas.
http://www.slideshare.net/maryesther20_95/informatica-css-14325356
3- plantilla de dreamweaver : 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.
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.
4-contenedor de dreamweaver : Conjunto de Marcos.
Para llevar a cabo tal diseño.
http://www.lawebdelprogramador.com/foros/Dreamweaver/722248-Contenedor_en_dreamweaver.html
5-comportamientos en dreamweaver : para adjuntar comportamientos a los elementos de la página (más concretamente, a las etiquetas).
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13284
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.
http://mx.answers.yahoo.com/question/index?qid=20070914103742AAGOezs
7-sitio dinámico :, es un concepto nuevo con respecto a las páginas HTML conocidas hasta ahora. El mismo consiste en la formación de una página, tanto de gráficos como de contenidos, a partir de la lectura de determinados datos residentes en una base de datos. En otras palabras, una página dinámica no se encuentra pre-armada, sino que se diagrama "online" en el momento en que es solicitada por el navegador del usuario.
http://www.guminformatica.com.ar/dinamicos.html
8-sitio interactivo :Los sitios web en general son interactivos, dado que el usuario puede interactuar a través del teclado y el mouse, recibiendo una "respuesta" del mismo.
http://www.alegsa.com.ar/Diccionario/C/5226.php
9-región editable : se refiere cuando haces una plantilla esta se compone de dos partes , una que va a ser comun en todas las paginas donde la insertes y otra zona que es la que va a ser diferente que se puede editar,insertar, escribir cosas diferentes. A esta zona me queria referir con zona editable.
http://www.lawebdelprogramador.com/foros/Dreamweaver/1365708-dreamweaver_region_editable_extensible.html
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.
http://es.wikipedia.org/wiki/Maquetaci%C3%B3n_(edici%C3%B3n)
11-etiqueta div:son divisiones que se pueden hacer en una pagina, para permitir aplicarle formato distinto por ejemplo. Entonces las Div son capas, tal como la etiqueta Layer, pero que son aceptadas por todos los navegadores. A una div le aplicas atributos de align y pos, y obtienes una capa.
Por ejemplo es mas util colocar una tabla dentro de una Div, y asi definir atributos para la capa, sin modificar tu tabla.
http://mx.answers.yahoo.com/question/index?qid=20071030075036AA2ewun
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 cálculo.
http://es.wikipedia.org/wiki/Tabla_(base_de_datos)
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.
http://es.wikipedia.org/wiki/Formulario
14-formulario de contacto :
permite que los visitantes del sitio web puedan contactarse con el administrador del Sitio.
http://www.ayuda.anacondaweb.com/formulario-de-contacto-web
miércoles, 19 de marzo de 2014
1-3:elementos del html
blog de notas : es un editor de texto simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy sencilla.
- http://es.wikipedia.org/wiki/Bloc_de_notas
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 y poseen enormes bases de datos que contienen información referente a páginas web. Estas bases de datos se generan por las altas de usuarios que han creado sus páginas web.
http://www.alu.ua.es/r/rac6/Buscadores/que_es_un_buscador.html
http://www.alu.ua.es/r/rac6/Buscadores/que_es_un_buscador.html
compativilidad :
es la condicion que hace que un programa y un sistema , arquictectura o aplicacion logren comprenderse correctamente tanto directamente o indirectamente mediante un logaritmo.
http://es.wikipedia.org/wiki/Compatibilidad_(inform%C3%A1tica)
estructura de pagina web : es la condición que hace que un programa y un sistema, arquitectura o aplicación logren comprenderse correctamente tanto directamente o indirectamente (mediante unalgoritmo). 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.
http://es.wikipedia.org/wiki/Compatibilidad_(inform%C3%A1tica)
etiquetas :. 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.
http://www.alegsa.com.ar/Dic/etiqueta.php
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
http://es.wikipedia.org/wiki/Hipertexto
marcas tag :están formadas de texto, pero que es interpretado cuando se muestra el documento, y suelen llamarse también etiquetas.
http://www.alegsa.com.ar/Dic/lenguaje%20de%20marcas.php
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.
http://es.wikipedia.org/wiki/Navegador_web
pagina web :Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto.
http://es.wikipedia.org/wiki/P%C3%A1gina_web
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.
http://es.wikipedia.org/wiki/Plataforma_(inform%C3%A1tica)
sitio web :
http://www.alegsa.com.ar/Dic/sitio_web.php
servidor web :: almacena documentos HTML, imágenes, archivos de texto, escrituras, y demás material Web compuesto por datos (conocidos colectivamente como contenido), y distribuye este contenido a clientes que la piden en la red.
http://es.wikipedia.org/wiki/Servidor
vinculo : 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<--esto es un vínculo
http://www.internetglosario.com/letra-v.html
http://es.wikipedia.org/wiki/Compatibilidad_(inform%C3%A1tica)
estructura de pagina web : es la condición que hace que un programa y un sistema, arquitectura o aplicación logren comprenderse correctamente tanto directamente o indirectamente (mediante unalgoritmo). 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.
http://es.wikipedia.org/wiki/Compatibilidad_(inform%C3%A1tica)
etiquetas :. 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.
http://www.alegsa.com.ar/Dic/etiqueta.php
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
http://es.wikipedia.org/wiki/Hipertexto
marcas tag :están formadas de texto, pero que es interpretado cuando se muestra el documento, y suelen llamarse también etiquetas.
http://www.alegsa.com.ar/Dic/lenguaje%20de%20marcas.php
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.
http://es.wikipedia.org/wiki/Navegador_web
pagina web :Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto.
http://es.wikipedia.org/wiki/P%C3%A1gina_web
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.
http://es.wikipedia.org/wiki/Plataforma_(inform%C3%A1tica)
sitio web :
Conjunto de páginas web
|
servidor web :: almacena documentos HTML, imágenes, archivos de texto, escrituras, y demás material Web compuesto por datos (conocidos colectivamente como contenido), y distribuye este contenido a clientes que la piden en la red.
http://es.wikipedia.org/wiki/Servidor
vinculo : 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<--esto es un vínculo
http://www.internetglosario.com/letra-v.html
sábado, 1 de marzo de 2014
1:2- introducion al HTML
1-¿que entiendes por HTML? HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.
http://es.html.net/tutorials/html/lesson2.php
El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro.
http://www.desarrolloweb.com/articulos/que-es-html.html
2-define cada una de las letras que conforman HTML .
H: Hiper es lo contrario de lineal. En los buenos viejos tiempos -cuando un ratón era un animalillo que perseguía un gato- los programas de ordenador se ejectutaban de forma lineal: cuando el programa había ejecutado una acción seguía hasta la siguiente línea, y después de ésta a la siguiente, y a la siguiente, ... HTML, sin embargo, es diferente: se puede ir donde uno quiera cuando uno quiera. Por ejemplo, no es necesario visitar MSN.com antes de visitar HTML.net.
T: Texto se explica por sí solo
M: Marcado es lo que haces con el texto. Se marca el texto del mismo modo que en un programa de edición de textos con encabezados, viñetas, negrita, etc.
L: Lenguaje es lo que es HTML. Este lenguaje hace uso de muchos términos en inglés
3-¿quien invento el HTML?
En el año 1989 Tim Berners Lee creó la web, y junto con ella el lenguaje HTML. El HTML o Hypertext Markup Language, en inglés, es el lenguaje utilizado para las páginas web o de Internet."
http://tuspreguntas.misrespuestas.com/preg.php?idPregunta=3598
http://tuspreguntas.misrespuestas.com/preg.php?idPregunta=3598
4-¿cual era el objetivo del cientifico al crear el lenguaje HTML?
En 1989, el CERN era el nodo de Internet más grande de Europa y Berners-Lee vio la oportunidad de unir Internet y el hipertexto (HTTP y HTML), de lo que surgiría la World Wide Web. Desarrolló su primera propuesta de la Web en marzo de 1989, pero no tuvo mucho eco, por lo que en 1990 y con la ayuda deRobert Cailliau, hicieron una revisión que fue aceptada por su gerente, Mike Sendall. Usó ideas similares a las que había usado en el sistema Enquire para crear la World Wide Web, para esto diseñó y construyó el primer navegador (llamado WorldWideWeb y desarrollado con NEXTSTEP) y el primer servidor Web al que llamó httpd (HyperText Transfer Protocol daemon).
http://es.wikipedia.org/wiki/Tim_Berners-Lee
5-menciona 4 caracteristicas 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.
- http://ibiblio.org/pub/linux/docs/LuCaS/Manuales-LuCAS/doc-curso-html/doc-curso-html/x38.html
6-menciona 7 reglas que debes seguir para el diseño de una pagina web.
1.- Reunir información: Investigar el historial de la marca, su giro, sus servicio y la competencia.
2.- Plantear un objetivo: El objetivo debe plantearse de acuerdo a la función que hará el sitio en la red.
3.- Conocer los objetivos del cliente: Nunca se debe de olvidar la opinión del cliente, aunque tu como diseñador o creativo presentes una idea, ésta debe de ir acorde a los objetivos deseados del cliente, sin tu perder estilo.
4.- Conocer el público objetivo: Se tiene que tomar en cuenta todo tipo de datos demográficos sobre las personas que estarán frente a un monitor visitando la página. La edad, el sexo, gustos, estilo de vida, cultura y hasta lugar de residencia.
5.- Crear un mapa del sitio: Es importante antes de ponerse a diseñar y programar, bocetar las ideas y hacer distintas pruebas.
6.- Crea o reúne un contenido atractivo: El contenido tanto tipográfico como visual, debe llamar la atención de la audiencia.
7.- Planifica: Empezar con las ideas básicas y crear un calendario de avances y metas.
http://www.paredro.com/11-reglas-para-disenar-una-pagina-web/
Suscribirse a:
Entradas (Atom)





