DISEÑO WEB

1.- ¿En qué consiste?

Es una actividad consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo.

2.- ¿Qué programas y herramientas existen actualmente?

Hasta hace muy poco tiempo el diseño de páginas Web exigía el conocimiento de los códigos propios del lenguaje HTML, DHTML, actualmente la utilización de este lenguaje de programación está al alcance de cualquier usuario. Existen en el mercado distintos programas creados específicamente para facilitar el diseño de websites. Son los llamados editors WYSIWYG ("What You See Is What You Get")
Una herramienta muy útil para cuya finalidad es enriquecer de una forma muy fácil el producto final en cuanto a interactividad es:

Ø Macromedia CourseBuilder para Dreamweaver :

Es una extensión que se añade al Dreamweaver y que facilita enormemente la tarea de crear tutoriales Web sin que haga falta una profundización en los aspectos técnicos de lenguajes de programación. Incorpora 40 tipos diferentes de interacciones del material con el alumno, como por ejemplo preguntas de verdadero o falso, elecciones múltiples, asociaciones, pregunta-respuesta, campos abiertos, etc.

Ø Amaya :

Es el editor WYSIWYG gratuito del World Wide Web Consortium (W3C), encargado de discutir y establecer nuevos estándares para la web. El editor se parece mucho al IMS Web Dwarf, con unas cuantas opciones más. Si bien aún no es del todo profesional, es un programa que habrá que tener en cuenta en sus futuras versiones, ya que entre otras cosas está previsto que tenga soporte para dibujo vectorial en formato SVG así que recomiendo visitar cada cierto tiempo su dirección para estar al tanto de novedades y bajar actualizaciones.

Ø Arachnofilia :

Programa sencillo y gratuito (freeware) para crear y editar páginas Web. Colorea los códigos HTML, e inserta código fácilmente con botones que podemos desplegar personalizando nuestro interfaz. Muy difícil de usar para inexpertos en HTML, aunque tiene la ventaja de que apenas consume recursos al sistema (ocupa muy poco).

Ø WebFácil:

Es un editor gratuito y sencillo. Además en castellano. 1st Page 2000 2.0. Editor HTML práctico y fácil de usar. Entre sus componentes es bueno destacar: tamaño automático de imágenes, efecto rollover de JavaScript, limpieza de código, asistente, cliente de FTP etc.
Pero lo más llamativo de este programa son sus añadidos como son 450 scripts, 15 scripts DHTML, 6 scripts HTML así como 2 scripts CGI.

Ø http://www.nvu.com/ Nvu:

Es un editor gráfico HTML similar al Front Page de Window$ que ha desarrollado LindowsOS. Nvu está basado en el código de Mozilla Composer, es un programa tipo Frontpage/Dreamweaver, WYSIWYG y que nos promete la cómoda creación de contenidos web como si trabajásemos con un procesador de textos.

Entre otros tenemos las cuales serán mencionadas:

· Adobe Photoshop CS3
· Adobe Illustrator CS3 o Corel Draw X4
· Adobe InDesign
· Adobe Acrobat

3.- ¿Qué se necesita saber para aprender diseño Web?

Se necesita tener muy buena imaginación para la creación de las paginas, también sería importante conocer algunos programas pero lo mas básico.

CAPAS

CAPAS

Es una especie del contenedor de HTML, las capas por lo general se definen con las etiquetas div y span y pueden contener cualquier objeto, por ejemplo un formulario, un fragmento de texto o un pluguin. Las capas proporcionan un control muy potente sobre la posición de estos objetos (control a nivel de pixeles) que permite controlar qué objetos estarán adelante y que objetos estarán detrás.

Existen dos tipos de capas: las capas CSS controladas por medio de las etiquetas div y span y las capas de Netscape (etiquetas layer e ilayer)

USO

Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Dichas capas pueden ocultarse y solaparse entre sí, lo que proporciona grandes posibilidades de diseño.

Las capas pueden moverse de una posición a otra de la ventana pulsando sobre el recuadro blanco, y sin soltar el ratón, arrastrándola hacia la nueva posición. También pueden ser redimensionadas pulsando sobre los recuadros negros, y arrastrándolos hasta conseguir el tamaño deseado.

