Lenguajes de programación web básicos
  • H T M L 5
  • Hyper Text MarkUp Language
  • Todo comineza con la necesidad de comunicar lo que nos hemos propuesto y lo que se ha logrado, y es a traves de Toropesado.com como es presentado.

    HTML surge para definir el Contenido y es un lenguaje de programación, que desarrollaron los cientificos que comenzaron a trabajar con las primeras computadoras, como un lenguaje estandarizado para documentar y guardar la información de sus trabajos y estudios cientificos, en sus computadoras conectads por red, la novedad de esta herramienta se basa en que permite encadenar otros documentos de html por medio de enlaces directos a sus direcciones de alojamiento, saltando de enlace a enlace en la misma red de documentos (Internet) en busca exacta del contenido que despierta nuestra curiosidad.

    html va más aya de un simple lenguaje de programación, es la evolución del texto impreso, no en el sentido que viene a sustituirlo del medio físico (libros y revistas), el Hypertexto viene a romper tan sólo esa continuidad lineal de las ideas que expresan un texto impreso, ( de la pag 1 a la pag ... X ) enriquecido con las ventajas inherentes al medio virtual y la interaccion con los servidores de todo el mundo se logra una conexion a una plataforma de información e interfaz de conexion y contacto a todo el internet.

    El lenguaje de html permite enriquecer y al mismo tiempo dar un formato lógico a nuestro Contenido, con la siguiente sintaxis de html5 se guarda el archivo con la terminación: .html : toropesado.html :

    <!DOCTYPE>
    <html>
    <head>
    <title>Toropesado.com</title>
    </head>
    <body>
    <h3>Bienvenido</h3>
    <strong>Escalador!</strong>
    <i>A la casa de los Montañistas</i>
    <small>en los a Desiertos de Chihuahua al Norte de México</small>
    </body>
    </html>

    Bienvenido

    Escalador!
    A la casa de los Montañistas
    en los a Desiertos de Chihuahua al Norte de México
  • C S S 3
  • Cascade Style Sheet
  • Css Especifíca la organizacion, forma y colores del contenido de un documento html para imprimirlo en pantalla a traves del navegador web, este lenguaje maneja los atributos de las etiquestas de html como lo es: borde, margen, color, funte, posicion, y diseños con el fin de volver mas atractivo y agradable al usuario la información a desplegar.

    Css conocido en español como Hojas de Estilo, nos permiten seleccionar etiquetas de html y modificar sus valores en diversas carcteristicas como color, tamaño, posición, margenes, bordes, contornos, etc, estas reglas se guardan en archivos con terminación .css, que para ser utilizadas deben ser enlazadas al documento html dentro de la etiqueta Head:
    <head>
    <link rel="stylesheet" href="css/toropesado.css"></head>

    .rasta {
    background-color: red;
    border-style: ridge;
    border-color: gold;
    font-size: 1em;
    text-color: lime;
    text-align: center;
    }
  • J S
  • Java Script
  • Js programa el comportamiento de nuestro documento web, codificando pequeños programas para interactuar con los usuarios, es un lenguaje de programación web "todopoderoso" que da alas a la imaginación de los programadores para dar vida en cierto sentido al hypertexto.

    Las imagenes del encabezado de nuestro sitio tiene un pequeño codigo en Java Script para cambiar la imagen del Encabezado cada vez que se recarga la pagina, este codigo esta insertado en el Encabezado de nuestro Sitio, y escrito de la siguiente manera:

    <script type="text/javascript">

    <!--

    var img = new Array();

    // Enlaces de las imagenes a desplegar

    img.push("img/juarez.jpg");
    img.push("img/basaseachi.jpg");
    img.push("img/peñoles.jpg");

    // cuantas imagenes a desplegar ?

    var num = 1;

    // Aquí las imagenes son seleccionadas aleatoriamente para imprimir en pantalla

    rand = Math.floor(Math.random()*img.length);
    document.write("<img src=\"" + img[rand] + "\" />"); }

    //-->

    <
    /script>


    Otro Ejemplo de JS

    Esto es una Instancia

    JavaScript es usado para dar movimiento y animacion al contenido estatico de un sitio web .
    De que otra manera se pudiera lograr esto ?

    El Texto en este mensaje esta oculto hasta que no se de Click en el Boton

    Segunda Instancia

    ×

    Segundo Cuadro de Dialogo

    Esta instancia se logra gracias al uso de JavaScript

    ×
  • Programar en 3 lenguajes y ahorrar Tiempo
  • Cómo usar Lenguajes de Programacion Web en tu computadora ??

  • Existen muchisimos Lenguajes de Programación web los cuales procesados e interpretados por los servidores en Internet y desplegados en los Navegadores web de los usuarios, Tan solo se necesita un Editor de Texto para escribir toda la sintaxis de programación y comandos que se quiere, interpreten estos Servidores y arrojen nuestro contenido justo como lo hemos indicado en el navegador del Usuario de la Nube .

    En este sentido desarrollar todo la sintaxis y comandos de un sitio de internet con una Computadora de Escritorio, los lenguajes de programación Web: HTML5, CSS y JavaScript y el invaluable editor de texto Sublime Text, Resuelve mucho la manera en como se va a trabajar con el Contenido pero a su vez esto requerirá de muchisimo Tiempo a invertir en el desarrollo desde "0" de este sitio o página web ; Afortunadamente exiten varias soluciónes para ahorrar tiempo y esfuerzo gracias a la corriente del Software libre y las innovaciones actuales llegan los Frameworks como, Zurb Foundation, Get BootStrap, Skeleton entre otros que resuelven los aspectos de navegacion, diseño, organizacion, interacción y organización de nuestro Contenido web : Texto, Imagenes y Video.

    Los Frameworks son reglas de Css y Codigo Java Script, distribuido en codigo abierto y de manera libre para beneficio de la comunidad de desarrolladores web de todo el mundo, cada Framework: Zurb Foundation, Get BootStrap, Skeleton, Html5BoilerPlate visitalos, evalua y descarga el Framework que mejor se adapte a tú proyecto, al descargar obtienes archivos .css y .js que tu enlazas a tus archivos html y los desarrolladores web puedan enfocar su tiempo en la creación y elaboración del Contenidoweb de sus proyectos,
