Diseño Web Trabajo Documento PDF

TRABAJO DISEÑO WEB #3
Luis Fernando Mora Aroca
Docente: Oscar Mauricio Melgarejo
UDI-2020
ACTIVIDAD # 1
1. ¿Qué diferencia hay entre internet y la www?
Mucha gente confunde la web con internet, pero internet ya existía antes que la web.
Normalmente, cuando se visita una página web, la dirección comienza con tres letras:
WWW. Son las siglas de Word Wide Web (o web) Existe desde 1989, cuando un físico
del CERN (Centro Europeo de Física Nuclear) llamado Tim Berners-Lee presentó su
primera propuesta para la web, un invento que cambiaría el mundo por completo.
Las diferencias entre el internet y WWW: Internet es un sistema mundial de
computadoras y www es un sistema de Hipertexto
Una de las principales diferencias que hay es que la www depende del internet para
funcionar en la computadora o dispositivo móvil para poder consultar la web, como,
por ejemplo, Google, Mozilla, Safari, Youtube, y demás navegadores web.
2. ¿Explica las propiedades de protocolo y el lenguaje

predeterminado de la web?
El protocolo usado para la comunicación con la web es la arquitectura cliente-servidor que
es un modelo de diseño de software en el que las tareas se reparten entre los proveedores
de recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Este
protocola resuelve las consultas DNS que es usado para que las apps intercambien
información del cliente.
Un cliente realiza peticiones a otro programa, el servidor, quien le da respuesta. Esta idea
también se puede aplicar a programas que se ejecutan sobre una sola computadora,
aunque es más ventajosa en un sistema operativo multiusuario distribuido a través de una
red de computadoras.
3. ¿Qué es un dominio?
El dominio web de tu sitio web es esencialmente el equivalente a una dirección
física. De la misma manera que un satélite necesita una dirección o un código postal
para dar direcciones, un navegador web necesita un nombre de dominio para
dirigirte a un sitio web. Todos los sitios web que visitas constan de dos elementos
principales: un dominio web y un servidor web.
4. ¿Explica la función de un browser de 2 ejemplos?

La función principal del navegador o browser es descargar
documentos HTML y mostrarlos en pantalla. En la actualidad,
no solamente descargan este tipo de documentos, sino que
muestran con el documento sus imágenes, sonidos e incluso
vídeos en transmisión en diferentes formatos y protocolos.
Ahora en la actualidad los 2 navegadores que controlan el mercado son Microsoft EDGE
Y Google Chrome
5. ¿Para qué sirve el sistema DNS?

Su principal función es actualizar la tabla de asociaciones cada vez que la ip cambia este
sistema asocia información variada con nombre de dominio asignado a cada uno de los
participantes. Su función más importante es "traducir" nombres inteligibles para las
personas en identificadores binarios asociados con los equipos conectados a la red,
esto con el propósito de poder localizar y direccionar estos equipos mundialmente.
6. ¿Explique FTP?
Es un protocolo de red para la transferencia de archivos entre sistemas conectados a
una red TCP (Transmission Control Protocol), basado en la arquitectura cliente-servidor.
Desde un equipo cliente se puede conectar a un servidor para descargar archivos desde
él o para enviarle archivos, independientemente del sistema operativo utilizado en cada
equipo.
7. ¿Explica el método de transacción de datos entre un cliente y un

servidor web?
Se trata de archivos pequeños que se almacenan en la máquina del usuario cliente y el
servidor web y guarda la información recopilada con respecto a los usuarios
8. ¿Qué son las cookies?

Una cookie es una pequeña información en viada por un usuario web y almacenada en
el navegador del usuario de manera que el sitio web puede consultar la actividad previa
del usuario
9. ¿Nombre y explique la función de 3 de los elementos que

