Dominio, Alojamiento y Publicación, Solución Web, Plataforma Web.
Semana 6
Tema: Conceptos básicos de Web
Subtemas: HTML, páginas web, páginas estáticas, páginas dinámicas, protocolos
IP, navegadores (browsers), hojas de estilo, tablas, plantillas (template),
marcos (frames), hipervínculos locales y externos, software de edición de
sitios web, publicador de sitio web, servidor, dominio, alojamiento y
publicación, solución web, plataforma web.
Contenido
¿Qué es un nombre de dominio?
El nombre de dominio es la dirección de
tu sitio web, que las personas escriben en la barra de direcciones del
navegador para visitar tu Site. En otras palabras, si tu WebSite fuera una
casa, pues su nombre de dominio será algo así como su dirección postal.
Los tipos de dominios de internet se dividen
en tres grandes grupos, los dominios genéricos o gTLD (geopraphical Top Level
Domain), los dominios territoriales ccTLD (country code Top Level Domain) y los
dominios de tercer nivel.
Los gTLD son dominios genéricos que no se
ajustan al ambiente de un país específico. Los conocemos por ser los más
comunes y tienen extensiones .com, org, .net, etcétera.
Es decir: www.conversiones.com es un
dominio genérico.
Los dominios con extensión
.com son aquellas que se utilizan para empresas y organizaciones comerciales de
todo el mundo. Aquellos con extensión .org lo utilizan organizaciones e instituciones sin ánimo
de lucro y Organizaciones No Gubernamentales (ONG). Mientras que las
empresas e instituciones relacionadas con servicios de Internet se definen por
tener una extensión en .net.
Los dominios asociados a un país
determinado son los ccTLD, quienes se definen por adquirir un sitio con
extensión única perteneciente a cada región. Por ejemplo, en México los
dominios ccTLD terminan con la extensión .mx, en España este tipo de dominios
termina en .es, o en Francia, la extensión es .fr.
Los dominios de tercer nivel son aquellos
que tienen la misma finalidad que los dominios gTLD sólo que éstos adquieren
también la identidad territorial de las ccTLD. Los dominios gubernamentales o
educativos son característicos de este tipo. Sencillamente deben tener una
terminación .com.mx, .edu.mx, etcétera.
Alojamiento web
El alojamiento
web (en inglés: web hosting) es el servicio que provee a los usuarios de
Internet un sistema para poder almacenar información, imágenes, vídeo, o
cualquier contenido accesible vía web.
Es una
analogía de "hospedaje o alojamiento en hoteles o habitaciones" donde
uno ocupa un lugar específico, en este caso la analogía alojamiento web o
alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio
web, sistema, correo electrónico, archivos, en Internet o más específicamente
en un servidor, que por lo general hospeda varias aplicaciones o páginas web.
Las compañías
que proporcionan espacio de un servidor a sus clientes se suelen denominar con
el término en inglés web host.
El alojamiento
web asegura que los usuarios puedan introducir un nombre de dominio en su
navegador y que se muestre el contenido apropiado del sitio web. Para esto, en
primer lugar, el creador del sitio web debe registrar un dominio y después
subir el contenido al servidor de un proveedor de hosting web. A través del
sistema de nombres de dominio (DNS) se asocian el nombre del dominio y el
servidor. Para esto, la información para encontrar la dirección IP de un
determinado dominio se almacena en los llamados servidores de nombres. Cuando
un usuario accede a un URL, el nombre de dominio se convierte en una dirección
IP y se busca la dirección correspondiente en internet. Si todo funciona
correctamente, el usuario visualiza el sitio web.
Actividad #1
1.Transcribe el cuadro 1 y
agrega 2 direcciones de domino en las primeras 3 filas.
2.Organice las imágenes y
explique cómo funciona un hosting.
Subtemas: HTML, páginas web, páginas estáticas, páginas dinámicas, protocolos IP, navegadores (browsers), hojas de estilo, tablas, plantillas (template), marcos (frames), hipervínculos locales y externos, software de edición de sitios web, publicador de sitio web, servidor, dominio, alojamiento y publicación, solución web, plataforma web.
Contenido
Publicador de sitio web, Servidor
La práctica habitual es diseñar las páginas web de nuestro sitio web en el disco duro del equipo para luego enviarlos al servidor web junto con los archivos multimedia referenciados (imágenes, animaciones, audios, etc.). A este proceso se le llama publicación web. Mediante este procedimiento se pone a disposición de cualquier usuario con acceso a Internet las páginas web del centro o proyecto al pasar a estar alojadas físicamente en un ordenador servidor con acceso permanente desde Internet.
La subida de archivos desde el equipo local al servidor se puede realizar mediante un programa que utiliza el protocolo FTP. Esta transferencia de archivos se realiza en modo autentificado, es decir, introduciendo un nombre de usuario y contraseña para evitar que otras personas puedan publicar en nuestro espacio web.
Antes de la publicación será necesario obtener los siguientes datos del administrador del servidor web:
Dirección del servidor FTP: es la URL del servidor que atiende peticiones de conexión por FTP para la subida de archivos.
Usuario y Contraseña: son los datos de la cuenta que es necesario introducir para realizar una subida autentificada de recursos y que estos recursos se alojen en la ubicación correcta del servidor.
Dirección del servidor HTTP: es la URL del servidor web que nos permitirá acceder a nuestras páginas usando el navegador web. Ejemplo: http://roble.pntic.mec.es/usuario/
Servidor web
Quienes tengan conocimientos sobre lo que es un servidorno deben confundirlo con un servidor web, porque son dos cosas distintas. Es cierto que uno forma parte del otro, ya que de hecho el servidor web es uno de los componentes de un servidor. El server (o servidor) es el equipo en el cual se alojan los sitios o aplicaciones web, mientras que el servidor web es un software que forma parte del servidor.
El servidor web (también llamado webserver en inglés) es el software que se encarga de despachar el contenido de un sitio web al usuario. Este proceso de despacho, que a simple vista parece muy simple, es en realidad más complejo de lo que parece, pues toda la «magia» de un webserver ocurre fuera de quien está navegando por un sitio web. Existen multitud de servidores web, y entre los más conocidos podemos encontrar a Apache, Nginx, LiteSpeed o IIS.
Los servidores web varían mucho de uno a otro, por ejemplo, si comparamos Apache y Nginx veremos que tienen diferencias muy notorias, aunque el objetivo final es el mismo: despachar contenido al usuario. El proceso de despacho comienza en nuestro navegador web. Al escribir la dirección de un sitio web y presionar enter comienza la siguiente secuencia: el sistema hace una búsqueda DNS para encontrar en cuál servidor está alojado el sitio en cuestión.
Cuando el server es encontrado, el navegador le pide el contenido del sitio web, y acto seguido el webserver procesa este pedido y envía dicho contenido al navegador, lo cual da como resultado la visualización del sitio en nuestra pantalla.
Funciones de un servidor web
Cada webServer tiene sus propias características y está destinado a ser utilizado en ciertos entornos y configuraciones. Uno de los factores más importantes a la hora de decidir cuál servidor webutilizar es el sistema operativo de nuestro server, que es otra de sus características, siempre corren bajo un sistema operativo. Por ejemplo, en sistemas Windows Server la elección más tradicional es IIS de Microsoft, mientras que en otros como los basados en Linux se usa mucho Apache, Nginx y LiteSpeed.
Es posible también encontrar servidores web que son utilizados puramente para despachar contenidos estáticos como imágenes, videos, etc., ya que son muy buenos en dicha tarea, y en otros casos también tenemos los que son utilizados frecuentemente en entornos de hosting compartido, despachando varios sitios bajo una misma IP, o bajo IPs dedicadas. También hay que destacar la compatibilidad con sitios dinámicos y los límites que podemos configurar a nivel de recursos como transferencia, por ejemplo, permitiendo ser muy flexibles para revender hosting o hospedar sitios masivamente.
Ampliando tus conocimientos visitando los siguientes enlaces:
Publicador de Sitios – Tutorial de CPanel en español – Lección 12
Subtemas: HTML, páginas web, páginas estáticas, páginas dinámicas, protocolos IP, navegadores (browsers), hojas de estilo, tablas, plantillas (template), marcos (frames), hipervínculos locales y externos, software de edición de sitios web, publicador de sitio web, servidor, dominio, alojamiento y publicación, solución web, plataforma web.
Software de edición de sitios Web
Actividad 1
Con la ayuda de un mapa conceptual
organiza los temas Herramientas de diseño y Editores webs libres o de código
abierto. (Están resaltadas las frases más idóneas)
Contenido
Software de edición de sitios web
A diferencia del software de
edición visual, en el cual no requieres muchos conocimientos de HTML para
lograr modificar o editar tu página web, el editor de texto si lo requiere.
Al igual que el visual, cuenta con dos formas de hacerlo, una en Windows y la
otra en Linux.Es importante saber sobre
códigos, ya que todo lo haces sin imágenes y sin plantilla de relleno que
sirva. Lo que hagas, tampoco será guardado como HTML de forma instantánea, es
tu deber crear todo desde los códigos fuente. Existe una tercera opción
totalmente diferente de estas dos, esta opción es para que la tengas en cuenta
si ninguno de los editores te convence o no tienes tiempo que dedicarles a
estos programas. Esta opción consta de unas plantillas o templates que puedes
encontrar en la web. Estos templates te permiten crear tu página a base de
plantillas de relleno, sin necesidad de saber nada de códigos.
Herramientas de diseño
Editores webs libres o de
código abierto
A la hora de crear páginas web,
la referencia más conocida es Adobe Dreamweaver.
Es un editor muy extendido desde su aparición en 1998, y fue
desarrollado por la compañíaMacromedia, la misma que desarrolló
Flash y que luego fue absorbida por Adobe.
Actualmente mantiene el 90% del
mercado de editores HTML pero bastantes desarrolladores web lo critican ya que
puede incluir mucho código inútil lo cual puede ir en contra de la velocidad de
carga o ejecución de las páginas web en el navegador. Esto es especialmente
significativo si usamos el soporte que permite, por ejemplo, conexiones de
bases de datos y/o opciones para programar sin necesidad de tener conocimiento
de programar en algunos lenguajes como asp, jsp o php.
Frente a este editor de pago,
tenemos muchos otros editores de código abierto. En este caso tenemos que distinguir principalmente dos
tipos, los que están más orientados
a diseñadoresque son editores WYSIWYG
(acrónimo en ingles de «lo que ves es lo que
obtienes») y los que están más orientados a programadores.
Una característica
interesante de estos editores de código abierto es que muchos de ellos
tienen versiones «portables», esto es, los puedes llevar en una
memoria USB y ejecutarlos desde ella en cualquier ordenador sin
necesidad de instalarlo en ese equipo. Esta característica puede ser
muy interesante, por ejemplo, si vais a
visitar a un cliente y os surge alguna cosa que no teníais prevista, sacáis
vuestra memoria USB y a trabajar en cualquier ordenador.
Los principales editores libres que podemos encontrar son:
Editores WYSIWYG
KompoZer Es un editor de
páginas WYSIWYG que permite también ver el código fuente, así como una opción
de vista dividida de código gráfico. Además, tiene un pequeño soporte para PHP.
Tiene versiones para Linux,
Windows, MacOSX y está disponible en castellano.
KompoZer cumple con los estándares
web de W3C. Por defecto, las páginas son creadas en acuerdo a HTML 4.01
Strict aunque se puede modificar en las opciones avanzadas y permite
el uso de hojas de estilos CSS. Además, incluye un validador HTML
que sube las páginas al W3C para su validación.
Amaya es un editor web creado
por el W3Ccompuesta por un navegador web y una herramienta
de creación con el cual se puede trabajar en línea y fuera de
línea. Se pueden ver y generar páginas HTML y XHTML con hojas de
estilo CSS, o dibujos SVG. Además, renderiza imágenes, por ejemplo,
en PNG y un subconjunto del formato de Gráficos Vectoriales Escalables (SVG),
como figuras básicas, texto, imágenes o puede incluir fragmentos HTML o
expresiones MathML en los dibujos. Está disponible para Windows, Mac
y Linux.SoportaHTML 4.01,
XHTML 1.0, XHTML Basic, XHTML 1.1, HTTP 1.1, MathML
2.0, muchas características CSS 2, e incluye soporte para
gráficos SVG (transformación, transparencia y animación SMIL),
además se puede, no sólo visualizar sino además editar, de manera parcial,
documentos XML.
Algunas de las características
principales de Amaya son; editor grafico HTML, tablas para abrir
documentos en lote, amplia selección de etiquetas HTML con inserción
automática, corrección ortográfica y código de limpieza, vista
previa en tiempo real de la página web, comparación de código
fuente.
BlueGriffon se trata
también de un editor WYSIWYGcreado por Mozilla y como
todo producto de Mozilla, presenta la posibilidad de usar plugins o complementos
para ampliar sus funcionalidades. Está basado en Gecko, el motor
de renderizado dentro de Firefox, y usaXULRunner. Se
puede bajar gratuitamente y está disponible para Mac OS X,
Windows y Linux y está traducido al castellano.
BlueGriffon cumple con los
estándares web W3C. Puede crear y editar páginas conforme
a HTML 4, XHTML 1.0, HTML 5 y XHTML 5. Es compatible con CSS
2.1 y todas las partes de CSS 3 ya aplicadas por Gecko. BlueGriffon
también incluye SVG-edit, un editor basado en SVG que se
distribuyó originalmente como una extensión para Firefox y se adaptó a
BlueGriffon.
Editores orientados a programadores.
Lo primero que hay que destacar
es que estos editores no están solo orientados a la creación de páginas
web, quizás una excepción seria Bluefish, son editores que se
pueden usar normalmente con multitud de lenguajes, desde C++ hasta
lenguajes que normalmente solo se suelen usar en páginas web dinámicas
como son asp o PHP. La principal característica es el coloreado
del código para hacer más fácil su lectura.
Alguno de los principales
seria:
Bluefish es un editor
de páginas web muy completo, dirigido a diseñadoreswebexperimentados
y programadores y se enfoca en la edición de páginas dinámicas
e interactivas. Tiene un potente soporte para HTML, PHP, Javascript,
JSP, SQL, XML, Python, Perl, CSS, ColdFusion, Pascal, R, Octave/Matlab y resaltado
de sintaxis.
Seguramente uno de los editores
más completos que puede usarse también en diversos sistemas operativos,
lástima que no tenga soporte WYSIWYG, quizás lo único que se
pueda echar en falta.
Notepad2 es un editor de
texto de código abierto para Windows. Ofrece resaltado de sintaxis
para los lenguajes de programación: ASP, PHP, JavaScript, CSS, HTML, XHTML
y XML y otros no orientados a la web como lenguaje ensamblador C, C++,
C#, CGI, Java, NSIS, Pascal, Perl, Python, SQL, VB, VBScript. Tiene alguna característica
más como el emparejamiento de paréntesis o el auto indentación.
Notepad++ es un editor
de texto y de código fuente libre para Windows con soporte para la mayor
parte de los lenguajes de programación como C++, CSS, Flash ActionScript,
HTML, Java, JavaScript, JSP, Perl, PHP, Python, Ruby, SQL, XML y muchos
más. Además, permite al usuario definir su propio lenguaje.
Incluyeopciones
que pueden ser útiles para usuarios avanzados como desarrolladores
y programadores como el coloreado y envoltura de sintaxis: es
capaz de resaltar las expresiones propias de la sintaxis de ese lenguaje
para facilitar su lectura. Resaltado de paréntesis, corchetes y
llaves e indentación. También permite
la grabación y reproducción de macros. y se le pueden añadir extensiones.
¿Qué es la indentación?
Este término significa
mover un bloque de texto hacia la derecha insertando espacios o tabuladores,
para así separarlo del margen izquierdo y distinguirlo mejor del texto
NetBeans IDE.Por último, vamos a ver sin duda uno de los más
importantes editores, se trata de NetBeans IDE, un entorno absolutamente
libre para el desarrollo de software con código abierto. Está
enfocado al lenguaje de Programación Java, pero actualmente soporta PHP,
C/C, Groovy, JavaScript, HTMLentre otros.
Viene integrado con servidores
de aplicacionesGlassFish v3, Apache Tomcat y maneja Bases de Datos
MySQL, PostgreSQL y cualquiera que se conecte con JDBC como Oracle, SQL Server,
y otros más. Es una herramienta de programación integrada. Su aprendizaje se ha
convertido en fundamental para quienes están interesados en el desarrollo de
aplicaciones multiplataforma.
