Post on 11-Aug-2015
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