El documento presenta información sobre sistemas de gestión de contenidos (CMS), dominios, tipos de hosting, proveedores de hosting y dominios, y lenguajes de programación web como HTML, JavaScript, PHP y CSS. Explica qué es cada uno de estos conceptos clave de desarrollo web y da ejemplos de su sintaxis y uso.

1. 1
Trabajo Escrito de Contra jornada
Bryan Andrey Galeano Triana y Jhon Alexander Becerra Quintero
Ciudad de Bogotá
Contra jornada
Ingeniería
11-01
2019

2. 2
Trabajo Escrito de Contra jornada
Bryan Andrey Galeano Triana y Jhon Alexander Becerra Quintero
Jaime Alberto Ceron
Ciudad de Bogotá
Contra jornada
Ingeniería
11-01
2019

3. 3
INVETIGACION
1.CMS
¿Qué es?
Es un sistema de gestión de contenidos o CMS es un software que permite crear, editar,
clasificar y publicar cualquier tipo de información en una página web de una forma sencilla.
Un CMS función con un panel de administración o back-en al que se accede a través del
navegador y con una interfaz basada e formularios que permiten crear contenidos fácilmente
¿Qué tipos de CMS hay?
Hay tantos que es difícil clasificar todos, pero acá hay algunos ejemplos
Por sus características:
Según el lenguaje de programación empleado. Por ejemplo: PHP, ASO, NET, Ruby On Rails,
Python, PERL, etc…
Por su uso y funcionalidad
 Blogs: Para páginas personales
 Foros: Para compartir opiniones
 Wikis: Para el desarrollo colaborativo
 Enseñanza electrónica: plataforma para contenidos de enseñanza en línea.
 Comercio electrónico: plataforma de gestión de usuarios, catálogo, compras y pagos.
 Publicaciones digitales.
 Difusión de contenido multimedia.

4. 4
 Propósito general.
¿Cuáles son los más populares?
Drupal: http://drupal.org/
Uno de los CMS más populares, en este caso gratuito y open source. Creado en PHP y con
posibilidad de utilizar varias bases de datos distintas, por defecto MySQL.
Mambo: http://www.mamboserver.com/
Un sistema CMS libre y gratuito, creado en PHP. Puedes leer el artículo sobre qué es Mambo
publicado en DesarrolloWeb.com.
Joomla!: http://www.joomla.org/
Es un CMS de código libre, también creado en PHP. Surge como una mejora o ampliación de
Mambo
WordPress: http://wordpress.org/
El CMS para la creación de blogs por excelencia. El más utilizado y el mejor valorado, también
creado en PHP y gratuito.

5. 5
2. DOMINIO
¿Qué es?
Nombre que se le da a un sitio web para meterlo en el navegador y poder visitarlo
Los navegadores web en verdad acceden a los sitios en internet a través de una dirección
IP(Internet Protocol), un numerito muy largo del tipo 104.29.13.62 que ayuda a saber en que
servidor se encuentra.
¿Para qué se sirve?
Para facilitar las investigaciones y así acceder más sencillamente a las páginas.
¿Tipos de dominios en internet
Existen tres tipos; Los genéricos, los territoriales y los dominios de tercer nivel.
Los Dominios Genéricos(gtld): Son los que no se ajustan al ambiente de un país
especifico, los conocemos como: “.com”, “org”, “.net”, etc. Un ejemplo puede ser
www.nombredealapagina.com
Los dominios territoriales: Son utilizados por las empresas para proteger la identidad de su
marca en un país concreto, así como para tenar más cercano con los consumidores del país al que
se va a dirigir. Lo conocemos como: “es*”, “eu”, “.cat”, “.me”, “.co”, etc.
Los dominios de tercer nivel: Son aquellos que tienen la misma finalidad que los dominios
genéricos(gtld) solo que estos adquieren también la identidad territorial de las ccTLD.
Los dominios gubernamentales o educativos son característicos de este tipo. Los conocemos
como: “.com”, “.edu”, “.mx”, etc

