Ampliamos el Diseño

-         Basarse en los colores corporativos de la empresa

Utilizar los colores personalizados de la empresa ejemplo: si haces la pagina Web de cocacola no utilizaras un azul, usaras el rojo.

-         Colores que queremos enfocar

Utilizaremos los colores según de lo que tengamos que hacer la Web por ejemplo si hablamos de la página hp usaremos colores que den seriedad: blancos, negros, grises y si tenemos que hacer una página de ocio ya le podríamos poner colores más vivos.

• Otra cuestión a tener en cuenta esta la resolución de la pantalla no existe un tamaño único para crear una Web antes se utilizaba 800x600 aun hay muchas Web así pero ahora se utiliza mucho mas 1024x768.

-         Evitar a toda costa una barra de desplazamiento horizontal

Es lo más odiado por los usuarios con gusta razón por eso los diseños deben ajustarse al ancho de la pantalla.

-         Debemos aprovechar la pantalla

Tenemos que organizar todo en el ancho de la pantalla sin sobrecargarlo.

Si quieres que el usuario vea algo en especial ponerlo en el trozo de Web que se ven al entrar no lo pondríamos abajo porque se pueden ir sin utilizar la barra de desplazamiento vertical.

-         Se aconseja que la página no sea muy larga

Se aconseja que no sea mas larga de hoja y media así tardara menos en cargar.

Si tenemos que hacer una pagina muy larga ponerle de tanto en tanto anclas (enlaces que suben arriba del todo automáticamente).

• Todo esto tienes sus pros i sus contras, hay gente que no esta acuerdo con esto.

-         tener en cuenta que no son todas las paginas iguales

Las páginas de un portal Web no son iguales. Por ejemplo la pagina de inicio le tendremos un tratamiento especial, es muy importante que hagamos que las imágenes prevalezcan por encima del texto.

La estructura de la pagina principal suele ser una estructura libre tenemos que ser creativos i dejarnos llevar.

 

• No es recomendable poner todos los enlaces en la página principal, los podemos ordenar en menús i submenús, pudiendo desplegarlos.
• puedes poner colores por secciones si están viendo una sección que habla de futbol se vera el menú ejemplo azul y si esta viendo la sección una de básquet el menú rojo, utiliza siempre colores suaves.

Planificación proyecto Web

1. Análisis

Que quiere en su página. Es cuando mas hablas con el cliente, haces mas entrevistas con el tiene que decirte que es lo que necesita, si nos exige algo que no se puede hay que ir orientándolo.

Esta bien si se le hace firmar una hoja con lo que se a pactado

10 puntos básicos

1. Objetivos claros.
2. Fácil, intuitiva y consistente.
3. Lo mas uniforme posible (mismo sistema de colores, fuentes…).
4. Colores con moderación (no muy chillones).
5. Texto claro, conciso, fácil de leer, bien estructurado…
6. Tipos de letra no mezclar tamaños y fuentes.
7. Imágenes, tamaño y formatos, intentar que complementen la información escrita.
8. Imágenes de fondo, tienen que ser distintivas pero evitar que dificulte la lectura del texto.
9. diseñar la Web pensando en todos los usuarios (no todos tienen una pantalla de 20 pulgadas) medidas correctas i para todos los navegadores.
10. animaciones con prudencia (no pinta nada un pollo bailando en una pagina seria).

El estudio previo se divide en 4 pasos.

-         Propósito del sitio

Tener claro para que aremos este sitio, que queremos conseguir

 

-         Analizar al cliente y a los visitantes del sitio

Investigarlo no olvidar que representaremos su imagen

-          Recogida de información

Logotipos, Anagramas, Imágenes, Folletos, Textos y campañas publicitarias

-         Definir la estructura

Que sea fácil, estructura lógica, que no se pierdan en los enlaces

2. Diseño

Como quiere su página. Tener claro como lo vamos hacer, maquetación exigir todo tipo de información: logotipos, colores corporativos, antiguos proyectos…

Hacerle firmar una hoja de acuerdo con que la maqueta esta acabada i es la que quiere.

