En esta presentación les muestro algunos aspectos a tener en cuenta antes de iniciar un proyecto web.

1. Aplicaciones web
HTML,CSS, JAVASCRIPT,
JQUERY,AJAX
@twcapm
Carlos A. Pinzón

2. Que compone una web
* Texto
* Imagenes
* Colores
* Objetos
* Videos
* Audio
* Formularios
* Etc.

3. 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.

4. Imagenes
Las imágenes deben de tener calidad,
deben de hacer referencia y apoyo
para el contenido.

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

6. HTML
Es importante conocer este lenguaje ya
que cuando se realizan aplicaciones
web mas de un 40% del contenido
del proyecto lo utiliza

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

8. Maquetar

9. Un poco más completo

10. 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.

11. Maquetar
li a
#menu
#slider o imagen
#cuerpo
#formulario
#pie de pagina
#contenedor

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

13. CSS
Hoy en dia es muy utilizado porque
facilita el trabajo en relación de
aspecto para los diferentes
navegadores.

14. Clases, selectores de
clase,selectores de ID,etc
#contenido{}
.campo{}

15. 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

16. Con lo anterior podriamos
determinar como puede estar
hecho la página principal de
google?

17. 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.

18. .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.

19. Recursos
• http://www.google.com/fonts/
• https://edgewebfonts.adobe.com/fonts
• http://icomoon.io/#home
• http://www.w3schools.com/html/html_colors.a
sp
• http://www.temaplatemo.com