Entregas 1er Parcial

Febrero 10-14 1er Parcial  

TODAS LAS ENTREGAS SON DIGITALES AL CORREO:

juanban8@gmail.com

( De preferencia genera 1 solo documento con los 5 ejercicios)

1. Entregar boceto(s) de la página web que vas a desarrollar, puedes hacerlo con lápiz, pluma, etc. Y previamente escanearlos o fotografiarlos  para que lo envíes digital, o puedes hacerlo desde un software de diseño.   (Valor 4 puntos)

2. Dentro de los bocetos especificar, medida a usar de tu página y al menos de 5 objetos medidas en pixeles. (Valor 2 puntos)

3. Investigar que es un servicio de hosting o Hospedaje Web. Buscar 2 páginas web que se dediquen a esto y comparar paquetes, tarifas y servicios que brindan.    APUNTAR UNICAMENTE las páginas web que usaste para comparar el servicio de Hosting y has un breve resumen o explica que servicio web comprarías y ¿Por qué? (Valor 2 puntos)

4. Apunta el nombre de al menos 4 navegadores de internet (Valor 1 punto)

5. Apunta al menos 2 medidas de resolución de pantalla estándar para una página web (Valor 1 punto)

INTERNET, HTTP, HTML

BOCETAJE

 ESTRUCTURA DE PAGINA

 Siempre hay que pensar la navegación de nuestras páginas web o Sitio que sea funcional para el usuario.
Normalmente cuando una página tiene mucha información desplegada en diferentes páginas el uso de una "Búsqueda(Search)" , facilita la navegación al usuario .


TAMAÑOS DE PANTALLA

EJEMPLOS DE BOCETOS

http://www.samhsa.gov/

http://www.cartoonity.com/

ENLACES

Enlaces

Query de Adobe  para Galeria
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=2127022


Tags HTML y CSS
http://www.virtualnauta.com/html-caracteres-especiales


Pagina Intro HTML

http://b11introduccionhtml.blogspot.mx/

Conversor de Videos a Webm,ogg,mp4
http://www.mirovideoconverter.com/


Utilidades y Fuentes de libre uso

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

http://www.fontsquirrel.com

http://www.fontex.org

http://www.openfontlibrary.org

http://www.web-desings.com/2012/08/02/20-excelentes-slider-show-para-utilizar-en-tu-web.html

WIX 
http://es.wix.com/

Template Monster
http://www.templatemonster.com.mx/


WordPress
http://es.wordpress.com/

Página de caracteres especiales (acentos, signos)

http://www.virtualnauta.com/html-caracteres-especiales

Página de Tags html

http://www.htmldog.com/reference/htmltags/

Página de nombres o números hex de colores.

http://www.centerkey.com/colors/

Temario

1. TECNOLOGÍA
   1.1 HTML
   1.2 CSS style-sheets
   1.3 JavaScript
   1.4 Java
   1.5 Flash

2. HYPERTEXT
   2.1 Definición
   2.2 Historia
   2.3 Hipertexto y ser humano

3. ESTRUCTURACIÓN
   3.1 Sidemapping
   3.2 Storyboard
   3.3 Otras técnicas

4. TECNICAS DE BOCETAJE

5. EDITORES

6. ADMINISTRACIÓN DE CONTENIDOS (CONTENT MANAGEMENT SYSTEMS)