Diseño Web

 Introduccion al Diseño Web


Diseño web es la actividad consiste en la planification. que diseño Y implementación de sitios web paginas web requiere navegabilidad interactividad, usabilidad, arquitectura de la información, y la interacción de medios como: el audio, texto, imagen y video.


El disenador web comprende perfectamente Unión de un buen diseño con una jerarquia bien, que elaborada de contenidos aumento la eficiencio delauch


Internet es la interconeción de sentralizada de redes de computadora implementada en un conjunto de protocdos. Sus origenes se remontan a 1969, cuando se establecio la primera coneccion de compuladoras Mamadas ARPANET Tambien se define el internet como el conjunto de redes de ordenadores 4 equipo fisicamente unido mediante cables conectan puntos en todo el mundo. Estos que cables pueden ser cables de red blocal, telefónicos convencionales, digitales, canales de fibra óptica.

Funcionamiento de la web para la visualización de uno pagina web, se comienzo tecleando la URL de lo pagino en el navegador, o bien siguiendo de ipertexto un enlace 

Proceso que el usuario no ve es el siguiente.

a) Decodifica el nombre la URL, a uno dirección IP usando la base de datos ONS, con la direccion IP se localizo el servider web en donde esta la información

b) se envia una peticion HTTP al servidor web

Solicitando la informacion

c) Después de tesivir cl savidor la información solicitado. d navegador despliega la información de lo págino

Segun alla sido codificada en HTML cosy otros. lenguajes de programación

Web Es una palabra inglesa que significa red o telaaraña se designa como la web al sistema de gestion de información más popular para la transmicion de datos alravez del internet.

La web es el conjunto de información Se encuentra en una dirección determinada de internet.

Servicios que ofrece el internet = Comunicación, Entretenimiento, correo electrónico, Servicio de telefónia, (www) grupos de noticias,

Prolocolos de Internet

La familia del protocolo de internet. es un conjunto de protocoles de red que se emplean para transmitir da los entre ordenadores atravet de internet

Qué es un navegador? 

Es un software que permite el acceso a la web, interpretando la information de distintos tipos de archivos Sitiosweb para queestos puedan ser visualizados.

Ejem, Chrome opera, internet splor, microsos engle, Mocila Firefox Safari

Buscador, es un sistema informatico almacen ados en servidores web que gracias busca archivos al internet

Ejem Google, Yohoo, Bing, Alta Vista

Hosting : es un servicio de alojamiento para sitio web espacio para poder almacenar información, imagenes, video о cualquier contenido accesible via web

Tipos de alojamientos web:

Gratuito

Compartido

De imagenes

Reveendedor

Virtuales

Servidores dedicados

Colocacion

Servidor web • es un programa que utilizan el

protocolos de tranferencia de hipertexto (HITP) pares servir los archivos que forman paginas web

a los usuarios + las computadoras log dispositivos dedicados tambien pueden denominaree (dispositivo,? Servidores web..

HTML, es el formato estandar de las paginas web, es el lenguaje con el que se define el contenido de las páginas web.

Lenguaje de marcas ipertextuales basicamente se trata de un conjunto de etiquetas que sirven para definir el.

texto web. otros elementos que compondran una pagina.

ย codigo fonte de lineas de texto programo informatico es un como los pasos que de be es on conjunto de seguir computadora para gucular dicho programa..

Hipertexto • es un conjunto extructurado de texto, gráficos. imágenes o sonidos unidos entre si por enlaces. Vinculos 4 conexiones logicas actualmente el hipertexto

esta siendo remplazado por la hipermedia

Pagina web, = es un documento HTML que es accesible generalmente mediante el protocolo de internet HTTP. Documento compuesto. texto video imagenes, audios los que se puede acceder atravez de la www.

Sitio web es un conjunto de encuentran relacionadas dominio de internet de información por páginas web el contenido 4 que constituyen que se7 Y por un gran red

Hay dos tipos de sitios web, sitio web estático 4 sitio web dinamico.opm..bou, you get sta

Elementos de una pagina web.

Texto

Imágenes

Audio

Animaciones

Videos

Contenido Scripts

Estructura o Anatomia de una pagina Web.


Estructura de una pagina web


Las páginas web cotain compuestas por unas pocos dementos que se adaptan al contenido. Los prototipos de pagina web se presentan en dos o tres columnas Con un encabezado los sitios web co la y pic de pagina, lo que distingue imaginacion y variedad, utilizada en su construcción, beneralmente la cabecero de web aparece en la parte superior de la. pagina, un sitio el pic de la pagina en la parte inferior de lo mismo y d contenido principal en el medio

Las imagenes de fondo o de color crear un lienso para La pag. se utilizan paro

Lo clave para conseguir un gran sitio web es vincular todos Los elementos de una forma coherente y organizada

La estructura de una pagina web co lo siguiente

Encabezado contenido

Pie de pag

Elementos Hexa el encobetado de una pagina web que Logo menú de novegación, publicidad, mombre de lo pagina donde se encuentra actualmente.

El texto debe se legible y puede cambiar de su grosor


Contenido: el contenido de una pagina web debe ser ما mas esencial, este contenido debe de llevar diseño y aplicar los fundamentos de diseño,


Logotipo: : debe de tener diferentes tamaños ubrcados en el encabezado, 1 pie para ser de página. menú de navegación. El logotipo leva el enlace a lo pagina inicio. Muchas empresas editan el logotipo según la temporada en que se encuentra dupe

 Introduccion a HIML y CSS

¿Que es HTML?

El lenguaje HTML es un  estandar reconocido en todoy cuyas normas define un organismo sin animo de lucro llamador world wade keh Consortium, mas conocido como W3C..

Qué tipo de Lenguaje es  HTML?

HTML lenguaje de etiquetas (tambien llamado Lenguaje de  marcado).

Qué es CSS?

CSS es el  mecanimo que permite  separar los contenidos definidos mediante  XHTMLy el 
aspecto que deben presentar esos contenidos.


Investigar la función de las siguientes etiquetas

<Doctype>

<html> </html>

<head> </head>

<title></title>

<body> </body>

<p> </p>

<h1> <h2> <h3> <h4> <h5> <h6>
A continuación, se muestra el código HTML de una página web muy sencilla:

<html>
<title>El primer documento HTML</title>
<head>
</head>
<body>
<p>El lenguaje HTML es <strong>tan sencillo</strong> que prácticamente se entiende sin estudiar el significado

de sus etiquetas principales.</p>
</body>
</html>
De esta forma, se utiliza la misma etiqueta <a> para todos los enlaces de la página y se utilizan los atributos para  indicar la dirección a la que apunta cada enlace. Ejemplo2:

<html>
<head>
<title>Ejemplo de atributos en las etiquetas</title>
</head>
<body>
Los enlaces son muy fáciles de indicar: <>Soy un enlace incompleto, porque no tengo dirección de destino</> <a href="http://www.google.com">Este otro enlace apunta a la página de Google</>

</p>
</body>
</html>
Si se considera el siguiente ejemplo3:

<title>Ejemplo de elementos en línea y elementos de bloque</title>
<p>Los párrafos son elementos de bloque.</p>

<<href="http://www.google.com">Los enlaces son elementos en línea</> <>>Dentro de un párrafo, <a href="http://www.google.com">los enlaces</>

siguen siendo elementos en línea.</p>

</body>
<html>




Comentarios