componen a Internet Explorer?
• Barra de Estado: información sobre el navegador sitio y procesos entre ambos
• botón hacia: atrás permite volver a la página anterior
• El botón FAVORITES (Favoritos): permite consultar la lista de direcciones de las
páginas de Internet almacenadas para directamente acceder, sin necesidad de
escribir la dirección.
10. ¿Cuáles son las maneras de acceder a un sitio FTP?
Escribiendo en el browser o navegador en lugar de una dirección de internet se
trata de un FTP se agrega en vez de http:// Ftp://
Actividad # 2
1. ¿Qué es lo primero que hay que definir antes de comenzar
con la creación de un sitio?
Hay diferentes pasos a seguir para la creación de un sitio estos son los que sigo yo
• Define sobre qué tratará tu sitio web.

• Adquiere un dominio web llamativo.
• Adquiere el servicio de hosting web.
• Elige en qué plataforma crearás tu página web.
Primero lo primero, tienes que decidir sobre qué tratará tu sitio web. Hay muchas ideas
de sitios web que vale la pena considerar, y con la ejecución correcta, tienen el
potencial de generar muy buen dinero online.
Comienza por decidir el propósito principal y la funcionalidad que deseas tener.

Algunos de los tipos de sitios más populares incluyen:
Sitios web de comercio electrónico. Las tiendas online son uno de los tipos de sitios más
visitados en la actualidad. Con la popularidad del dropshipping creciendo cada vez más
rápido, cualquier persona tiene la oportunidad de iniciar un negocio online en paralelo
a su trabajo principal. Puedes vender tanto productos digitales como físicos a grandes
audiencias de todo el mundo (lo que no sería tan simple con una tienda física).
2. Explique para qué sirve un mapa de sitio y la mejor manera de

armar su estructura.
Para conseguir una buena experiencia de usuario, toda página debe tener una
estructura web con una serie de elementos que faciliten la navegación. Vamos a ver
cuáles son esas partes de la web.
Un mapa de sitio web (o mapa de sitio o mapa web) es una lista de las páginas de
un sitio web accesibles por parte de los buscadores y los usuarios. Puede ser tanto
un documento en cualquier formato usado como herramienta de planificación para
el diseño de una web como una página que lista las páginas de una web (ya
realizada), organizadas comúnmente de forma jerárquica.
¿Sabías que la estructura web también influye en el posicionamiento web? El
posicionamiento SEO depende de muchos factores: contenidos de valor, la
velocidad de carga, pero también de la estructura interna de enlaces.
3. además de los objetivos, ¿qué otro factor es fundamental

para comenzar a definir contenidos?
La comparación e incorporación de nuevas ideas será fundamental. Finalmente, estaremos
listos para pensar en estructurar nuestras ideas, es decir, darle forma y diseño a todo lo
planteado Será de vital importancia realizar un esquema en papel o de forma digital
(diagrama o diseño en programas de ilustración) de la estructura de cada página y sección
de nuestro sitio. Luego se puede empezar a definir el aspecto visual.
4. ¿De qué dos maneras podrán hacerse los bocetos de las

páginas?
Un Wireframe se divide en tres componentes:
• Diseño de información, es el área del diseño gráfico que representa la información

de manera efectiva para una comunicación clara. Estos elementos informativos
deben estar ordenados de manera que reflejen los objetivos de la empresa
(compra, registro, descarga.).
• Diseño de navegación relación entre los enlaces de la página web de forma que los
usuarios entiendan las opciones de navegar en el sitio. Este diseño da una vista de
manera global, de la ubicación y desplazamiento a través de las diferentes páginas
de un sitio web.
• Diseño de interfaz El diseño de la interfaz incluye seleccionar y ordenar los
elementos de la interfaz para permitir a los usuarios interactuar con la
funcionalidad del sistema.
• El objetivo de este diseño es facilitar la usabilidad del sitio online. Elementos del
diseño de interfaces son: botones de acción, campos de texto, cajas de verificación,
botones radiales y menús desplegables.
5. ¿Qué función básica cumple un director artístico?

La función principal de un director artístico es usar la creatividad para plasmar
las ideas a nivel visual. Trabaja con una pareja creativa, conocida como dupla, y
que es el copy o redactor publicitario. Entre ambos piensan en conceptos y
piezas que respondan a las demandas de los clientes (plasmadas en los
briefings).
6. ¿En qué consiste la fase de producción?

