jueves, 23 de julio de 2009

♣♣DISEÑO WEB♣♣

1.-¿EN QUE CONSISTE DISEÑO WEB?

Diseño Web es una actividad que consiste en estructurar los elementos gráficos de un Sitio Web para asi expresar esteticamente la identidad de una empresa o institución. Pues es una etapa de Diseño virtual más que de diseño funcional.

Incluso Diseño Web es todo aquello que involucra la creación de un sitio y que tiene que ver con aspectos que van desde la arquitectura de la información, objetivos de sitio, usuarios de sitio, hospedaje, accesibilidad, facilidad de uso y encontrabilidad, aunque la interfaz es importante el diseño de un sitio web no termina en la interfaz, sino que apenas empieza por ahí y abarcan mucha otras cosas mas.
Por eso el Diseño Web consiste en encontrar un término medio entre la presentación que tenga gráficos impresionantes y una presentación simple y sencilla, para que esto permita a los usuarios encontrar lo que están buscando.


Dependiendo del aspecto en el que se quiera enfocar, durante el diseño puedes usar un programa, varios o ninguno. Las etapas iniciales de diseño de un sitio se pueden cubrir bastante bien con lápiz, papel y post-its, mientras que más adelante puedes usar un editor gráfico como Photoshop para los mock-ups, y un editor de texto como PSPad, para el código, hasta editores altamente especializados como Zend Studio para php.Sin embargo para la mayor parte de los casos un buen editor de texto o un ambiente de desarrollo es más que suficiente.

2.-¿QUE PROGRAMAS Y HERRAMIENTAS EXISTEN ACTUALMENTE?


Existe una gran cantidad de utilidades o herramientas para diseñar tu página web.
Muchas son las Páginas que te ofrecen estas herramientas las cuales son programas dispuestos a apoyarte en la creación de tu portal web. Algunas de estas páginas publican tu sitio de forma gratuita mientras utilices sus herramientas y tutoriales.


Al crear mi página web debo preocuparme por darla de alta buscando un web en access o FTP que me de los permisos necesarios para poder subir y manter en alta mi página web en front page o dreamweaver usando FTP.
Los programas para poder diseñar tu página son vastos y variados. Siempre hay uno que sirva exactamente para lo que necesitas y que te facilite el manejo y edición del sitio. Estos programas se te pueden ofrecer de forma gratuita, acompañados por un soporte en linea para quien no sabe utilizar a la perfección los programas y los botones que estos traen. El soporte viene incluido al pagar el servicio completo

Entre sus programas tenemos:

*Adobe Photoshop CS3
*Adobe Illustrator CS3 o Corel Draw X4
*Adobe InDesign
*QuarkXPress
*Adobe Acrobat


*Modelado 3D

Entre sus herramientas tenemos


*kuler.
*pixlr.
*Color Scheme Designer
*FontStruct
*Typetester
*TypeNavigator
*Blind Text Generator.
*bgPatterns.
*Dabbleboard.
*pickMarkr.
*favicon.cc
*templatr.

¿QUÉ SE NECESITA SABER PARA APRENDER DISEÑO WEB?

  • Para aprender Diseño Web es necesario conocer todas las temáticas, las cuales en un momento u otro se deben aplicar al trabajo realizado.
  • Otro elemento importante, básico y escencial que se debe conocer es XHTML y CSS, el alma y vida de los sitios de internet. Debe conocer cada tag, para que sirve y en que situación utilizar cada elemento.
  • Hay que saber manejar las herramientas de edición de imágenes y además tener un muy buen gusto. Conocimientos de arte y dibujo para darle mas enfoque(opcional).
  • Conocer los lenguajes de programación, pues es una forma de comprender y no estar ajeno a lo que de alguna manera lo rodea.
  • Conocer los programas de Flash y Xjav.