3. Desarrollo

Ir enseñando el proyecto al cliente.

Intentar convencerle si pone pegas que lo que ve es lo que firmo

 

4. Pruebas

Puede intercalarse con el desarrollo.

El cliente puede ir diciéndote los fallos, tanbien que la prueben terceros (usuarios).

Si es poco practica es que algo se a hecho mal en análisis y diseño.

5. Implantación

      Poner en producción la página Web.

 

*Bueno en general podéis ir viendo son todas un poco lo mismo

Tipos de páginas Web

Audiencia

-         Publicas

Es un WebSite normal, una página dirigida al público general sin restricciones.

-         Privadas

Hay de 2 tipos extranet, intranet.

    - Extranet

        Publicadas en internet.

          - Intranet

              Red local.

Dinamismo

-         Estáticas

Se muestran igual entre quien entre.

-         Dinámicas o interactivas

      Va combinando dependiendo del usuario que entre.

Las Estructura

-         Secuencial o lineal

Es la forma mas fácil de ordenar la información, una serie de temas ordenados desde lo más general a lo mas especifico, solo suele servir para sitios pequeños.

            En esta estructura iras avanzando paso por paso gamas podrás

            pasar de la Página 1 a la 4 sin pasar primero por la 2 y la 3.

-         Parilla
Muchas manuales de procedimientos, listados, de cursos universitarios, descripciones médicas de casos… se adaptan perfectamente a este tipo de estructura.

Para tener éxito con este tipo de estructura es necesario que las unidades individuales de una parilla, compartan una estructura de temas y subtemas absolutamente uniforme.

-         Jerárquicas

La mayor parte de los usuarios están familiarizados con esta estructura, es fácil de comprender.

Es la mejor manera de organizar información compleja.

Las  estructuras jerárquicas funcionan bien cuando el contenido está bien actualizado.

-         Red

Estas estructuras ponen pocas restricciones en el patrón de la información.

En este caso el objetivo es libre circulación de ideas.

Pero este tipo pueden confundir al usuario fácilmente por lo que irónicamente, resultan muchas veces poco apropiadas para WebSites (Sitios Webs).

-         Mixta

Los estudios de funcionalidad indican que los usuarios recuerdan mejor la información con este tipo de estructura.

Quizá es la más utilizada.

Apertura

-         Abiertas

Puedes acceder a cualquier lugar de la página Web.

-         Cerradas

Limita el acceso a unos pocos puntos incluso puede que a uno solo. Un ejemplo seria una página de login tendrías que registrarte para ver el resto del contenido.

-         Semicerradas

Te obliga acceder por unos puntos específicos, cómo por ejemplo la página principal y las páginas de entrada a las secciones más importantes. (Varia según la pagina)

Profundidad

Basada en el número de enlaces que hay que pulsar para llegar al contenido. Los expertos dicen en general que los usuarios prefieren sitios poco profundos no  pulsar más de 3 enlaces para encontrar lo que buscan. 

Objetivo

-         Comerciales

Están creados para promocionar los productos de la empresa.

-         Informativos

Su principal finalidad es distribuir información.

-         Ocio

Su principal finalidad es entretener. También suele tener una finalidad económica ya que no son fáciles de crear y mantener.

-         Navegación

      Su finalidad es ayudar al usuario a encontrar lo que busca en

      Internet.

-         Artísticas

Son un medio de expresión de sus creadores, estas no suelen seguir ninguna pauta, la única norma aplicar es la que el creador dese.

-         Personales

            Igual que el anterior caso es un medio de expresión de sus creadores
            en este caso dentro la misma página puede haber de  todo.

Imagenes y parte de la Información de http://www.lawebera.es/

TEMA 1: historia de Internet y sus protocolos

Historia de Internet

Los inicios de Internet nos remontan a los años 60 Estados Unidos esta buscando alternativas  de mantener la comunicación en el posible caso de un ataque nuclear. En primer lugar este hecho contemplaba eliminar cualquier tipo de unidad central ya que seria lo primero en recibir un ataque.

