DISEÑO WEB

¿EN QUÉ CONSISTE?

El diseño Web es una actividad que consiste en la planificación, diseño e implementación de sitios Web y páginas Web.

El objetivo principal es la creación de un sitio Web.

El diseño Web es el proceso de conceptualización, planificación, modelado y ejecución de páginas Web y, por extensión, a aplicaciones y servicios Web.

¿QUÉ PROGRAMAS Y HERRAMIENTAS EXISTEN ACTUALMENTE?

PROGRAMAS:

• Macromedia Dreamweaver



• Adobe Indesign



• Microsoft Frontpage



• Adobe Photoshop



• Macromedia Fireworks



• Macromedia Flash



• Adobe Photoshop CS



• Adobe Photoshop CS2



• Adobe director



• Adobe Freehand



• Paint shop pro



• Mayura Draw



• 3D studio
  
  
  

HERRAMIENTAS:

• Aptana Studio
  

• Firebug
  
  
• GIMP

• Swish (Shareware)
  

• Nucleus
  

• EditPlus 2
  
  
• Quanta Plus
  
  
• Screem
  
  
• Script Editor
  
  
  
  ¿QUÉ SE NECESITA SABER PARA APRENDER DISEÑO WEB?

Para esto, se necesita saber manejar los vínculos entre documentos, el cual utiliza el lenguaje HTML. El HTML es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas Web.

Primeras herramientas: Para comenzar sólo son necesarios dos elementos:

Un procesador de texto. Vale cualquiera, siempre que no formatee el texto. Por ello, los más adecuados son los más sencillos (como por ej., Notepad en Windows o SimpleText en Macintosh). Si se utilizan procesadores como el Word, se deben guardar los ficheros como 'Sólo Texto', para que no introduzca órdenes de formateo, que pueden provocar errores al cargarlo en el navegador.

Un navegador del Web. Esto se da por supuesto, ya que has accedido a esta página con uno de ellos (p. ej. Netscape, MSI Explorer, Mosaic, etc.)

FUENTE:

• http://www.ldc.usb.ve/~vtheok/webmaestro/
  
• http://www.lawebera.es/de0/primerospasos.php
  
• http://es.wikipedia.org/wiki/Dise%C3%B1o_web
  
  
  

CAPAS

CAPAS

Una capa es un elemento de página HTML (en concreto, una etiqueta div o cualquier otra etiqueta) que tiene una posición absoluta asignada. Las capas pueden contener texto, imágenes u otros contenidos que se pueden situar en el cuerpo de un documento HTML.

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 DE LAS CAPAS

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.

Puede colocar unas capas delante o detrás de otras, ocultar algunas capas mientras muestra otras y mover capas por la pantalla. Puede colocar una imagen de fondo en una capa y, a continuación, insertar una segunda capa, con texto y un fondo transparente, delante de la primera.

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://livedocs.adobe.com/dreamweaver/8_es/using/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=08_cssp2.htm

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

SITIO WEB REMOTO Y LOCAL

SITIO WEB REMOTO

El sitio web remoto, es un conjunto de páginas que pueden ser vistas a través de internet en todo el mundo.

La vista Sitio web remoto sirve para publicar archivos en el sitio de Microsoft Expression Web. Existen varios escenarios de publicación. En la vista Sitio web remoto puede ver el contenido de las carpetas del sitio web, tanto en el sitio web local (origen) como en el remoto (destino).

Un sitio Web remoto es un sitio que utiliza IIS pero está en otro equipo al que se puede tener acceso a través de una red de área local.

SITIO WEB LOCAL

El sitio web 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.

Los ficheros correspondientes a páginas web debemos diseñarlos en el disco duro del ordenador local (servidor local). Después, teniendo los permisos oportunos del servidor (terra, wanadoo, educaragon, ...), podemos colocar estos ficheros en Intenet (servidor remoto) para que puedan ser visitados en todo el mundo. Para colocar estos ficheros (subirlos a Internet) podemos utilizar un programa FTP.

FUENTE:

• http://msdn.microsoft.com/es-es/library/cc295423.aspx
• http://espanol.answers.yahoo.com/question/index?qid=20070914103742AAGOezs

RUTAS ABSOLUTAS Y RELATIVAS

RUTAS ABSOLUTAS

Las Rutas Absolutas proporcionan la URL completa del documento vinculado, incluido el protocolo que se debe usar (generalmente, http:// para páginas Web).

EJEMPLO:

http://www.informacion.com/carpeta/imagenes.jpg

Se suelen utilizar nada más para enlazar a archivos que están fuera del dominio de nuestra página web. De hecho es la única manera de hacerlo.

RUTAS RELATIVAS

Las rutas relativas al documento son las más adecuadas para utilizar con 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.

EJEMPLO:

imagenes/graficos.gif

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

FUENTE:

• http://www.comocreartuweb.com/herramientas-utiles/enciclopedia-r-rutas.html
• http://www.forosdelweb.com/f16/rutas-relativas-absolutas-428834/
  

PERFIL ESTUDIANTIL

Mi nombre es Omar Edwin Vadillo Tineo, soy estudiante de la UNFV de la Facultad de Educación, Especialidad de Computación e Informática, estoy cursando el 4 Año - 7 Ciclo.

Con respecto a mi carrera, hay dificultades en la infraestructura del laboratorio, ya que no contamos con la cantidad de computadoras para el alumnado del salón, y lo que dificulta el desarrollo de la enseñanza, tampoco contamos con libros de la especialidad en la biblioteca

Pero tenemos que seguir adelante buscando que las cosas se mejoren, y que la especialidad de Computación e Informática se desarrollo eficazmente.

De la carrera deseo terminar para enseñar en las I.E y los Institutos, pero capacitándome constantemente para estar acorde con los avances tecnológicos en la Computación e Informática, así aplicar los softwares educativos que permitan una buena metodología y enseñanza para el alumnado.

Anteriormente he estudiado un Curso de la Electricidad en SENCICO, el cual me permitió trabajar en el área de mantenimiento en el Instituto de Enfermedades Neoplásicas, por el lapso de un año y medio.

Tambien he llevado cursos de Computación e Informática en el Instituto CESCA

Los objetivos que quiero lograr son las siguientes:

• Terminar mi carrera de Educación de la especialidad de Computación e Informática.
  

• Seguir capacitándome con cursos de mi carrera.
  
  
• Seguir estudiando otra profesión.
  
  
• Estudiar mi Maestría y Doctorado.
  
  
• Enseñar nuevas metodologías didácticas para la enseñanza del alumnado.
  
  
• Desarrollar softwares educativos.

• Buscar un bienestar para mi familia.

Aca les brindo unos videos educativos que me parece interesante para nuestra Especialidad de Computación e Informática.