Portafolio diseño digital Priimer bimestre
36
Portafolio Diseño Digital IV Docente: Daniel Castelo Pertenece:Carolina Alcivar
-
Upload
carolina-alcivar -
Category
Education
-
view
537 -
download
5
description
Estudiante: Carolina Alcivar / Docente Daniel Castelo / Diseño Digital 4 / Ute - Salinas
Transcript of Portafolio diseño digital Priimer bimestre
Portafolio Diseño Digital IV
Docente: Daniel CasteloPertenece:Carolina Alcivar
Introducción a Internet
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.
Estructura Básica
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
Investigaciones
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, 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.
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
Pagina en Block de notas
Introducción a fireworks
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
Funcionamiento
INTERFAZ DE FIREWORKS
Pagina Facebook
PRACTICA
Vimeo
Interfaz de Dreamweaver
Flash
Practica
