Você está na página 1de 23

¿Qué ES DISEÑO WEB?

PROPOSITO

• Conocer las herramientas para el


diseño web
• Conocer la estructura de una pagina en
HTML
• Conocer las principales etiquetas HTML
• Conocer Bootstrap
Diseño Web
El Diseño web, es la planificación de
paginas o sitios web, se le considera
dentro del diseño multimedia, e involucra
la utilización de diversas elementos así
como programas especiales y
conocimientos de protocolos de red.

Este es una actividad de gran importancia


en nuestros tiempos ya que gracias a
internet cualquiera tiene acceso a la
información en esta, y otorga a sus
propietarios la mayor publicidad conocida.
1- Encabezados Sobredimensionados x
2 – Tipografía Innovadora x
3- One Page Web x
4- Imágenes Enormes x
5 - Tridimensionalidad x
6 - Pies de paginas con muchas ligas x
7 – Formato Revista x
C re a c i ó n d e un Website

HTT HTM
P L

HTML Java Script


5
C re a c i ó n d e un Website

Hostin UR
g L

Dominio Web Master


s
HERRAMIENTAS
EDITOR DE TEXTOS PARA EL CODIGO
HTML

• SUBLIME TEXT 3
• DREAMWEAVER
PRACTICA
ESTRUCTURA DE ETIQUETAS EN HTML
<html>
<head>
<title> Curso Diseño Web </title>
</head>
<body>

Música, Imagenes, Videos, etc...

</body>
</html>
Solución de acentos y ñ
<head>
<title>Curso Diseño Web </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>

Es un meta que nos Indica que el contenido de tipo texto html


tenga la caracteristica UTF-8
Agregando etiquetas HTML
<body>

<font size="10" color="#B920BE" face="arial">


<center>
<b>
<i>
<u>
CURSO DISEÑO WEB
</u>
</i>
</b>
</center>
</font>
Agregando párrafos
<p>
El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es
simplemente una aplicación de diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad,
usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y video.
</p>

<p>
La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web
como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el
productor y el consumidor de contenidos.
</p>

<p>
El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World
Wide Web. A menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas
en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.
</p>

</body>
Agregando imágenes

<br>
<center>
<img src=“imagen1.png" width="20%" height="20%" >
</center>

</body>
Agregando fondo de pagina

<body background="textura.jpg">
Iniciando bootstrap
Bootstrap es un framework desarrollado y liberado por
Twitter que tiene como objetivo facilitar el diseño web.
Permite crear de forma sencilla webs de diseño
adaptable, es decir, que se ajusten a cualquier
dispositivo y tamaño de pantalla y siempre se vean
igual de bien. Es Open Source o código abierto, por lo
que lo podemos usar de forma gratuita y sin
restricciones.
Insertar código Bootstrap en mi pagina