Portafolio diseño digital Priimer bimestre

Introducción a Internet
 Que es internet/ como funciona

 Dominio- hosting

 URL/WWW/intranet/http/html

 Etiquetas html

 Diseñar una pagina web en html

 Enlaces/ atributos de texto/ backgroung/ imagenes

Qué es internet?
 Es un conjunto descentralizado de
redes de comunicación interconectadas
que utilizan la familia de protocolos
TCP/IP, garantizando que las redes
físicas heterogéneas que la componen
funcionen como una red lógica única, de
alcance mundial.

En palabras sencillas, la Internet es un conjunto de computadoras conectadas
entre si, compartiendo una determinada cantidad de contenidos; por este
motivo es que no se puede responder a la pregunta de donde está la Internet
físicamente - está en todas las partes donde exista un ordenador con
conectividad a esta red.

Como funciona el internet
 El primer paso es lograr su interconexión física, para lo que se
emplean sistemas muy diversos:Redes de área local, por lo
general basadas en el estándar Ethernet. Son las más utilizadas
en redes corporativas de empresas u organizaciones, con
extensiones menores de 2 Km. Enlaces nacionales, con líneas
de usos exclusivos o compartidos (de una compañía
telefónica).Enlaces internacionales, proporcionados por
compañía de comunicaciones con implantación internacional.
Pueden utilizar cableado convencional, fibra
óptica, satélites, enlaces por microondas, Además, muchos
usuarios utilizan módems para conectarse desde sus casas, a
través de llamadas telefónicas comunes, a proveedores de
comunicaciones que dan, a su vez, acceso a Internet. El uso de
líneas RDSI (Red Digital de Servicios Integrados) es cada vez
más frecuente, como solución de futuro para conectar a
usuarios particulares a las redes de información de alta
velocidad

Dominio
 Un dominio de Internet es una red de identificación
asociada a un grupo de dispositivos o equipos
conectados a la red Internet.

 El propósito principal de los nombres de dominio
en Internet y del sistema de nombres de dominio
(DNS), es traducir las direcciones IP de cada nodo
activo en la red, a términos memorizables y fáciles
de encontrar.

hosting
Es donde se alojan todas las paginas web ofreciendoles un
servicio que provee a todos los usuarios de internet
información de diferentes sitios web

Que es :
 www: World Wide Web

 Url: Es la dirección, la forma de localizar de forma
sencilla cualquier pagina web

 Intranet: Red interna que solo se puede gestionar
internamente.

 Html: Es el lenguaje en que se escribe un sitio web

Q ué es HTTP?
 El término http quiere decir "Hypertext Transfer
Protocol", en español "Protocolo de Transferencia de
Hipertexto". Para los que no tienen experiencia en
términos computacionales, esto puede parecer
complicado, pero en realidad no lo es si examinamos este
asunto por partes. Un protocolo es un conjunto de reglas
a seguir, o lenguaje en común, y en este caso es conjunto
de reglas a seguir son para publicar páginas web o HTML.
El hipertexto se refiere a texto común con algunos
atributos propios de las páginas en Internet, como lo son
los enlaces. Por lo tanto http es un conjunto de reglas
acordadas para transferir texto con atributos propios de
la Internet. Bastante sencillo.

Etiquetas html
 Hay una gran variedad pero las pincipales son

 <html>
<title>
<body>
<bgcolor>
<font>
<table>

COMO CREAR UN ARCHIVO HTML
DESDE UN EDITOR DE TEXTO?
 En sistemas operativos como Windows para realizar
una página web usando html sólo necesitamos hacer
lo siguiente:
Abrir un nuevo documento utilizando el bloc de
notas que viene ya instalado con el sistema.
 Luego escribir la estructura básica y añadir formato y
atributos mediante las etiquetas a la información.

Guardar como index.html

Abrir el archivo en un navegador web.