Se le encomendó a la Universidad de Berkeley crear una red descentralizada y que esté diseñada para poder llevar acabo operaciones en situaciones difíciles. Cada maquina conectada debía tener el mismo estatus y  la misma capacidad para enviar y recibir la información.

Así nació ARPANET la primera red a gran escala mas tarde se derivo a MILNET red puramente militar.

Protocolos de Internet

TCP = Transmission Control Protocol - Protocolo de Control de Transmisión

En general se ha explicado como el sistema se comunican a bajo nivel utilizando direcciones IP tanto en el formato numérico como en el formato de nombres para identificar al cliente(IP). subministra una conexión virtual entre dos sistemas (pueden existir muchas conexiones físicas a partir de una conexión virtual).

Los paquetes de datos que son transmitidos médiate protocolo TCP entre los sistemas tienen la garantía que llegara exactamente el mismo contenido que el paquete enviado,   son recibidos en el mismo orden en que son enviados. Y  los que se borren por problemas en la red serán retransmitidos de nuevo.

IP = Internet Protocol - Protocolo de Internet

Sirve para direccionar, da seguridad en sus cabeceras y no de los datos transmitidos por eso no  necesita ninguna configuración para enviar datos pero pueden llegar dañados o no llegar, es mas fiable usar un protocolo de transporte como TCP.

TCP/IP se complementan para el envío rápido seguro i eficaz.

HTTP= Hypertext Transfer Protocol - protocolo de transferencia de hipertexto

Es el protocolo primario de www. Cuando un navegador se conecta a un servidor Web, este usa http para recibir paginas Web, tiene la capacidad para transferir paginas Web, gráficos y muchos otros tipos de medios usados en Internet. Es un protocolo sin estado significa que no guarda ninguna información sobre antiguas conexiones

(HTTPS) SSL  = Secure Sockets Layer - Protocolo de Capa de Conexión Segura

Este protocolo proporciona autentificación y privacidad de la información  mediante criptografía

FTP = File Transfer Protocol - Protocolo de Transferencia de Archivos

Basado en la arquitectura de cliente – servidor, desde un equipo cliente te puedes conectar a un servidor y descargar archivos o subirle a el mediante este protocolo.

SMTP = Simple Mail Transfer Protocol-Protocolo Simple de Transferencia de Correo

Es el protocolo estándar que permite la transferencia de correo de un servidor a otro mediante una conexión punto a punto. Éste es un protocolo que funciona en línea encapsulado (escondido, protegido.) mediante una trama de TCP/IP. Se envia directamente al servidor de coreos del destinatario

POP3 =  Post Office Protocol - Protocolo de la oficina de correo

Como su nombre lo indica, permite recoger el correo electrónico en un servidor remoto. Es necesario para las personas que no están permanentemente conectadas a Internet, ya que así pueden consultar sus correos electrónicos recibidos sin que ellos estén conectados

DNS = Domain Name System - sistema de nombre de dominio

Sistema de computadoras que se encarga de convertir (resolver) las direcciones electrónicas de Internet en la dirección IP correspondiente y viceversa. Componen la base del funcionamiento de las direcciones electrónicas en Internet y están organizados jerárquicamente.

ICANN = Corporación de Internet para la Asignación de Nombres y Números

¿porque?

Bueno como su nombre indica este será un blog dedicado a un curso de diseño y mantenimiento de páginas Web que inicie el pasado jueves 14 de octubre 2010 con duración de 1 año. Horario de 08:00 a 15:00.

Entonces porque este tío decide poner un blog?

Bueno porque mi profesor ha decidido que nos hagamos un blog para expresarnos i buscar información, es una buena iniciación para diseño y ir manteniéndolo….

Si no tiene ni idea de paginas Web?

Bueno pues el blog tratara de lo que me vayan explicando en el curso

Lo que me hagan copiar lo subiré, lo que me explique en programación lo subiré…

Si pruebo Dreamweaver y anda si haces esto es más sencillo si lo haces de la otra manera tanbien lo comentare

Os invito a que vayáis comentando pues eso esta mal explicado o directamente no vale, eso otro es útil…

saludos