Para aprender Diseño Web solo se necesita conocer a fondo
los diferentes recursos gráficos a su disposición, los programas utiles
para el desarrollo de un diseño web y tener la imaginación, la experiencia,
el buen gusto y el sentido común necesarios para combinarlos de forma
adecuada.


miércoles, 10 de junio de 2009

"CAPAS"





  • Una capa es una división, una parte de la página, que tiene un comportamiento muy independiente dentro de la ventana del navegador.

  • Además una capa es un contenedor que se puede posicionar en cualquier parte de la página Web. Las capas o layers pueden contener texto, imágenes, formularios, plug-ins y hasta otras capas.

  • Las capas proporcionan al diseñador un control exacto del posicionamiento de los objetos en las páginas Web. Incluso es posible colocar capas por delante de otras y hasta animarlas.

  • Incluso una capa es un elemento de página HTML (una etiqueta div o cualquier otra etiqueta) que tiene una posición absoluta asignada.

OJO :Las capas, se usan normalmente para mover contenidos por la
pantalla, es decir, animando nuestra página web, a la vez pueden usarse
para maquetar contenidos.


Aspectos básicos de las capas

  1. Emplear capas para diseñar la pagina.

  2. Colocar unas capas delante de otras.

  3. Ocultar algunas capas mientras muestra otras y también mover capas por la pantalla.

  4. Colocar una imagen de fondo en una capa y luego inserta una segunda capa transparente, delante de la primera.

Las capas proporcionan una gran flexibilidad a la hora de colocar contenido


CARACTERISTICA


La característica más importante de la capa es que se puede mover para colocarla
exactamente donde se quiera. Así se podrá colocar una imagen dentro de una capa
y, una vez dentro, mover la capa para que la imagen se coloque exactamente en el
sitio deseado. Pues es difícil de conseguir por otros medios.
A las capas
también se les puede adjuntar "comportamientos" que son fragmentos de javascript
que permiten al visitante la interactividad con la página.



1.-INSERTAR - CAPAS















2.- APARECERA LA CAPA


















3.- El icono nos va a indicar cada una de las capas que incorporemos a la página.
Pinchando en él se selecciona la capa. También podemos seleccionar la capa pinchando en el cuadrado . Cuando la capa está seleccionada tiene este aspecto:











4.- Cuando la capa está seleccionada y teniendo abierto el panel de propiedades, aparece la información sobre las propiedades de dicha capa:

FUENTES:http:

HTTP://www.todo-dreamweaver.com/tutorial-dreamweaver/capas/

http://www.un.org/spanish/Depts/dpi/seminario/pdf/ModuloXI.pdf

miércoles, 13 de mayo de 2009

SITIO LOCAL Y SITIO REMOTO




SITIO LOCAL


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

  2. Son archivos guardados en el disco local que componen un sitio Web desde el punto de vista del autor (diseño), y no del usuario.

  3. Los documentos HTML normalmente se crean dentro de dicha carpeta, mientras que para contener las imágenes, las animaciones, las hojas de estilo, etc., se deben crear nuevas carpetas dentro de ésta, con el objetivo de tener una mejor organización de los archivos a la hora de trabajar.

  4. Un sitio local, es una pagina o servidor instalado dentro de la misma red a la cual perteneces.

  5. Se encuentra en tu máquina.



SITIO REMOTO



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

  2. Son archivos guardados en un servidor que componen un sitio Web desde el punto de vista del autor (Diseño), y no del usuario.

  3. Significa establecer una configuración de modo que Dreamweaver sea capaz de comunicarse directamente con un servidor en Internet (por eso se llama remoto) y así poder trabajar a la vez con tus archivos en el sitio local, es decir, la copia que tienes en tu ordenador, y en el sitio remoto, colgados en el servidor, en Internet.

  4. En el denominado sitio remoto, se podrán copiar los archivos en un servidor web, lo que equivale a publicar el sitio, de modo que la gente podrá verlo en Internet.

  5. Un sitio remoto, es todo aquel que se encuentra fuera de tu red.

  6. Se encuentra en cualquier otro servidor www.
