HTML

HTML es un Lenguaje para crear páginas web. Es el llamado Lenguaje Web. Es el estándar que éstas debe tener para ser reconocida y visualizada en todos los navegadores.

Como su nombre indica el HTML es un lenguaje de "marcado". Si tenemos un texto y queremos convertirlo en una página web hemos de ir añadiéndole marcas que identifiquen que es cada cosa y como debe ser mostrada.

En una página escrita en lenguaje HTML si queremos añadir un elemento (imagen, vídeo, script, entre otros.), éste no lo podemos incrustar directamente en el código de la página, sino que debemos hacer una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene solamente texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final.

Las siglas "ML" se refieren a un "LENGUAJE DE MARCADO O DE MARCAS." Los lenguajes de marcado son los lenguajes que conforman la web.  Un lenguaje de marcas es un lenguaje que anota el texto de modo que el ordenador puede manipularlo. Por ejemplo, las etiquetas de formato son ‹ y ›. El texto que aparece dentro de uno de esos delimitadores se considera parte del lenguaje de marcado y no parte del texto anotado. Por ejemplo:

‹ p › este es el texto que aparecerá en tu pagina ‹ /p ›

Etiquetas de marca que permiten introducir un párrafo

Párrafo que queremos que se muestre en nuestra web

A lo largo de este tutorial de HTML les enseñare lo básico de este Lenguaje, las principales etiquetas y su uso. El tutorial tendrá este contenido:

Introducción y lo Básico de HTML

• Elementos y Etiquetas del lenguaje HTML

• Estructura de un documento HTML

• Diseño

• Principales elementos y sus Etiquetas

• Tablas

• Formularios

• Objetos Multimedia (imágenes, música, vídeos)

• Conclusión

• Otros términos
• 
  

IR A TUTORIAL

Read More

CSS3

CSS3 es como el hijo menor de CSS, la última versión de este.

CSS es un lenguaje utilizado en la presentación de páginas web, es decir, el lenguaje que permite cambiar su aspecto. Se basa en una serie de reglas con una sintaxis específica para poder ser entendida por los navegadores. Cada regla está compuesta por un selector y la declaración. La declaración a su vez está compuesta por una propiedad y su valor.

selector{propiedad:valor}

Entendámoslo mejor con un ejemplo:

Imagina a varias personas dentro de una casa, entre ellas dos mujeres María y Carmen y queremos cambiarle el aspecto sólo a María, cambiar su color de cabello de marrón a amarillo. El selector seria el cabello pero debo especificar bien que es el de María sino cambiara el de Carmen también.

Cabello de María = color amarillo

Esto es lo que hace CSS seleccionar un objeto de nuestro documento HTML (de nuestra página web) y ponerle un tinte, cambiarle el aspecto para que lo visualicemos así, pero en sí sigue siendo ese objeto (el cabello de María con su color original marrón)

▪ Regla: cada uno de los estilos que componen una hoja de estilos CSS.

▪ Selector: indica el elemento o elementos HTML a los que se aplica la regla CSS.

▪ Declaración: especifica los estilos que se aplican a los elementos. Está compuesta por una o más propiedades CSS.

▪ Propiedad: permite modificar el aspecto de una característica del elemento.

▪ Valor: indica el nuevo valor de la característica modificada en el elemento.

La declaración indica "qué hay que hacer" y el selector indica "a quién hay que hacérselo"

Por esta razón es que se les denomina Hojas de Estilo

Y en cascada porque

Las propiedades de estilo pueden estar escritas en varios sitios (en varios lugares de la página web o de la hoja de estilo) y dependiendo del sitio, afectan a más o menos elementos.

Cuando un elemento está contenido en otro (por ejemplo, un párrafo <p> dentro de una división <div>), al elemento de dentro se le aplican también las propiedades definidas para el elemento de fuera (al párrafo <p> se le aplicarían las propiedades definidas para la división <div>).

Dos reglas distintas pueden ser de aplicación a un mismo elemento (por ejemplo, a un párrafo <p> con clase nombre, le es de aplicación tanto el selector .nombre como el selector p).

Es decir, van posicionadas como una cascada y mientras más cerca este de la selección más será tomado en cuenta.

En este tutorial contendrá:

• Cómo incluir CSS en un documento HTML
• El Modelo caja de texto
• Algunas Propiedades
• Selectores básicos
• Selectores avanzados

IR A TUTORIAL

Read More

JavaScript

JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas (Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario). Las etiquetas HTML crean objetos; JavaScript permite manipular esos objetos

Por tanto, un programa en JavaScript es una secuencia de instrucciones, escritas para realizar una tarea específica en una página web.

La única razón de ser de JavaScript son las páginas web. Con JavaScript no pueden construirse programas independientes, sólo pueden escribirse scripts que funcionarán en el entorno de una página Web

Pero las computadoras hablan un idioma, entienden el Lenguaje de Maquina, que es un idioma un tanto extraño compuesto solo por los números 0 y 1,  y nosotros otro idioma compuesto por palabras

