Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Esencia de la Web 1

No description
by

Manuel roldan

on 3 October 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Esencia de la Web 1

Esencia de la
Internet
WEB
Páginas web
¿Cómo funciona una página Web?
Blogs
Blogger
Ventajas de Blogger
¡Gracias!
Próxima clase
eb
¿?
Web e internet no son lo mismo.
1969 ARPANET
Word Wide Web
6 de agosto de 1991
Primer servidor web
Tim presentó en su proyecto:

El primer servidor web.
Un estándar para las direcciones (URI).
HTML
Un navegador
¿?
Página web =
documento + multimedia + hipervínculo
Navegador
Dominios
Atajos de teclado
Ctrl + T:
abre una pestaña nueva.
Ctrl + Shift + T:
abrir pestaña cerrada recientemente.
Crtl + Tab:
cambias de pestaña de izquierda a derecha.
Crtl + Shift + Tab:
cambias de pestaña de derecha a izquierda. (Orden inverso)
Ctrl + Clic izquierdo:

abre enlace en una pestaña nueva.
Clic central en la pestaña:
cierra la pestaña.
F6:
Coloca el cursor en la barra de direcciones.
Ctrl + F4 / Ctrl + W:
Cierra la pestaña actual.
F3:
buscar una palabra o texto dentro de la página web.
Ctrl + H:
abre el historial de navegación.
F5:
refresca el contenido de la pestaña activa.
Ctrl + +:
aumenta el tamaño de las fuentes.
Ctrl + 0:
volver al tamaño original.
Ctrl + U:
ver código fuente de la página.
Ctrl + J:
abrir gestor de descargas.
Ctrl + 9:
ir a la última pestaña.
Servidor web
Es el equipo que responde la solicitud de un navegador y por lo general, almacena los archivos de la página. (Hosting)
www.iguanahosting.com
www.venezuelahosting.com
www.hosting.com.ve
opinaweb.com
...En Venezuela:
¿Cuál escoger?
- Relación costo beneficio.
- Investiga su reputación en Google, Alexa y foros.
- Si es un revendedor, investiga al proveedor.
- Backup.
- Soporte.
Es el nombre que identifica un sitio web y es único en el mundo.
• Utilizar cualquier letra del alfabeto inglés de la "
a
" a la "
z
".
• Utilizar cualquier número del
0 al 9
.
• Utilizar el