6. 6
TIPOS DE HOSTING
Hosting Dedicado
El Cliente comparte el servicio y el Hardware con otros clientes. Son servicios muy
económicos porque se compensa costo con volumen de clientes por servidor. No es un servicio
fácilmente escalable.
Cloud Hosting
Es la nueva tecnología que reemplaza el modelo tradicional de Hosting. Tiene asignación
dedicada de Hardware por lo cual el Cliente no se afecta por malos vecinos es una tecnología que
SI permite escalabilidad.

7. 7
PROVEEDORES DE HOSTING Y DOMINIOS

8. 8
LENGUAJE DE PROGRAMACION WEB
Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se
dieron soluciones mediante lenguajes estáticos. A medida que paso el tiempo, las tecnologías
fueron desarrollándose y surgieron nuevos problemas a dar solución.
ESTOS SON:
LENGUAJE HTML
Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un
lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup
Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web
Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).
EJEMPLO:
<html> (Inicio del documento HTML)
<head>
( Cabecera )
</head>

9. 9
<body>
( Cuerpo )
</body>
</html>
<b> </b> Negrita
<p> </p> Definir parrafo
<etiqueta> Apertura de la etiqueta
</etiqueta> Cierre de la etiqueta
VENTAJAS
Sencillo que permite describir hipertexto.
Texto presentado de forma estructurada y agradable.
No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o
WYSIWYG.
Archivos pequeños.
Despliegue rápido.
Lenguaje de fácil aprendizaje.

10. 10
Lo admiten todos los exploradores.
Lenguaje Javascript
Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la
empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java,
aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de
los navegadores en sus últimas versiones interpretan código Javascript.
El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar
incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar
denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de
Objetos del Documento).
Ejemplo:
<script type="text/javascript"> ... </script>
Ventajas:
Lenguaje de scripting seguro y fiable.
Los script tienen capacidades limitadas, por razones de seguridad.
El código Javascript se ejecuta en el cliente.
Lenguaje PHP

11. 11
Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo
recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home
Page). Surgió en 1995, desarrollado por PHP Group.
PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación
de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no
necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o
IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con
algunas características específicas. Los archivos cuentan con la extensión (php)
Ejemplo
La sintaxis utilizada para incorporar código PHP es la siguiente:
<?
$mensaje = “Hola”;
echo $mensaje;
?>
También puede usarse:
<?php
$mensaje = “Hola”;
echo $mensaje;
?>

12. 12
Ventajas
Muy fácil de aprender.
Se caracteriza por ser un lenguaje muy rápido.
Soporta en cierta medida la orientación a objeto. Clases y herencia.
Es un lenguaje multiplataforma: Linux, Windows, entre otros.
Capacidad de conexión con la mayoría de los manejadores de base de datos: MysSQL,
PostgreSQL, Oracle, MS SQL Server, entre otras.
Capacidad de expandir su potencial utilizando módulos.
Posee documentación en su página oficial la cual incluye descripción y ejemplos de cada una
de sus funciones.
Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
Incluye gran cantidad de funciones.
No requiere definición de tipos de variables ni manejo detallado del bajo nivel.
Lenguaje CSS
es un lenguaje utilizado en la presentación de documentos HTML. Un documento HTML
viene siendo coloquialmente “una página web”. Entonces podemos decir que el lenguaje CSS
sirve para organizar la presentación y aspecto de una página web. Este lenguaje es principalmente

13. 13
utilizado por parte de los navegadores web de internet y por los programadores web informáticos
para elegir multitud de opciones de presentación como colores, tipos y tamaños de letra, etc.
Ejemplo
DOCTYPE html>
<html>
<head>
<title>Ejemplo aplicación CSS - aprenderaprogramar.com </title>
</head>
<body>
<p>Texto de ejemplo para visualizar resultados </p>
</body>