fuentes consultadas: http://disemedios.com.ar/curso_dw/clase01.htm
http://www.aulaclic.es/dreamweaver8/t_18_1.htm
http://www.avmadrid-sur.org/curso_web/estruc_sitio.doc







Rutas Absolutas Y Rutas Relativas

Rutas absolutas:




  • Se le dice así a una ruta que inicia su recorrido desde una carpeta que esta antes de nuestra posición actual (o lugar donde esta grabado el archivo), haciendo accesible a esta ruta únicamente desde el la maquina en donde esta ruta fue creada.

  • Los nombres de rutas absolutas especifican la ruta que conduce a un directorio o archivo, empezando por el directorio raíz en la parte superior de la estructura de árbol puesto al revés.

  • La carpeta raíz es la carpeta individual común del sistema donde comienza la jerarquía.

  • La ruta consiste en una lista secuencial de directorios, separados por barras, que conducen al directorio o el archivo que desee especificar.

  • Si una ruta comienza con una barra inclinada (/), es una ruta absoluta especificada desde la carpeta raíz


RUTA RELATIVA:

  • Es la ruta que inicia desde la posición actual (o lugar donde esta guardado el archivo), a carpetas internas, y en donde la ruta se comienza a registrar a partir de la posición actual.
  • Una ruta relativa a la raíz del sitio comienza por una barra diagonal, que representa la carpeta raíz del sitio
  • Puede utilizar un nombre de ruta relativa como acceso directo a la ubicación de los archivos y directorios.
  • Los nombres de rutas relativas especifican directorios y archivos comenzando por el directorio de trabajo actual.
  • Una ruta relativa a la raíz del sitio es la mejor forma de especificar vínculos en un sitio Web en el que necesita mover con frecuencia archivos HTML de una carpeta a otra.

FUENTES CONSULTADAS:

http://livedocs.adobe.com/dreamweaver/8_es/using/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=16_link5.htm

http://docs.sun.com/app/docs/doc/802-4168/6i80vfahb?l=es&a=view

domingo, 3 de mayo de 2009

****MI PEQUEÑO ESPACIO****


"PENSAMIENTOS A FUTURO"

Hola!!!! a todos yo soy Melissa Asqui Oyola, actualmente estudiante de la "Universidad Nacional Federico Villarreal" en la especialidad de Computación e Informática, mis espectativas como futura profesional es lograr alcanzar un nivel adecuado de conocimientos respecto a la carrera en la cual me estoy formando, para ello es necesario que la universidad nos proporcione docentes preparados acorde con los cursos que les son asignados, pues el ámbito de Computación e Informática es un campo muy amplio y por ello es necesario estar preparados para el avance constante que se da en esta materia. Pero no solo es suficiente los conocimientos que nos brinda el docente a pesar de ser muy importantes, también es buscar complementar mediante otros medios estos conocimientos previos, para así lograr ser un docente de calidad y destacar por mérito propio, y a la vez alcanzar la plena satisfacción de sentirse realizados como personas y profesionales.

Estudios Realizados:

  • "ENSAMBLAJE DE PC" en la institución SENATI.

  • "DISEÑO GRÁFICO" en el Instituto Superior Tecnológico CIMAS.

  • Estudios de inglés en el ICPNA actualmente cursando el nivel básico(Básico 4)



"CONOCE ALGO MAS ACERCA DE MI"

Hola nuevamente, esta vez para contarte.... nací el 19 de junio de 1986 en la ciudad de Lima, en el distrito de El Agustino, realice mis estudios satisfactoriamente, en el colegio "FE Y ALEGRÍA Nº39", posteriormente ingrese a la facultad de educación de la UNIVERSIDAD NACIONAL FEDERICO VILLARREAL, como antes mencione en la especialidad de computación e informática actualmente me encuentro cursando el 7º ciclo...