(guión), no puede ser ni el primer ni el último carácter del nombre.
• Utilizar un máximo de
63
caracteres.
Para un nombre de dominio se puede:
http://www.iana.org/
https://www.google.com/a/cpanel/domain/providers
Links de interés
IP y DNS
Procura que sea:
- Corto.
- Acorde con el objetivo de la web.
- Fácil de recordar.
- Si contiene una
palabra clave
mejor.
Otros elementos que intervienen en un sitio web:
- Base de datos.
- Servidor de aplicaciones.
Estáticas y dinámicas.
HTML
IP
Es una dirección numérica que es usada para la comunicación entre equipos en la red.
DNS
El
Domain Name System
es un sistema de nomenclatura jerárquica para cualquier recurso conectado a una red.
Desarrollo de
un sitio web
El desarrollo de un sitio web debe ser planeado y ejecutado siguiendo una serie de pasos:
1.- Definir objetivos y recopilar información.
¿Cuál es el propósito del sitio?
¿A quién va dirigido?
El diseño de un sitio no debe ser delegado únicamente en el webmaster.
Contenido inicial.
2.- Definir aspectos técnicos iniciales
Dominio.
¿Servicio de hosting propio o de terceros?
Base de datos.
.com: para fines comerciales.
.net: “network”, para temas relacionados con la red internet.
.org: “organization”, destinado a organizaciones.
.edu: “education”, para fines educativos, instituciones dedicadas a la enseñanza, entre otros.
.gov y .gob: destinado a entidades gubernamentales.
Las opciones de navegación deben ser claras, de formato constante (siempre el mismo icono en el mismo sitio).
3.- Definición de la estructura de la web
Clasifica la información.
Definen las secciones más importantes.
4.- Maquetación, navegabilidad
Páginas índice.
Menús contextuales.
Paginadores.
Botones volver, anterior y siguiente.
5.- Diseño
6.-Programación y carga de contenido
¿Sabías que...
En el 2012 las 4.294.967.296 direcciones IP estaban casi todas asignadas?
IPv4: xxx.xxx.xxx.xxx
IPv6: xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx
¿Sabías que
...
Existen 340,282,366,920,938,463,374,607,432,768,211,456 direcciones IPv6
(10^38)
?
7.- Testing
8.- Puesta en producción
9.- Métricas y revisiones
Hay que tener en cuenta la identidad e imagen corporativa de la empresa, sus colores, logotipos.
Es recomendable tener una versión de pruebas.
Tim Berners-Lee
¿Cumple el objetivo que inicialmente se trazó?
¿Tiene los contenidos propuestos? ¿Han sido estructurados con claridad y calidad?
¿Tiene un formato gráfico acorde?
¿Cuenta con una identidad visual corporativa?
El número de clics que debe efectuar el usuario para acceder a cualquier contenido no debe ser mayor a 3.
Jacob Nielsen
Los weblogs o blogs son una variante de la páginas web y se diferencia por:
Alta periodicidad de publicación.
Los artículos o "posts" aparecen en orden cronológico inverso.
Enlaces a otros blogs.
Interacción y comunidad.
El día internacional del blog es el 31 de agosto.
Permalinks.
La palabra weblog se origina de web + log y hace referencia al uso de los blogs como un diario o una bitácora.
Plataformas de blog más populares
Wordpress
Wordpress.org
Es un sistema de gestión de contenido creado por la empresa Automattic.
Es una solución sefl-hosted donde el usuario se encarga de hospedar e instalar el CMS y la base de datos.
Su potencial radica principalmente en los plugins y los temas.
Sitios para descargar temas:
Pasos para instalar Wordpress
1.- Descargar Wordpress de la página http://wordpress.org
2.- Descomprimir los archivos y subirlos al servidor.
3.- Crear la base de datos. Anotar usuario, nombre de host y clave.
4.- Haz una copia del archivo wp-config-sample.php y renómbralo como wp-config.php.
5.- Edítalo y coloca los datos de tu base de datos.
6.- Ingresa a http://tudominio/wp-admin/install.php. (Esto puede variar)
http://bit.ly/WbV9bD
http://bit.ly/temasW
Desventajas de Blogger
http://bit.ly/pluginsW
Sitios para conocer plugins:
La solución de CMS de Google
Permite la monetización vía AdSense.
Permite usar Google Analytics.
Si sabes programar, permite incluso incluir trozos de código para personalizaciones avanzadas.
Máximo 20 páginas estáticas.
No existe una plataforma “self-hosted” de Blogger equivalente a WordPress.org y sin limitaciones.
Tiene un diseñador de plantillas incluido para modificar el diseño, las fuentes y colores de tu blog sin saber nada de código HTML o CSS.
No muestra anuncios indeseados de terceros.
En la migración a WordPress.org se pierden el diseño personalizado de las plantillas si lo hubiera, código a medida, etc.
- Consejos para el desarrollo web.
- FTP.
- Comercio electrónico.
-¿HTML?
- Tema que ustedes elijan.
Editar las url luego de publicar un post.
¿Tiene dificultades de operatividad?
¿Sigue las pautas de calidad establecidas?
¿Están funcionando los enlaces interno? ¿y los externos?
¿Existen carencias o lagunas? ¿Cuáles?
Manuel Alejandro Roldán
Informático
Especialista en Seguridad de la Información
Director ejecutivo
Banca Pública
http://nic.ve
¿Dedicado o compartido?
@KTiReX
manuel.roldan@entreclick.com
http://bit.ly/ktirex
http://bit.ly/ktirex
¿Qué es más fácil recordar,
EntreClick.com
o
66.99.147.120
?
Un navegador, es un software que permite el acceso a Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos.
Todos los que trabajamos en internet deberíamos saber los atajos que nos ofrecen los programas.
Buscadores y filtros.
Enlaces en los contenidos.
Enlaces de anclajes internos.
Mapa de sitio.
Nube de etiquetas.
Primero:
www.entreclick.com
Tip:
En Resumen:
Para publicar en internet una página web necesitamos:
Un dominio.
Un servidor de hosting.
Espacio en disco (Disk Space)
Tasa de transferencia (Bandwidth)
Tiempo de actividad (Uptime)
Dominios permitidos (Domains Allowed)
Bases de datos MySQL (MySQL Databases)
¿Qué opciones tenemos para crear una web?
"Páginas que construyen páginas"
Contratar un tercero
Hacerlo nosotros mismos
CMS
(
C
ontent
M
anagement
S
ystem)
Servicios populares
Blogs.
Foros.
Wikis.
Plataforma para contenidos de enseñanza on-line.
Comercio electrónico.
Los CMS se usan comúnmente para crear
¿y la página?
Blog:
Drupal, Wordpress, Joomla.
Páginas personales:
About.me.
ECommerce:
Magento, OSCommerce.
Educación:
Udemy, Edublogs.
Páginas estáticas:
Wix ,Yola.
Nuestra casa en internet
Regla de oro:
¿Quién es el fulano
?
Protocolo de transferencia de archivos
190.14.53.98
Ejemplo:
Se estima que los granos de arenas del mar son aproximadamente
10^20.
Full transcript