Dentro del recuadro de la capa es posible insertar texto, tablas, imágenes, animaciones flash, y todos los elementos que puede contener un documento HTML.

Fuente:

• http://www.svetlian.com/Webmaster/dream_capas1.htm
  


• http://www.todo-dreamweaver.com/tutorial-dreamweaver/capas/uso-basico-capas-dreamweaver.html

SITIO WEB REMOTO Y LOCAL

SITIO WEB REMOTO

Un sitio remoto es el que esta conectado a travez de alguna red en otra parte, ya sea en el mismo lugar que tu, pero en otra computadora, o atravez de internet, al cual te puedes conectar usando un terminal.

SITIO WEB LOCAL

Un sitio local son archivos del disco local que corresponden a los archivos del sitio remoto. Usted edita los archivos en el disco local y, a continuación, los carga en el sitio remoto.

La creación de un sitio Web suele comenzar con la planificación: se determina cuántas páginas se van a crear, qué contenido aparecerá en cada página y cómo se conectarán las páginas entre sí.

FUENTE:

• http://es.wikipedia.org/wiki/P%C3%A1gina_web
  

RUTAS ABSOLUTAS Y RELATIVAS

RUTAS ABSOLUTAS

Las rutas absolutas proporcionan el URL completo del documento vinculado, incluido el protocolo que se debe usar (generalmente, http:// para páginas Web),

Por ejemplo:

http://www.adobe.com/support/dreamweaver/contents.html.

Para vincular un documento situado en otro servidor, es preciso emplear una ruta absoluta. También puede utilizar rutas absolutas para vínculos locales (con documentos del mismo sitio), pero se desaconseja utilizar este sistema, ya que, si mueve el sitio a otro dominio, se romperán todos los vínculos de las rutas absolutas locales. El uso de rutas relativas para vínculos locales también ofrece una mayor flexibilidad si necesita mover archivos dentro del sitio.

RUTAS RELATIVAS

Las rutas relativas al documento suelen ser las más adecuadas para vínculos locales en la mayoría de los sitios Web. Resultan particularmente útiles cuando el documento actual y el documento con el que se establece el vínculo se encuentran en la misma carpeta y es probable que vayan a permanecer juntos. También puede utilizar una ruta relativa al documento para establecer un vínculo con un documento de otra carpeta, pero especificando la ruta a través de la jerarquía de carpetas desde el documento actual hasta el vinculado.

En una ruta relativa al documento se omite la parte de la ruta absoluta que coincide en los documentos actual y vinculado y se indica únicamente la parte de la ruta que difiere.

Fuente:

• http://www.forosdelweb.com/f16/rutas-relativas-absolutas-428834/
• http://images.google.com.pe/images?hl=es&um=1&sa=1&q=rutas+RELATIVAS&aq=f&oq=

PRESENTACIÓN PERSONAL

Hola a todos mis amistades saludos, mi nombre es Javier Ccoillo Garriazo, natural de Puquio – Ayacucho.

Actualmente estoy estudiando en la Universidad Nacional Federico Villarreal en la Facultad de Educación de la Especialidad de Computación e Informática, VII Ciclo.

Soy una persona alegre, amical y que le gusta compartir diferentes ideas y pensamientos de los demás; unos de mis hobbies es hacer deporte, escuchar músicas ayacuchanas y tocar guitarra, espero conocer personas alegres como yo.


OBJETIVOS


· Como objetivo principal en mi vida es contribuir al desarrollo de mi país y el de mi familia.

· Concluir mi carrera profesional en Educación en la especialidad de Computación e Informática

· Llevar cursos de capacitación respecto a mi carrera que permitan mejorar y desarrollar mi metodología de enseñanza en el alumnado.

· Estudiar la carrera de computación e informática que permitirá tener mejores conocimientos para perfeccionarme en mi especialidad.

Este video es interesante para el desarrollo educativo de nuestra especialidad de Computacion e Informática, espero les guste.

TECNOLOGÍA DE LA INFORMACIÓN