jueves, 19 de agosto de 2010

Introducción

¿Qué es un Sitio web y Página web? - Definición de Sitio web y Página web En inglés website oweb site, un sitio web es un sitio (localización) en la World Wide Web que contine documentos (páginas web) organizados gerárquicamente. Cada documento (página web) contiene texto y o gráficos que aparecen como información digital en la pantalla de un ordenador. Un sitio puede contener estas páginas y una combinación de gráficos, texto, audio, vídeo, y otros materiales, dinámicos o estáticos.

¿Qué significa World WideWeb o WWW? - Definición de World Wide Web o WWW Web o la web, la red o www de World Wide Web, es básicamente un medio de comunicación de texto, gráficos y otros objetos multimedia a través de Internet., es decir, la web es un sistema de hipertexto que utiliza Internet como su mecanismo de transporte o desde otro punto de vista, una forma gráfica de explorar Internet. Esta comunicación se da entre las computadores por medio un lenguaje TCP/IP que pertenecen a una misma RED.

Pero que es Internet: Es una enorme red que conectadas a redes y computadoras distribuidas por todo el mundo, permitiéndonos comunicarnos, buscar y transferir información. Se sabe que fue inventado para usos militares, pero hay muchas versiones que no podemos descartar, pero lo que si sabemos es que una red de redes conectadas.

HTTP de HyperText Transfer Protocol (Protocolo de transferencia de hipertexto) es el método más común de intercambio de información en la world wide web, el método mediante el cual se transfieren las páginas web a un ordenador.

Para poder desarrollar un Sitio Web hay muchos programas que no pueden ayudar, uno son totalmente obsoletos y otros que de plano son de un nivel profesional. Estamos hablando cualquier programa de Hypertexto (Word, Block de Notas , eh inclusive programas que no imaginábamos Power Point, Excel, Corel) pero no son totalmente fiables para desarrollar totalmente un sitio web. Ahora bien hablemos un poco de Dreamwaever es un programa totalmente desarrolladores de sitios web en formatos tanto programador como diseñadores, ya que es un programa totalmente versátil y más para nosotros como Diseñadores Gráficos.

¿Que es Dreamweaver? Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador HTML el usuario que lo maneje siempre se encontrarán en este programa razones para utilizarlo, sobre todo en lo que a productividad se refiere. En pocas palabras es donde armamos nuestras páginas.

Sistema de Mediciones y de Color en la cual trabajamos. En página Web el sistema de medición es muy importante, ya que nosotros como desarrollador no trabajamos en cm, metros, pulgada etc. si no más bien en el sistema de PIXELES.

En el sistema de Color tampoco trabajamos con los colores de CMYK si no trabajamos con RGB. Es importante que a la hora de trabajar en nuestro programa de Vector (Ilustrator o Corel) cambiemos este sistema, es así que lo que veamos y que convirtamos a JPG sean los colores que queremos visualizar en nuestro sitio o página Web.

Así como hay muchos programas para desarrollar también existen Navegadorespara visualizar los sitios web que vemos a diarios por Internet. Uno de ellos, es el que más problema nos da como desarrollador y diseñador, estamos hablando de Internet Explorer, una navegador que llego para quedarce, en las computadoras de todo los usuarios. Pero nosotros como desarrolladores y diseñadores vemos un campo de Navegadores más amplio y encontramos los siguiente Navegadores en forma jerárquica:

En Primer Lugar se lo lleva: FireFox, Mozilla, Safari, Opera, Crome, NextCape y por último y no muy agraciado el Internet Explorer.

Ya hablamos un poco de los Navegadores ahora hablemos de los Ajustes y Tamaños de nuestros sitios web, tenemos los formatos Blog que son grandes por su basta información y están los standards. Pero para todo esto tenemos medidas que debemos guiarnos para comenzar. Nuestros ancho de nuestro formato debe ser de 900x600 o 955x600. Podemos modificar nuestro ancho de nuestro sitio si es requerido, pero lo que no podemos hacer es reducir la altura menos de 600 o sea que podemos tener un sitio de 900x1325, esto se le conoce como formato de blogs.

