COMPUTO 3

                                  

                                     COMPUTO 2

                     

3.1 LENGUAJE HTML 5 Y CSS 3

HTML : Sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web

¿Que es HTML? Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros

Que son las etiquetas? Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que tienen funciones y usos específicos y se utilizan para escribir código HTML

Etiquetas básicas son:  

Apertura	Cierre
<html>	</html>
<head>	</head>
<body>	</body>
<p>	</p>

Actividad 

UNIDAD 3 HERRAMIENTAS PARA LA CREACIÓN DE SITIOS WEB

2.4.4 ANIMACIÓN

¿Que formatos de animación podemos usar en un sitio web?  
En Internet se utilizan principalmente dos tipos de archivos gráficos GIF y JPG, pensados especialmente para optimizar el tamaño que ocupan en disco, ya que los archivos pequeños se transmiten más rápidamente por la Red.

¿Cuales son los principales usos que se da a la animación en un sitio web?
La animación web se utiliza para publicidad banners detalles de diseño  efectos botones animados etc.

¿Indique que animación utilizaría para una galería, logotipo de empresa y Banners 

Para una galería se podría utilizar la animación GIF  ya que atrae al usuario
Para un Logotipo utilizaría PNJ  por mayor transparencia y menos costos 
para un Banners utilizaría JGP ya que tiene una gran compatibilidad 

2.4.3 IMÁGENES

¿QUE FORMATO DE IMAGEN ES EL MAS  ADECUADO PARA UN SITIO WEB?

JPEG, GIF, PNG

Que elementos debe considerar para Elegir un formato de imagen? 

podemos distinguir dos grandes grupos de imágenes digitalizadas: aquellas que están descritas en base a fórmulas matemáticas que definen su relleno y contorno, llamadas vectoriales y las que se encuentran descompuestas en píxeles, es decir, pequeños cuadraditos de color que, al observarse todos en conjunto proporcionan la representación total de la imagen

 INDIQUE QUE FORMATO UTILIZARÍA PARA: 

*Galeria topografica

*Logotipo de empresa 

*Fondo de Pagina 

Bueno para la galeria utilizaria un formato AL, CDR, 

Para el logotipo utilizaria: GIF 

Y para un fondo de pagina seria : JPEG GIF 

2.4.2 TIPOGRAFÍA

¿Que es la tipografía? Técnica de imprimir textos o dibujos, a partir de tipos o moldes en relieve que, entintados, se aplican sobre el papel

¿Como elegir la tipografía adecuada a un sitio web?  

La definición de las fuentes de la página web debe hacerse teniendo en cuenta que éstas reciben distinto nombre en los sistemas Windows y Mac. La fuente elegida puede no estar disponible en el ordenador del usuario por lo que conviene usar fuentes genéricas. En último caso se puede recurrir a usar una imagen GIF para reproducir fielmente un breve texto con tipografía poco habitual. No conviene usar más de dos tipos distintos de letra en una misma página.

Cual es la diferencia entre la tipografía serif y sans-serif? 

Una fuente Serif es un tipo de letra que se usa en los medios de comunicación tradicionales como los periódicos o los libros. La principal diferencia entre las letras Serif y Sans Serif es que las Serif tienen detalles adicionales en los bordes de los contornos de las fuentes. Un ejemplo clásico de fuente Serif es Times new Roman. Las fuentes Serif también se conocen como tipo Roman.

Por otra parte, las fuentes Sans Serif son, literalmente, fuentes "sin Serif" (Sans significa sin en francés). Los tipos de letra Sans Serif también se conocen como Grotesque o Gothic. Algun buen ejemplo de letras tipo Sans Serif son Arial y Calibri

Cuantos estilos de fuentes son recomendables utilizar en un sitio web? 

Utiliza máximo tres tipos de letras 

2.4.1 COLORES EN LA WEB

¿CUAL ES LA IMPORTANCIA EN EL DESARROLLO DE LA WEB?

Para los diseñadores web el color es una herramienta imprescindible que poseemos para poder captar la atención del usuario. Hay una relación directa entre el color y los elementos de una composición, alterar el color de un objeto puede repercutir en la valoración jerárquica que se haga. 

¿COMO ELEGIR LOS COLORES O PALETA DE COLORES A UTILIZAR EN UN SITIO WEB?