Planificación de un sitio
web
 Concepto/ idea/ contenido

 Hosting/ dominio

 Investigar historia de los sitios web mas famosos y el software que estan
programado*(youtube, vimeo,

 Distribuciòn del contenido- top down

 Boceto de diagramación > Interfaz de usuario

 Dimensiones del sitio* (800x600 o 1024x768)

 Colectar contenido > imagenes > audio > video> tomar fotos y retocar > diseñar
iconos > seleccionar tipografia* (de sistema)

 Software donde se va a producir*(flash, dreamweaver, html5)

 Publico al que v dirigido > edad , sexo, como se comporta el usuario*(en que
aparatos laptop, desktop, tablet, smartphone, etc)

 Enlaces: es texto o imágenes en un sitio web
que un usuario puede pinchar para tener
acceso o conectar con otro documento.
 atributos de texto:En un documento de HTML se
pueden indicar seis tipos de cabeceras (tamaños de
letra) por medio de las directivas
<H1><H2><H3><H4><H5> y <H6>. El texto que
escribamos entre el inicio y el fin de la directiva será
el afectado por las cabeceras. La cabecera <H1> será
la que muestre el texto en mayor tamaño.
 backgroung: Es la imagen de Fonde de la pagina
web
 imagenes :son la imágenes o fotrografias que
conforman una pagina web

Formatos gráficos
• JPG (o JPEG) : Formato ideal para las fotos y las ilustraciones
complicadas. Contiene millones de colores.
• GIF : Muy práctico para los dibujos e imagenes simples, con pocos
matices, así como para los logos.
• PNG : Formato libre de derechos. Conviene para todo tipo de imagen, la
transparencia pero no las animaciones
• TIFF - El TIFF (Formato de fichero de información) es un formato de
archivo usado para almacenar imágenes, como dibujos y fotografías.
• BMP - El formato de archivo BMP, es un tipo de formato de archivo de
imagen de mapa de bits utilizado para almacenar imágenes
digitales, especialmente en los sistemas operativos Microsoft Windows
y OS2.

Hay algunos formatos pero estos son los mas
usados

Programacion sitios web
 Instagram

Instagram, es una aplicación-red social que
Facebook compró por US$1.000
millones, ha disparado una moda en
fotografía digital en la que prevalece el
estilo retro.

Esta tendencia surgió hace unos años con
Hipstamatic, un app que imita el aspecto de
las fotos que sacaban las cámaras
fotográficas de juguete.

Su planteamiento a nivel de ingeniería es
bastante flexible: de estar programado
inicialmente en HTML5 a desarrollar una
infraestructura nueva en poco tiempo para
el lanzamiento en Android.

 Twitter :

Y es que Twitter es un fenómeno que no para de crecer. Hoy el proyecto tiene 50
servidores, de los cuales uno solo es la base de datos. Si, solo uno y lo tienen
optimizado a lo máximo (esos tips los quisieran muchos). Escalarán a 8
servidores de base de datos en breve pues ya están trabajando fuertemente en la
arquitectura.Twitter está programado en Ruby on Rails, lenguaje que quiere
mucho por su simplicidad.

Que es Ruby? Ruby es un lenguaje de scripts, multiplataforma, netamente
orientado a objetos es software libre, fue creado por Yukihiro Matsumoto
conocido como Matz. las características del lenguaje se encuentran:

 Posibilidad de hacer llamadas directamente al sistema operativo.

 Muy potente para el manejo de cadenas y expresiones regulares.

 No se necesita declarar las variables.

 La sintaxis es simple y consistente.

 Gestión de memoria automática.

 Todo es un objeto.

 Métodos Singleton.

 Facebook
El creador de Facebook es Mark Zuckerberg, estudiante de la
Universidad de Harvard. La compañía tiene sus oficinas centrales en
Palo Alto, California.
La idea de crear una comunidad basada en la Web en que la gente
compartiera sus gustos y sentimientos no es nueva, pues David
Bohnett, creador de Geocities, la había incubado a fines de los años
1980. Una de las estrategias de Zuckerberg ha sido abrir la
plataforma Facebook a otros desarrolladores.
Facebook está programado principalmente
en PHP , MySQL y Memcache (LAMP ), esto es así lógicamente
porque es el conjunto de herramientas con las que comenzó la
aplicación (por aquello de que iba a ser una aplicación y
tal, supongo), y aunque hoy en día para grandes aplicaciones suele
utilizarse lenguajes como .NET (que es un lenguaje que permite una
mayor interacción con los procesos del equipo), los del equipo de
desarrollo han sabido ingeniárslas para poder sacar adelante el
proyecto, aunque para ello hayan tenido que hechar mano de
varios tipos de lenguajes (C++ , Java , erlang )…

 Youtube

 YouTube Inc. fue fundada por Chad Hurley, Steve Chen y Jawed Karim en Febrero de 2005 en San
Bruno, California, es un sitio web en el cual los usuarios pueden subir y compartir vídeos. En octubre
de 2006 fue adquirido por Google Inc. a cambio de 1.650 millones de dólares, y ahora opera como
una de sus filiales.

YouTube usa un reproductor en línea basado en Adobe Flash para servir su contenido (aunque también
puede ser un reproductor basado en el estándar HTML5, que YouTube incorporó poco después de que la
W3C lo presentara y que es soportado por los navegadores web más importantes). Aloja una variedad de
clips de películas, programas de televisión y vídeos musicales. A pesar de las reglas de YouTube contra
subir vídeos con derechos de autor, este material existe en abundancia, así como contenidos amateur
como videoblogs.

El lenguaje de youtube esta programado inicialmente por PHP pro luego se cambio todo el sistema al
lenguaje Python y para poder funcionar como aplicación esta programado en java.

 Python es un Lenguaje de programación interpretado cuya filosofía hace hincapié en una sintaxis
muy limpia y que favorezca un código legible.

 Se trata de un lenguaje de programación multiparadigma ya que soporta orientación a
objetos, programación imperativa y, en menor medida, programación funcional. Es un lenguaje
interpretado, usa tipado dinámico, es fuertemente tipado y multiplataforma.

 Es administrado por la Python Software Foundation. Posee una licencia de código
abierto, denominada Python Software Foundation License, que es compatible con la Licencia pública
general de GNU a partir de la versión 2.1.1, e incompatible en ciertas versiones anteriores.

Qué es una web 2.0 /3.0
 Web 2.0: Es un sitio que permite interactuar a los
usuarios en una comunidad virtual (redes
sociales, blogs).

 Web 3.0: No tiene un concepto definido pero se
puede decir que es una web semántica utiliza
programs como java script entre otros

Que es
 Adobe Fireworks (anteriormente llamado Macromedia Fireworks)
es un editor de gráficos vectoriales y mapas de bits.

 Fireworks para diseñar paginas web que puedan crear
rápidamente interfaces web y prototipos de websites. El programa
tiene la capacidad de integrarse con otros productos de Adobe
tales como el Dreamweaver o el Flash. Este programa es el que
tiene mayor compatibilidad con todos los sitios web

 Como funciona:funciona a travez de herramientas que
permiten cosas básicas, como modificar los ojos rojos de
una fotografía, hacer gift animador, hasta crear diseños
para enviarlos directo a impresión de alta resolución.
 Permite hacer diseño de paginas web basicas

Portafolio diseño digital Priimer bimestre

Portafolio diseño digital Priimer bimestre

Recomendados

Más contenido relacionado

Was ist angesagt?

Was ist angesagt?(16)

Similar a Portafolio diseño digital Priimer bimestre

Similar a Portafolio diseño digital Priimer bimestre(20)

Más de Carolina Alcivar

Más de Carolina Alcivar(8)

Último

Último(20)

Portafolio diseño digital Priimer bimestre