Framework o Plantilla de Trabajo
  • FrameWorks
  • Zurb Foundation VS Get Bootstrap
    • Zurb Foundation
    • Foundation 5 es el Framework que da vida a nuestro proyecto de Documentar, Comunicar, Desarrollar y Preservar la Escalada, ahorra un tiempo valioso de programación y enfoca nuestros esfuerzos en el contenido util y como dice en su pagina de web:

      Foundation is made by ZURB, a product design company in Campbell, California. We've put more than 15 years of experience building web products, services and websites into this framework.
    • Get Bootstrap
    • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
FrameWorks vs Content Managment System
  • C M S vs Frame Work
  • CMS: MySql, Php, Perl, Apache web server
    • Content Managment System
    • Los Sistemas de Administración de Contenido, o gestores de contenido web de los cuales los más populares son: Wordpress, Drupal y Joomla son sistemas web más robustos y sistematizados para la interacción con el usuario, requieren mas conocimientos en sistemas para realizar la instalación de servicios Web, como Apache, para el manejo de datos se utiliza lenguajes de Manejo de Bases de Datos, como MySQL, para la captura y entrada de datos maneja campos Pearl y PHP para gestionar y automatizar el sistema y desplegarlo en el navegador del usuario en la nube.

      Todas estas instalaciones convierten nuestro proyecto en un sitio web muy pesado por ejemplo, para un usuario de la nube que utiliza su dispositivo movil para accesar a nuestro sitio el tiempo de carga del mismo sera muy lento, y conforme se va alimentando el sistema se ira incrementando el espacio de alojamiento en el Servidor Web para nuestro sitio.
    • WordPress
    • Piensa en un sitio de internet de Noticias en el cual los reporteros accesan la plataforma de noticias con equipo remoto a sus cuentas personales que tiene cierto nivel de privilegios que el Administrador del Sitio otorga y que les permiten escribir en tiempo real y publicar las notas periodísticas al instante y mantienen la fluidez del sistema informativo del que son parte ; Los CMS son un papel importante de la Sociedad en la actualidad cumplen muy bien con su función

      Según el proyecto que tengas entre m
El Nombre de tu Página
  • Nombres de Dominio
  • .net .gov, .edu, .com, .mil y .org



    • Dominios de propósito general
    • .com Inicialmente previsto para empresas comerciales. Es el dominio más difundido en Internet.

      .org Inicialmente previsto para organizaciones sin ánimo de lucro, instituciones y fundaciones.

      .net Inicialmente previsto para empresas relacionadas con Internet

      .info Esta terminación de dominio por regla general es utilizada por sitios web cuyo principal cometido es de contenidos informativos.

      .biz Esta terminación proviene de la abreviación de business (negocios en inglés) y su utilización está enfocada a la temática de los negocios.

      .edu Los dominios con esta terminación son utilizados para fines educativos.

    • Registro de Dominios en GoDaddy
    • El punto principal y que se debe tener claro al comprar un dominio es que se si pagamos debemos ser nosotros los que gestionemos los datos del registro. Generalmente son muchas las empresas que registran dominio y para ello utilizan sus datos, posteriormente ceden los derechos al usuario final mediante una carta o sin que el usuario sepa este punto. Debemos evitar estos casos aunque nos ofrezcan un mejor precio. El coste de compra de un dominio son standares y no pueden variar mucho de una empresa a otra.
Hospedaje Web
  • Web Hosting
  • .net .gov, .edu, .com, .mil y .org



    • Hospedaje compartido
    • Hospedaje web, o hosting web, es como se denomina al servicio que ofrecen empresas tecnológicas para albergar información con la intención de que puede ser visualizada o compartida en Internet, textos, fotografías, vídeos, cualquier contenido transmisible en línea.

      Hospedaje web no es más que una analogía que compara el almacenamiento de datos con el alojamiento en un establecimiento hotelero. Como las habitaciones de un hotel, las instalaciones técnicas conocidas como servidores, proveen de espacio a los usuarios en los que alojar sus archivos.

      El hospedaje web compartido permite, por su parte, que varios usuarios aprovechen los espacios de un mismo servidor y repartan sus capacidades, se trata de un servicio económico.
    • Hosting dedicado
    • El hospedaje web proporcionalmente más costoso es el dedicado, en el que un único cliente ocupa los recursos del servidor. Por esa razón, porque resultan menos económicos, muchos titulares suelen alquilar secciones en sus servidores para reducir los costos de explotación. A este arrendamiento se le denomina ‘reseller’, reventa, que responde también a muy diferentes formas.