Cuando se crea un sitio web, la elección de los colores es una tarea delicada, a pesar de parecer fácil. Seleccionar una correcta paleta cromática es importante para comunicar eficazmente el mensaje, crear conciencia de marca y alcanzar a nuestra audiencia.

¿CUANTOS COLORES ES RECOMENDABLE UTILIZAR EN UN SITIO WEB?
Colores no tan fuertes a no ser que sea el primario como lo es el negro el blanco el azul el rojo ya que si unimos todos esos colores seria un caos  el sitio y se pueden utilizar de 3 a 5 colores

INDIQUE QUE COLORES UTILIZARÍA SI TUVIERA QUE DESARROLLAR UN SITIO DE
*PANADERÍA
*UN KINDER
*BUFETE DE ABOGADOS
*PERFUMERÍA Y ARTÍCULOS DE BELLEZA
* INSTITUCIÓN DE GOBIERNO

*Para la panadería utilizaría los colores de café, blanco
*Para el Kinder seria azul amarillo y negro
*Bufete seria negro con blanco
*Para la Perfumería seria colores rosado, naranja, celeste
*Institución seria blanco, negro y azul

2.4 COLORES TIPOGRAFÍA, IMAGEN Y ANIMACIÓN EN LA WEB

ESQUEMA 

2.3 GÉNEROS DE SU SITIO WEB

Diseño Web

Ingresar a los siguientes sitios web y reflexionar sobre lo siguiente.

o   www.marca.com

o   Genero del Sitio: __Informativo_________

o   Elementos de diseño:  _Imágenes_Vídeo_Formulario__Audio__________________

o   Análisis: _Tiene_diversos_recursos_para_estar_en_armonía_con_las_demás_pagina

·         www.ugb.edu.sv

o   Genero del Sitio: _Educativo____Informativo_________________________

o   Elementos de diseño: ___Imágenes_Vídeos_Letras__Formularios__________

o   Análisis: _Es_un_sitio_de_unidad_ya que _requiere_de_varios_elementos_que___

_lo_hacen_unico____________

·         www.siman.com.

o   Genero del Sitio: ____Comercial________________________________________

o   Elementos de diseño: Imágenes__Formaularios_de_compra_en_linea_________

o   Análisis: Es_un sitio _con buen_constraste_ya_que_se_enfoca_mucho_en_los_____

___colores__y_las_formas__de_como____esta____estructurado_____________

·         _______http://www.realmadrid.com__________________________________

o   Genero del Sitio: ___Deportivo__Informático____________________________

o   Elementos de diseño: _Imagenes_Videos_Formularios__de compras_______

o   Análisis: _Es_un sitio_de_armonia_donde__reune _varios_elementos___

_tiene__un___buen_contraste__y___un__secuencia__ya__que_tienen___un______oreden___________________________________________________

·         _______www.elgrafico.com_________________________________

o   Genero del Sitio:   Informativo_________________________________________

o   Elementos de diseño: _Video_audio__imagenes_____________________________

o   Análisis: _tiene_un equilibrio_ya_que_tiene_buen_tono_es__secuencial__________

_tiene__un_orden_______________________

ESTUDIANTE: _Carlos_Francisco__Coca__Aguilar__ 

2.2 METODOLOGÍAS PARA LA CREACIÓN DE SITIOS WEB

ACTIVIDAD 

• Mencione 5 herramientas para el desarrollo de sitios web

1.  Adobe Dreamweaver
2. Microsoft Expressions Web 
3. Coda 2
4. Amaya
5. Blueflish

2.1.2 PRINCIPIOS BÁSICOS DE DISEÑO

ACTIVIDAD 

Mencione los principios básicos del diseño y para cada uno de ellos describa cuando son aplicables.

• UNIDAD: Cuando todas las partes tienen que unirse para generar un efecto generalizado tanto en publicidad como en contendido incluyendo texto video y muchos otros componentes 

• ARMINIA : La idea es que todos elementos del sitio web sean compatibles .

• SECUENCIA: El sitio web debe de verse ordenado para que se pueda leer de izquierda a derecha.

• ÉNFASIS: Esto lleva a que un elemento resalte mas que los demás. 

• CONSTASTE: Se requiere que sea de diferente forma, tamaño, estilo para que el lector no se aburra.