Por tanto, siempre que escribamos un programa necesitaremos traducir nuestras palabras a números 0 y 1. Hay dos formas de hacerlo:

Necesitamos traducir esas instrucciones, y para ello, existen dos formas:

1.           Los Lenguajes Copilados

2.           Los Lenguajes Interpretados

El Lenguaje de Programación Copilado es aquel cuyas instrucciones del Programa o código Fuente, son traducidas por un compilador a un archivo ejecutable (traducen el programa entero.

En cambio un Lenguaje Interpretado es aquel en que a través de un intermediario (interprete) el ordenador es capaz de ejecutar la sucesión de instrucciones dadas por el programador sin necesidad de leer y traducir exhaustivamente todo el código. (Línea por línea). El intérprete se encarga de leer una a una las instrucciones textuales del programa conforme estas necesitan ser ejecutadas y descomponerlas en instrucciones del sistema.

JavaScriptse dice que es un lenguaje de Programación interpretado, cuyo intérprete es nuestro navegador.

en Índice del Curso será:

• Introducción
• Variables
• Estructuras de Control
• Funciones y Métodos
• Eventos
• Formularios
• Ejercicios

IR A TUTORIAL

Read More

JQUERY

jQuery es una biblioteca, un Kit de herramientas de JavaScript.  

Query, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requerirían de mucho más código, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.

Nos permite desarrollar animaciones geniales con pocas líneas de código y agregar interacción con la técnica AJAX a páginas web.

Es decir, el propósito de jQuery es hacer mucho más fácil el uso de JavaScript en su página web.

El Índice será:

• Introducción
• Selectores
• Algunos efectos rápidos con jQuery
• Algunos Métodos  (SET y GET)
• Callback de funciones jQuery
• Jquery Avanzado (AJAX)

IR A TUTORIAL

Read More

Base de Datos

En Este tutorial aprendemos algo sobre Base de datos.

Una Base de Datos es como un almacén, un conjunto de datos almacenados en una memoria exterior, organizadas por registros y campos, de manera que permita recuperar fácilmente alguna clase de información

Una Base de Datos mejora la organización, el control y la búsqueda de la información contenida en ella. Si dicha Base de Datos está en una empresa está mejorara su eficacia, brindara un mejor control sobre los procesos que efectué y por ende minimizaremos el tiempo de realización de una determinada tarea y por tanto mejoraremos la producción.

Los principales elementos de una base de datos son los siguientes:

Tablas – Es el elemento principal de la base de datos, ya que allí se registra la información que se quiere gestionar. Está compuesta, como si se tratase de una planilla de cálculo, por filas y columnas. Cada archivo de una base de datos puede contener tantas tablas como se requiera.

Formularios – La información dentro de la base de datos puede introducirse directamente en las tablas, pero también a través de un formulario – lo que resulta más cómodo y práctico –. Los formularios hacen que sea más fácil ingresar los datos.

Consultas – Es el elemento que se emplea para seleccionar una determinada información del interior de la base de datos. 

Los tipos de Base de Datos son tres:

·         Base de Datos Jerárquica

Es aquella donde los datos se presentan en nivel múltiples que represente con raíz y sus ramificaciones.

·         Bases de Datos Red

Es aquella que permite la conexión de los nodos en forma multidireccional, por lo que cada nodo puede tener varios dueños a la vez.

·    Base de Datos Relacional

Es la que veremos  en este tutorial y es la que almacena la información en tablas (filas y columnas de datos) y realiza búsquedas utilizando los datos de columnas especificadas de una tabla para encontrar datos adicionales en otra tabla. En una base de datos relacional, las filas representan registros (conjuntos de datos acerca de elementos separados) y las columnas representan campos (atributos particulares de un registro). Al realizar las búsquedas, una base de datos relacional hace coincidir la información de un campo de una tabla con información en el campo correspondiente de otra tabla y con ello produce una tercera tabla que combina los datos solicitados de ambas tablas.

Componentes Base de datos relacional:

CAMPO: Columnas y tienen que ser del mismo tipo. Cada campo debe tener un nombre y sobre qué tipo de datos va a almacenar.

REGISTROS: Filas y se relacionan entre sí. Nos proporcionan información.

ARCHIVO: Colección de registros.

VARIOS ARCHIVOS RELACIONADOS HACEN UNA BASE DE DATOS

Existe algo llamado Gestores de Bases de Datos: Son un conjunto de programas que manejan todo acceso a la base de datos. Gracias a este sistema de software específico el usuario puede gestionar la base de datos (almacenar, modificar y acceder a la información contenida en ésta) mediante el uso de distintas herramientas para su análisis, con las que puede realizar consultas y generar informes. MySQL es uno de ellos (Ver Figura)

Además es idóneo para la creación de páginas web dinámicas que utilicen Base de Datos.

 Paginas web estáticas, dinámicas y dinámicas con Base de Datos

Por tal motivo será el objetivo de este aparte del tutorial.

Ir a tutorial de MySQL

Read More