El monitor debe tener un ajuste de resolución de 1024x768, sabemos que ya hay monitores muy grandes, pero mientras la cultura de tener monitores de 17" ó 19".

Medidas para nuestro Sitio Web.

Actualmente casi todas las páginas están optimizadas únicamente para una resolución 900x600 y aunque la mayoría equipos. Actualmente están configurados a dicha resolución, los monitores más antiguos no soportan más de 640x 480px., y por el contrario, últimos equipos de nueva generación suelen estar configurados 1024x768px. y pueden soportar hasta 1280x1024px.

lunes, 16 de agosto de 2010

Bienvenidos Alumnos de 7º Semestre

Bienvenidos Alumno de 7º Semestre de Diseño Gráfico.

Este es mi blog que utilizo para llevar acabo mi materias de Páginas Web (Estáticas como Dinámicas). En este Blog encontrarán todo aquello que este relacionado con mi materia, ejemplos, ilustraciones, códigos y apuntes de mi materia. Es importante recalcar que si es importante que tomen nota en su cuaderno de lo que se hace en clase. Este blog es de uso didáctico no tiene ningún lucro, así que pueden recomendar este blog. También algo muy importante es que dejen sus comentarios sobre el tema en el blog, ya que esto me servirá para mejorar la clase, si algo no se entiendo, está este medio donde yo, personalmente lo estaré revisando continuamente.

A continuación daré una pequeña lista de lo que se requiere en mi clase.

1. Se tomara lista los días que son (*).
2. Alumno(a) que llegue después de los 10 minutos de la hora tendrá retardo después de haber pasado lista el alumno tiene derecho a entrar a mi clase con falta.
3 Se tomara lista por hora.
4. Alumno que llegue después de la media hora no puede interrumpir la clase, tendrá que esperar a la siguiente hora y ponerse al corriente.
5. Alumno que llegue a tener más 10 faltas pierde derecho a Examen final y automáticamente se ira a Extra-Ordinario.
6. El alumno no puede expresarse con palabras altisonantes con sus compañeros y mucho menos con el profesor. (persona que no respete este tipo de cosas tendrá el derecho de reponer su error comprando dulces para todos).
7. Prohibido Fumar y Comer dentro del Laboratorio.
8. Alumno que llegue en estado Alcoholizado o Drogado sera expulsado de la clase y remetido con el Licenciado Guillermo Nava.
9. Que da prohibido abrir páginas pornográficas.
10. El Alumno se hará responsable de su equipo de computo, que se le asigne. si llegará a faltar algún componente o un desperfecto en su caso, será responsable de ello.
11. Queda Prohibido el uso equipo portátil en el Laboratorio.
12. Que da estrictamente descargar algún Programa en el equipo.
13. Todo alumno debe reportar si su equipo de trabajo cuenta con todo lo necesario, en caso de que no reportara dicho evento, se le responsabiliza todos los imperfectos a la persona que halla usado el equipo.
14 Los celulares tendrán que ponerse en estado de silencio o vibrar, pueden salir del salón a tomar la llamada.

La forma de evaluar son las siguientes:

Primer Parcial 6 al 10 Septiembre
12.5% Diseño y Creatividad
12.5% Programación
será un total de 25% de Calificación

Segundo Parcial 4 al 8 Octubre
12.5% Diseño y Creatividad
12.5% Programación y Funcionalidad
será un total de 25% de Calificación

Tercer Parcial 3 al 5 Diciembre.
12.5% Diseño y Creatividad
12,5% Funcionalidad en el RED
será un total de 25% de Calificación.

Para poder presentar el Examen Final deberá de desarrollar un sitio web propio de ustedes para entrega CD con portada y un resumen del diseño de su propio sitio web. En caso de no entregar o reprobar, se le descontará calificación para el examen final.

Examen Final 6 al 17 de Diciembre
12,5% Diseño y Creatividad
12,5% Funcionalidad en la RED
Este examen se entregara en formato CD con carátula y una breve justificación, y se subira a internet en una cuenta de Hosting y Dominio Gratis.
Se tomara en cuenta los trabajos en clase, la forma de desempeño y la creatividad.
NOTA IMPORTANTE: NO SE CALIFICA "EL ESFUERZO".