•  EQUILIBRIO: Se refiere a el tamaño, tono, peso del contenido para que la pagina no tenga sobre carga de información que no se necesita 

2.1 PRINCIPIOS BÁSICOS DE DISEÑOS WEB

ACTIVIDAD

¿Que es una pagina web?
Es un documento electrónico que forma parte de la WWW (World Wide Web) generalmente construido en el lenguaje HTML (Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto) o en XHTML (eXtensible Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto Extensible)

¿Que es un sitio web? 
es una colección de páginas de Internet relacionadas y comunes a un dominio de Internet o sub dominio en la World Wide Web en Internet. Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.

¿Que es un diseño web?
 es una actividad que consiste en la planificación, diseño e implementación de sitios web. Un diseñador web tiene que ver con cómo crear y desarrollar un pagina web así también como los clientes interactúan con ella.

UNIDAD 2 GENERALIDADES PARA EL DISEÑO DE SITIOS WEB

1.6.2.3 INTERNET 2

Es un consorcio sin ánimo de lucro que desarrolla aplicaciones y tecnologías de redes avanzadas, la mayoría para transferir información a alta velocidad. El consorcio Internet 2 opera la Red Internet 2, una red telemática desarrollada principalmente por universidades estadounidenses que utiliza fibra óptica y provee servicios de red para la investigación y la educación, otorgando una red de prueba segura y un ambiente de investigación.

Sus Características son:  Las velocidades mínimas son:

• 622 Mbit/s para un miembro de (universidades y socios).
• 50 Mbit/s para un usuario particular.

1.6.2.2 WEB MOVIL

• Es un termino que se va acuñando recientemente y trata de la evolución hacia una web ubicua (continuo movimiento presente a un mismo tiempo en todas partes ) donde el objetivo primordial sera el de unir las inteligencias, para que tanto las personas como las cosas se puedan comunicar entre si para generar la toma de decisiones. 

1.6.2.1 WEB SEMÁNTICA

• Que es la web semántica: Es un conjunto de actividades desarrolladas en el seno de World Wide Web Consortium con tendencia a la creación de tecnologías para publicar datos legibles por aplicaciones informáticas. Se basa en la idea de añadir metadatos semánticos y ontológicos a la World Wide Web

1.6.1.2 WEB 2

ACTIVIDAD 

Brinde dos ejemplos para cada uno de los componentes de la web 2

• Las comunidades web: Facebook,  Twitter 
• Servicios web: YouTube, Google
• Aplicaciones web: Google Docs,  Picasa 
• Servicios de red social: Myspace, Instagram
• Los servicios de alojamiento de video: YouTube , blip.tv
• Las wiki: Wikispaces y Mediawiki 
• Los blogs: Tcblog y Btemplates 
• Mashups: Amazon y flickr
• Folkosonomía:  Bloglines y hellotxt

1.6.1.2 WEB 2 PRINCIPIOS

El servicio se mejora automáticamente  mientras mas personas lo usan: los usuarios agregan valores.

Algunos ejemplos de la web 2 son:

• Las comunidades web
• Los servicios web
• Las aplicaciones web
• Los servicios de web social 
• Los servicios de alojamiento de vídeos 
• Los wikis, blogs, mashups y folsonomía 

1.6.1.1 WEB 2 LA WEB SOCIAL / COLABORATIVA

WEB 2:
 comprende aquellos sitios web que facilitan el compartir información, la interoperabilidad, el diseño centrado en el usuario y la colaboración en la World Wide Web. Un sitio Web 2.0 permite a los usuarios interactuar y colaborar entre sí como creadores de contenido generado por usuarios en una comunidad virtual.

1.6.1 EVOLUCIÓN DE LA WEB 1 INTERNET BÁSICO

La web 1: 
Es la forma más básica de Web que existe. También se denominan webs estáticas o solo lectura, porque son páginas web, blogs o páginas que no permiten la interacción del usuario

1.6 WEB E INTERNET

¿Que es la web 2.0? comprende aquellos sitios web que facilitan el compartir información, la interoperabilidad, el diseño centrado en el usuario y la colaboración en la World Wide Web. Un sitio Web 2.0 permite a los usuarios interactuar y colaborar entre sí como creadores de contenido generado por usuarios en una comunidad virtual.

