Introducción a   Internet
Introducción a Internet Que es internet/ como funciona Dominio- hosting URL/WWW/intranet/http/html Etiquetas html Dis...
Qué es internet?                                       Es un conjunto descentralizado de                                 ...
Como funciona el internet El primer paso es lograr su interconexión física, para lo que se  emplean sistemas muy diversos...
Dominio Un dominio de Internet es una red de identificación  asociada a un grupo de dispositivos o equipos  conectados a ...
Que es : www: World Wide Web Url: Es la dirección, la forma de localizar de forma  sencilla cualquier pagina web Intran...
Q ué es HTTP? El término http quiere decir "Hypertext Transfer  Protocol", en español "Protocolo de Transferencia de  Hip...
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 u...
Estructura Básica
Planificación de un sitio                  web Concepto/ idea/ contenido Hosting/ dominio Investigar historia de los si...
 Enlaces: es texto o imágenes en un sitio web  que un usuario puede pinchar para tener  acceso o conectar con otro docume...
Investigaciones
Formatos gráficos• JPG (o JPEG) : Formato ideal para las fotos y las ilustraciones  complicadas. Contiene millones de colo...
Programacion sitios web   InstagramInstagram, es una aplicación-red social queFacebook compró por US$1.000millones, ha di...
 Twitter :Y es que Twitter es un fenómeno que no para de crecer. Hoy el proyecto tiene 50servidores, de los cuales uno so...
 FacebookEl creador de Facebook es Mark Zuckerberg, estudiante de laUniversidad de Harvard. La compañía tiene sus oficina...
   Youtube   YouTube Inc. fue fundada por Chad Hurley, Steve Chen y Jawed Karim en Febrero de 2005 en San    Bruno, Cali...
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  soc...
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...
Funcionamiento
INTERFAZ DE FIREWORKS
Pagina Facebook
PRACTICA
Vimeo
Interfaz de Dreamweaver
Flash
Practica
Portafolio diseño digital Priimer bimestre
Portafolio diseño digital Priimer bimestre
Portafolio diseño digital Priimer bimestre
Portafolio diseño digital Priimer bimestre
Portafolio diseño digital Priimer bimestre
Portafolio diseño digital Priimer bimestre
Próxima SlideShare
Cargando en…5
×

Portafolio diseño digital Priimer bimestre

810 visualizaciones

Publicado el

Estudiante: Carolina Alcivar /
Docente Daniel Castelo /
Diseño Digital 4 /
Ute - Salinas

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
810
En SlideShare
0
De insertados
0
Número de insertados
36
Acciones
Compartido
0
Descargas
5
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Portafolio diseño digital Priimer bimestre

  1. 1. Introducción a Internet
  2. 2. 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
  3. 3. 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 conectadasentre si, compartiendo una determinada cantidad de contenidos; por estemotivo es que no se puede responder a la pregunta de donde está la Internetfísicamente - está en todas las partes donde exista un ordenador conconectividad a esta red.
  4. 4. 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
  5. 5. 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
  6. 6. 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
  7. 7. 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.
  8. 8. Etiquetas html Hay una gran variedad pero las pincipales son <html> <title> <body> <bgcolor> <font> <table>
  9. 9. 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.
  10. 10. Estructura Básica
  11. 11. 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)
  12. 12.  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
  13. 13. Investigaciones
  14. 14. 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 masusados
  15. 15. Programacion sitios web InstagramInstagram, es una aplicación-red social queFacebook compró por US$1.000millones, ha disparado una moda enfotografía digital en la que prevalece elestilo retro.Esta tendencia surgió hace unos años conHipstamatic, un app que imita el aspecto delas fotos que sacaban las cámarasfotográficas de juguete.Su planteamiento a nivel de ingeniería esbastante flexible: de estar programadoinicialmente en HTML5 a desarrollar unainfraestructura nueva en poco tiempo parael lanzamiento en Android.
  16. 16.  Twitter :Y es que Twitter es un fenómeno que no para de crecer. Hoy el proyecto tiene 50servidores, de los cuales uno solo es la base de datos. Si, solo uno y lo tienenoptimizado a lo máximo (esos tips los quisieran muchos). Escalarán a 8servidores de base de datos en breve pues ya están trabajando fuertemente en laarquitectura.Twitter está programado en Ruby on Rails, lenguaje que quieremucho por su simplicidad.Que es Ruby? Ruby es un lenguaje de scripts, multiplataforma, netamenteorientado a objetos es software libre, fue creado por Yukihiro Matsumotoconocido 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.
  17. 17.  FacebookEl creador de Facebook es Mark Zuckerberg, estudiante de laUniversidad de Harvard. La compañía tiene sus oficinas centrales enPalo Alto, California.La idea de crear una comunidad basada en la Web en que la gentecompartiera sus gustos y sentimientos no es nueva, pues DavidBohnett, creador de Geocities, la había incubado a fines de los años1980. Una de las estrategias de Zuckerberg ha sido abrir laplataforma Facebook a otros desarrolladores.Facebook está programado principalmenteen PHP , MySQL y Memcache (LAMP ), esto es así lógicamenteporque es el conjunto de herramientas con las que comenzó laaplicación (por aquello de que iba a ser una aplicación ytal, supongo), y aunque hoy en día para grandes aplicaciones sueleutilizarse lenguajes como .NET (que es un lenguaje que permite unamayor interacción con los procesos del equipo), los del equipo dedesarrollo han sabido ingeniárslas para poder sacar adelante elproyecto, aunque para ello hayan tenido que hechar mano devarios tipos de lenguajes (C++ , Java , erlang )…
  18. 18.  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énpuede ser un reproductor basado en el estándar HTML5, que YouTube incorporó poco después de que laW3C lo presentara y que es soportado por los navegadores web más importantes). Aloja una variedad declips de películas, programas de televisión y vídeos musicales. A pesar de las reglas de YouTube contrasubir vídeos con derechos de autor, este material existe en abundancia, así como contenidos amateurcomo videoblogs.El lenguaje de youtube esta programado inicialmente por PHP pro luego se cambio todo el sistema allenguaje 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.
  19. 19. 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
  20. 20. Pagina en Block de notas
  21. 21. Introducción a fireworks
  22. 22. 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
  23. 23. Funcionamiento
  24. 24. INTERFAZ DE FIREWORKS
  25. 25. Pagina Facebook
  26. 26. PRACTICA
  27. 27. Vimeo
  28. 28. Interfaz de Dreamweaver
  29. 29. Flash
  30. 30. Practica

×