2 FUNDAMENTOS DE LAS TECNOLOGÍAS WEB

2.1 conceptos básicos

Protocolos
www. Protocolo de comunicación universal entre computadoras intermediados por los
dominios.
W3c. consorcio que regula la web, manejo de estándares.
http. Protocolo de hipertexto.
https. Protocolo de hipertexto con información encriptada.
ftp. Protocolo de transferencia de archivos.
Diseño y desarrollo
Diseño. Esta orientado a la apariencia, a la organización de los módulos. Desde la
idea preconcebía hasta el resultado final (SEO, posicionamiento de la web).
Desarrollo web. Convertir la apariencia en código, hasta conseguir el posicionamiento
de la web.
Diseño y usabilidad
a) acceso total a la información, para todas las personas (usabilidad)
b) interfaz de usuario (sencillo, amigable, coherente, navegable, mensajes claros)
c) experiencia de usuario (buena reputación, web intuitiva, rápida comunicación,
pagos seguros, agilización de pedidos, puntualidad).
2.2 internet, intranet y extranet
2.2.1 Internet
Conjunto de redes de comunicación descentralizado. Nos permite navegar por la red
desde cualquier lugar y estar en constante comunicación en el mundo.
2.2.2 Intranet
Red privada que esta disponible para todos los usuarios de una empresa o entidad.
Permite publicar noticias, compartir documentos y organizan eventos.
2.2.3 Extranet
Versión extendida de un intranet. Permite el acceso a recuro de datos a un grupo de
usuarios externos a la empresa o entidad.
2.3 páginas y servidores web
2.3.1 Estructura básica de un sitio web
Logo Home acerca de servicios página ad. blog contacto Sign up
Home=inicio=index.html, sitio principal
About=acerca de=nosotros. Acerca de la empresa: organigrama, misión, visión,
objetivos y otros.
Servicios=productos=colocar todos los servicios y productos a vender, comercio
electrónico.
Paginas adicionales. Políticas, leyes, normativas, decretos, según su requerimiento
Blog=publicación=post. posee contenidos para ofertar nuestro servicio, ofertar
nuestros productos
Contactos. Dinámica de intercomunicación: un mapa, formulario de contacto,
teléfonos, dirección, cuentas de redes sociales, etc.
Sign up=inicio de sesión. Tiene la posibilidad de crear cuentas y suscribirse para tener
acceso a la información y publicar algo.
Políticas de privacidad o cookies. Para tener acceso a datos delicados o privados
exclusivo.
2.3.2 Servidores web
Hosting y dominio
Hosting. Servidor en línea, permite publicar nuestra web, aplicaciones en la web,
alquilamos un espacio en el servidor (para guardar nuestros archivos, carpetas, etc.).
Servidor. es una computadora física que funciona ininterrumpidamente para nuestra
web. Disponible todo el tiempo. ejemplo Webhosting,
cPanel. Permite administrar nuestro espacio en el servidor (usuario y pw, proveído por
la empresa que vende)
administrador de archivos (public html o www, son carpetas donde se crean los
archivos)
correo corporativo. Son para las empresas o entidades.
yoneygallardo@outlook.com (correo general)
www.yoneygallardo.com
info@yoneygallardo.com (correo corporativo), se ingresa a través de webmail en el
cPanel
Servidor dedicado. Todo un CPU, a disposición de nuestra empresa, pero es muy
costoso.
Servidor virtual (VPS). Dividir un servidor, no está mediado por un hosting.
Servidor local. Son servidores que permiten simular las páginas web.
Wampserver -> es muy cómodo y fácil de utilizar, localhost/phpmyadmin/ (sirve
para crear la base de datos)
Xampp -> es más complete y versátil, c:xampp/htdocs/prueba/index.html
Filezilla y cyberduck. Gestores de archivos, para transferir archivos
directamente, a través del protocolo FTP.
Dominio. El manejo de IPs permite que sea más humano (URL=Link)
http://www.miweb.com.mx/carpeta/pagina.html#top
1 protocolo
2 subdominio
3 dominio
4 TLD (top level domain) extensión o terminación
5 carpeta - www – archivo encarpetas (imágenes, multimedia, index.html, pagina)
6 pagina
7 etiqueta (anclas)
2.4 aplicaciones web
Navegadores
Los navegadores web son los programas de software que la gente usa para consumir
la web e incluyen Firefox, Chrome, Opera, Safari y Edge.

Frontend. Es la parte visual de la página, todos pueden ver, tiene diferentes

framework (librerías), que permite trabajar según el proyecto que se desarrolla. Acceso
a las tecnologías como CSS, HTML, Javascript, para todos sin restricciones.
Backend. Es la parte administrativa de la página, con WordPress, todo los
desarrolladores o diseñadores pueden tener acceso. El backend tiene acceso al
servidor, permite controlar las diferentes tecnologías (PHP, .NET, ExpressionEngine)
como lenguajes de programación Pyton, PHP, Rubi, C#, Java y MySQL
IDE. Entornos de Desarrollo Integral, son más robustos y completos, pueden ser para
una tecnología muy especializada.
Visual Studio, Dreamweaver, eclipse, NetBeans.
Editores. Son simples y fáciles de utilizar, no es exclusivo para una tecnología.
Sublime Text, Brackets, Notepad++, visual studio code.
2.5 web semántica
Tendencia a la organización de los contenidos o estructura de la web.
Web 1.0 Web 2.0 Web 3.0
Solo lectura Web de lectura y escritura Busca construir una web con
sentido semántico (web
semántico con CSS 3 y
HTML 7; Organización
inteligente de la web a través
de la inteligencia artificial)
Poca gente generando Intercambio de Inteligencia artificial
contenido conocimientos (foros y
comentarios)
Información generada solo Los usuarios no solo leen, Gestión avanzada de
por editores o webmaster sino también escriben contenidos con WordPress,
Jonla, Drupal
Los usuarios eran receptores Integración con redes Interactiva
de información, solo leían sociales
Comercio electrónico básico La gente comparte Multimedia de información
Paginas estáticas El usuario es el protagonista Comercio electrónico
integrador
Las actualizaciones del sitio Webs livianas Experiencia de usuario
eran poco frecuentes
No intuitivo (difícil manejar) Intuitivo Intuitivo y accesible