¿Que es la web 3.0 o web Semántica?  es un conjunto de actividades desarrolladas en el seno de World Wide Web Consortium con tendencia a la creación de tecnologías para publicar datos legibles por aplicaciones informáticas (máquinas en la terminología de la Web semántica). Se basa en la idea de añadir metadatos semánticos y ontológicos a la World Wide Web.

¿Que es la web 4.0? es un término que se va acuñando recientemente y trata de movernos hacia una Web Ubicua donde el objetivo primordial será el de unir las inteligencias, para que tanto las personas como las cosas se comuniquen entre sí para generar la toma de decisiones.

¿QUE ES EL INTERNET 2? es un consorcio sin ánimo de lucro que desarrolla aplicaciones y tecnologías de redes avanzadas, la mayoría para transferir información a alta velocidad. El consorcio Internet 2 opera la Red Internet 2, una red telemática desarrollada principalmente por universidades estadounidenses que utiliza fibra óptica y provee servicios de red para la investigación y la educación, otorgando una red de prueba segura y un ambiente de investigación.

1.5 ORIGEN Y COMO FUNCIONA EL INTERN

LINEA EVOLUTIVA DE SERVICIOS O RECURSOS DE LA WEB

1.5 ORIGEN Y COMO FUNCIONA EL INTERNET

LINEA DE TIEMPO DE INTERNET 

1.4 Direcciones de Internet

DEFINA CADA DIRECCIÓN Y CITE 5 EJEMPLOS DE CADA UNO 

DIRECCIÓN DE E-MAIL: . Dirección que se utiliza para identificar una cuenta de e-mail. A través de la dirección de email se puede contactar a una persona o entidad.

Ejemplos: 
carloscoca@gmail.com
veronicaaguirre45@hotmail.com
karlagonzales78@yahoo.es
seniaflores.lopez@Outlook.com
carloscoca@ugb.edu.sv

 DIRECCIÓN WEB: Un localizador de recursos uniforme, más comúnmente denominado URL, es una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que se usa para nombrar recursos en Internet para su localización o identificación, como por ejemplo documentos textuales, imágenes, vídeos 

Ejemplos: 
http://www.ugb.edu.sv/
http://www.marca.com/
https://www.facebook.com/
http://www.ebay.com/
http://www.laprensagrafica.com/

DIRECCIÓN DE IP: es un número que identifica, de manera lógica y jerárquica, a una Interfaz en red .

Ejemplos:

192.168.10.1
172.16.2.129
172.16.5.1
10.0.0.1
192.168.2.5

SERVIDORES DNS:  es un sistema de nomenclatura jerárquica para dispositivos conectados a Internet o a una red privada

1.3 Recursos que proporciona Internet

1.2 CARACTERÍSTICAS DE INTERNET

Esquema de características 

1.1 TERMINOLOGÍA BÁSICA

¿Que es el Internet?  es un conjunto descentralizado de red de comunicación  interconectadas que utilizan la familia de protocolo TCP/IP, lo cual garantiza que las redes físicas heterogéneas que la componen funcionen como una red lógica única de alcance mundial

¿Que es una red?  Una red de computadoras, también llamada red de ordenadores, red de comunicaciones de datos o red informática, es un conjunto de equipos informáticos y software conectados entre sí por medio de dispositivos físicos que envían y reciben impulsos eléctricos, ondas electromagnéticas o cualquier otro medio para el transporte de datos, con la finalidad de compartir información, recursos y ofrecer servicios.

¿Que es un navegador? es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser visualizados.

¿Que es un URL? Es un localizador  de recursos uniforme cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo

¿Que es un IP?  Es un número que identifica, de manera lógica y jerárquica, a una Interfaz en red de un dispositivo (computadora, Tablet, Laptop, Smartphone) que utilice el protocolo IP que corresponde al nivel de red del modelo TCP/IP

¿Que es un DNS?  es un sistema de nomenclatura jerárquica para dispositivos conectados a Internet o a una red privada

¿Que es un ISP? Un proveedor de servicios Internet (ISP) es una compañía que ofrece acceso a Internet, normalmente por una cuota.

UNIDAD 1 INTRODUCCIÓN AL INTERNET

Bienvenidos

Saludos.......
Mi nombre es Carlos soy autor de este blog del cual pondré comentarios y saludos a todos los colegas de la materia Web y Comercio Electrónico I
Feliz Domingo..!!!