la etapa de producción, en la que será necesario mantener un contacto directo con
el cliente y con todo el equipo que esté trabajando con nosotros en el proyecto
(creativos, diseñadores, programadores, etc.).
7. ¿Cuál es el mejor método para seleccionar una idea para la

dirección artística de un sitio web?
la hora de comenzar a armar los diagramas de cada área, sección o página del sitio,
será importante tener en claro qué significan dos conceptos. Estructura se refiere a
la forma que tendrá el sitio en sus secciones, funciones y sistemas de navegación.
En cambio, el diseño implica las soluciones gráficas que se implementarán en el
sitio, como los colores, las formas, viñetas, etc.
8. Enumere tres etiquetas básicas para el formateo de texto en

HTML, sus propiedades y sus modificadores.
1. <P>: Sirve para delimitar un párrafo. Inserta una línea

en blanco antes del texto.
2. <CENTER> ... </CENTER>: Permite centrar todo el
texto del párrafo.
3. <PRE WIDTH=x> ... </PRE> : Representa el texto
encerrado en ella con un tipo de letra de paso fijo.
Muy útil a la hora de representar código fuente. El
parámetro WIDTH especifica el número máximo de
caracteres en una línea.
9. ¿Cuál es el tag para insertar imágenes en un documento de
hipertexto? Explique sus modificadores.
• <IMG> al que será muy importante agregarle sus modificadores. El modificador

principal es SRC=origen, donde en origen debemos especificar la ruta completa que
indique dónde está ubicado el archivo
• El segundo modificador relevante es el de texto alternativo, que se
indica con el comando ALT=“Texto”. Este texto puede servir como nota
o dato complementario a la imagen, y será el que se mostrará cuando
el usuario pase el ratón sobre la imagen. Por ejemplo, para la imagen
anterior, podríamos escribir lo siguiente: <IMG
SRC=imágenes/img1.jpg ALT=
10. ¿Cuál es el tag para insertar links? Explique sus

modificadores.
Para insertar un enlace, la etiqueta que vamos a usar es muy fácil de recordar: <a>. Sin
embargo, necesita un atributo, href, que indica la página a la que debería llevar el enlace.
Por ejemplo el código que está a continuación lleva a Google, localizado en la dirección
http://www.google.com

Diseño Web Trabajo Documento PDF

Cargado por

Copyright:

Formatos disponibles

Diseño Web Trabajo Documento PDF

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Diseño Web Trabajo Documento PDF

Cargado por

Copyright:

Formatos disponibles

TRABAJO DISEÑO WEB #3

Luis Fernando Mora Aroca

Docente: Oscar Mauricio Melgarejo

2. ¿Explica las propiedades de protocolo y el lenguaje

4. ¿Explica la función de un browser de 2 ejemplos?

5. ¿Para qué sirve el sistema DNS?

7. ¿Explica el método de transacción de datos entre un cliente y un

8. ¿Qué son las cookies?

9. ¿Nombre y explique la función de 3 de los elementos que

• Define sobre qué tratará tu sitio web.

Comienza por decidir el propósito principal y la funcionalidad que deseas tener.

2. Explique para qué sirve un mapa de sitio y la mejor manera de

3. además de los objetivos, ¿qué otro factor es fundamental

4. ¿De qué dos maneras podrán hacerse los bocetos de las

• Diseño de información, es el área del diseño gráfico que representa la información

5. ¿Qué función básica cumple un director artístico?

6. ¿En qué consiste la fase de producción?

7. ¿Cuál es el mejor método para seleccionar una idea para la

8. Enumere tres etiquetas básicas para el formateo de texto en

1. <P>: Sirve para delimitar un párrafo. Inserta una línea

• <IMG> al que será muy importante agregarle sus modificadores. El modificador

10. ¿Cuál es el tag para insertar links? Explique sus

También podría gustarte