Aplicaciones web

HTML,CSS, JAVASCRIPT, JQUERY,AJAX

@twcapmCarlos A. Pinzón

Que compone una web

* Texto* Imagenes* Colores* Objetos

* Videos* Audio* Formularios* Etc.

Textos

La fuente (o texto) debe de ser legible, debe de tener un tamaño entendible y debe de diferenciar

entre títulos y párrafos.

Imagenes

Las imágenes deben de tener calidad, deben de hacer

referencia y apoyo para el contenido.

Colores

Los colores deben de tener armonía, deben de combinar y no debe de cansar al usuario.

HTML

Es importante conocer este lenguaje ya que cuando se realizan

aplicaciones web mas de un 40% del contenido del proyecto lo utiliza

Algunas etiquetas importantes y con mayor frecuencia de utilización.

Maquetar

Un poco más completo

Hagamos un ejemplo

Para hacer html se puede trabajar en cualquier editor de texto o en editores avanzados:

•notepad, notepad ++, ultraedit, dreamweaver, sublime, suite visual studio, etc.

Maquetarli a #menu

#slider o imagen

#cuerpo

#formulario

#pie de pagina

#contenedor

CSS

Lenguaje de hojas de estilos creado para controlar el aspecto o presentacion de los documentos electrónicos (HTML,XHTML)

CSS

Hoy en dia es muy utilizado porque facilita el trabajo en relación de aspecto para los

diferentes navegadores.

Clases, selectores de clase,selectores de ID,etc

#contenido{}

.campo{}

Aplicacion del css al ejemplo

Los archivos css al igual que los html pueden ser trabajados en

cualquier editor de texto, se deben guardar con la extension .css

Con lo anterior podriamos determinar

como puede estar hecho la página principal de

google?

Responsive web Design

Actualmente se aplica este tipo de tecnica para que los sitios web se adapten al ancho del dispositivo

en el que se esta navegando.

.NET

Para todos debe ser claro que .net no es un lenguaje es una forma de programar, una tecnologia sobre

la cual muchos hoy dia colaboran.

Recursos•http://www.google.com/fonts/

•https://edgewebfonts.adobe.com/fonts

•http://icomoon.io/#home

• http://www.w3schools.com/html/html_colors.asp

•http://www.temaplatemo.com