Introduccion al Diseño Web
El diseño web es la actividad que consiste en la planificación, diseño e implementación de sitios y
páginas web.Requiere navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como audio, texto, Imagen y vídeo.El diseñador web entiende perfectamente que la unión de un buen diseño con una jerarquía de contenidos bien desarrollada aumenta la eficiencia de la web.
Internet
Es la interconexión descentralizada de redes informáticas, implementada en un conjunto de protocolos; sus orígenes se remontan a 1969, cuando se estableció la primera conexión informática denominada "ARPANET". Internet también se define como el conjunto de redes informáticas y equipos conectados físicamente por cables que conectan puntos en todo el mundo. pueden ser cables de red local, telefonía convencional, digital y canales de fibra óptica.
La web
Es una palabra inglesa que significa red o web, se designa como web al popular sistema de gestión de información mas popular para transmisión de datos a través del Internet. La Web es el conjunto de información que se encuentra en una dirección determinada de Internet,
Servicios que Ofrece Internet
- Correo Electronico
- Entretenimiento
- Grupos de Noticias
- Servicios Telefonicos
- World Wide Web (WWW)
Protocolos de Internet
La familia de los protocolos de internet es un conjunto de protocolos de red que se emplean para transmitir datos entre ordenadores a traves del internet. Existen mas de 100 protocolos cada uno especializado en una funcion o en un tipo de comunicacion concreta.
Un ejemplo es el protocolo HTTP, se emplea para la transmision de paginas web y el protocolo FTP, se emplea para la transmision de ficheros.
Otros ejemplos serian: ARP,POP,SMTP,LDAP.
Navegador
es un software que permite el acceso a la web, interpretando la informacion de diferentes tipos de archivos y sitios web para que estos puedan ser visualizados.
Google Chrome,
Opera,
Safari,
etc.
Buscador
Es un sistema informatico que busca archivos almacenados en servidores web gracias al internet.
Ejemplos: Hosting
Es un servicio de alojamiento para sitios web, un espacio para poder almacenar informacion, imagenes, videos o cualquier contenido accesible via web.
algunos ejemplos son:
Tipos de alojamientos web:
- Gratuito
- Compartido
- De Imagenes
- Revendedor
- Virtuales
- Dedicados
- Colocacion
Servidor Web
Es un programa que utiliza el "Protocolo de tansferencia de hipertexto (http)" para servir los archivos que forman paginas web a los usuarios, las computadoras y los dispositivos dedicados tambien pueden denominarse servidores web.
HTML
Es el formato estandar de las paginas web, es el lenguaje con el que se define el contenido de las paginas web. "Lenguaje de marca Hipertextuales" basicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que comprendan una pagina web.
El codigo fuente de un programa informatico es un conjunto de lineas de texto con los pasos que debe seguir la computadora para ejecutar dicho programa.
Css
Es un lenguaje de hoja de estilo, creado para controlar el aspecto o presentacion de los documentos electronicos definidos con HTML.
Pagina web
Es un documento HTML que es accesible generalmente mediante el protocolo de internet HTTP. Documento compuesto por texto, imagenes, audios o videos, a los que se acceder a traves de la "www".
Sitio web
Es un conjunto de paginas web que se encuentran relacionadas por el contenido y por un dominio de internet y que constituyen una gran red de informacion.
Se dividen en:
- Sitios web estaticos.
- sitios web dinamicos.
Clasificacion de Sitios Web
- Sitios de Entretenimiento.
- Sitios Comerciales.
- Sitios Informativos.
- Sitios Personales.
Estructura o Anatomia de una Pagina Web
Estrectura de una pagina web
Las paginas web estan compuestas por unos pocos elementos que se adaptan al contenido. los prototipos de paginas web presentan en dos o tres columnas, con un encabezado y pie de pagina. lo que distingue a las paginas web es la imaginacion y variedad utilizada en su construccion.
las imagenes de fondo o de color se utilizan para crear un lienzo para la pagina.
La clave para conseguir un gran sitio web, es vincular todos los elementos de una forma coherente y organizada.
La estructura es la siguiente:
Dreamweaver
Adobe Dreamweaver es una aplicación informática destinada a la construcción, diseño y edición de sitios y aplicaciones Web basados en estándares. Fue creada por Macromedia y tras la desaparición de esta compañía pasó a manos de Adobe Systems.
Adobe Dreamweaver CC es una aplicación de diseño y desarrollo web que utiliza una superficie de diseño visual conocida como Live View, un editor de código con características estándar como resaltado de sintaxis, finalización de código y colapso de código y funciones más avanzadas como tiempo real, comprobación de la sintaxis e introspección de código para generar sugerencias de código para ayudar al usuario a escribirlo. Combinado con una variedad de herramientas de administración de sitios, Dreamweaver permite a sus usuarios diseñar, codificar y administrar sitios web y contenido móvil. Dreamweaver es un entorno de desarrollo integrado (IDE). Puedes vivir la vista previa de los cambios para el frontend. Dreamweaver se posiciona como una herramienta versátil de diseño y desarrollo web que permite la visualización del contenido web mientras se codifica.
Dreamweaver, al igual que otros editores de HTML, edita los archivos localmente y luego los carga en el servidor web mediante FTP , SFTP o WebDAV .
Dreamweaver CS4 es compatible con el sistema de control de versiones Subversion (SVN) .
PHP
PHP es un lenguaje de programación interpretado del lado del servidor y de uso general que se adapta especialmente al desarrollo web. Fue creado inicialmente por el programador danés-canadiense Rasmus Lerdorf en 1994. En la actualidad, la implementación de referencia de PHP es producida por The PHP Group.
PHP es un lenguaje de programación destinado a desarrollar aplicaciones para la web y crear páginas web, favoreciendo la conexión entre los servidores y la interfaz de usuario.
Entre los factores que hicieron que PHP se volviera tan popular, se destaca el hecho de que es de código abierto.
Esto significa que cualquiera puede hacer cambios en su estructura. En la práctica, esto representa dos cosas importantes:
es de código abierto, no hay restricciones de uso vinculadas a los derechos. El usuario puede usar PHP para programar en cualquier proyecto y comercializarlo sin problemas.
está en constante perfeccionamiento, gracias a una comunidad de desarrolladores proactiva y comprometida.
Recomendaciones:
Ejemplos: 
Comentarios
Publicar un comentario