Desde hace unos años, Google pretende estar presente en el aprendizaje de las personas que están interesadas en mejorar la formación digital. Para llevar a cabo esta idea, empezó a realizar convenios para poder asociarse con diferentes universidades de Europa y de España.
Google Actívate
Iniciativa que tiene como fin ofrecer cursos gratuitos.
Está enfocada en ayudar a las personas que buscan acceder a un empleo por primera vez o que necesitan aprender a manejarse con las nuevas tecnologías.
La plataforma creada por la compañía ofrece formación gratis con certificado y reconocimiento digital. Los cursos se pueden realizar online y también en modalidad presencial, destacan los de marketing digital, comercio electrónico o analítica de datos.
Aca dejo un video donde da a conocer la historia de Cristina, Myriam y Raquel, que consiguieron activarse profesionalmente tras su paso por los cursos presenciales de Actívate.
Es una tecnologia que usa un conjunto de protocolos y estandares que sirven para intercambiar datos entre aplicaciones la interoperabilidad se consigue mediante la adopcion de estandares abiertos.
Para mejorar la interperabilidad entre distintas implementaciones de servicios Web se ha creado el organismo WS-1, encargado de desarrollar diversos perfiles para definir de manera mas exhaustiva estos estandares. Es una maquina que atiende las peticiones de los clientes Web y less.
Permiten exponer y hacer disponibles funcionalidades (servicios) de los sistemas informaticos de las organizaciones mediante tecnologias y protocolos Web estandar.
Cada servicio WEB tiene la responsabilidad de realizar un conjunto de funciones concretas y bien definidas.
Los servicios WEB actuan como componentes independientes que se pueden integrar para formar sistemas distribuidos complejos.
JavaScript Object Notation
Es un formato ligero de intercambio de datos. Leerlo y escribirlo es simple para humanos, mientras que para las máquinas es simple interpretarlo y generarlo. Está basado en un subconjunto del Lenguaje de Programación JavaScript, Standard ECMA- 262 3rd Edition - Diciembre 1999. JSON es un formato de texto que es completamente independiente del lenguaje pero utiliza convenciones que son ampliamente conocidos por los programadores de la familia de lenguajes C, incluyendo C, C++, C#, Java, JavaScript, Perl, Python, y muchos otros. Estas propiedades hacen que JSON sea un lenguaje ideal para el intercambio de datos.
JSON está constituído por dos estructuras:
Una colección de pares de nombre/valor. En varios lenguajes esto es conocido como un objeto, registro, estructura, diccionario, tabla hash, lista de claves o un arreglo asociativo.
Una lista ordenada de valores. En la mayoría de los lenguajes, esto se implementa como arreglos, vectores, listas o sequencias.
Estas son estructuras universales; virtualmente todos los lenguajes de programación las soportan de una forma u otra. Es razonable que un formato de intercambio de datos que es independiente del lenguaje de programación se base en estas estructuras.
En JSON, se presentan de estas formas:
Un objeto es un conjunto desordenado de pares nombre/valor. Un objeto comienza con { (llave de apertura) y termine con } (llave de cierre). Cada nombre es seguido por : (dos puntos) y los pares nombre/valor están separados por , (coma).
es un Lenguaje de Etiquetado Extensible muy simple, pero estricto que juega un papel fundamental en el intercambio de una gran variedad de datos. Es un lenguaje muy similar a HTML pero su función principal es describir datos y no mostrarlos como es el caso de HTML. XML es un formato que permite la lectura de datos a través de diferentes aplicaciones.
Las tecnologías XML son un conjunto de módulos que ofrecen servicios útiles a las demandas más frecuentes por parte de los usuarios. XML sirve para estructurar, almacenar e intercambiar información.
Entre las tecnologías XML disponibles se pueden destacar:
XSL : Lenguaje Extensible de Hojas de Estilo, cuyo objetivo principal es mostrar cómo debería estar estructurado el contenido, cómo debería ser diseñado el contenido de origen y cómo debería ser paginado en un medio de presentación como puede ser una ventana de un navegador Web o un dispositivo móvil, o un conjunto de páginas de un catálogo, informe o libro.
XPath : Lenguaje de Rutas XML, es un lenguaje para acceder a partes de un documento XML.
XLink : Lenguaje de Enlace XML, es un lenguaje que permite insertar elementos en documentos XML para crear enlaces entre recursos XML.
XPointer : Lenguaje de Direccionamiento XML, es un lenguaje que permite el acceso a la estructura interna de un documento XML, esto es, a sus elementos, atributos y contenido.
XQL : Lenguaje de Consulta XML, es un lenguaje que facilita la extracción de datos desde documentos XML. Ofrece la posibilidad de realizar consultas flexibles para extraer datos de documentos XML en la Web.
todos los dispositivos Android tienen dos áreas de almacenamiento de archivos: "interna" y "externa". Estos nombres provienen de los primeros días de Android, cuando la mayoría de los dispositivos ofrecian una función de la memoria no volátil (memoria interna), además de un medio de almacenamiento extraíble, como una tarjeta micro SD (almacenamiento externo).
Hoy en dia la mayoria de dispositivos particionan la memoria permanente o interna con otra particion externa, por lo que incluso sin un medio de almacenamiento extraíble, siempre hay dos espacios de almacenamiento.
Recuerda que las ranuras SD no tienen nada que ver con esta memoria, las ranuras SD no son parte del almacenamiento externo, y nuestras aplicaciones no podrán acceder a esta tarjeta SD, este almacenamiento extra es sólo para que podamos proporcionar ficheros multimedia que el sistema escanea. La siguiente lista resume las ventajas de cada uno de los tipos de almacenamiento:
Almacenamiento interno:
Tiene una pequeña memoria y una unica biblioteca es necesaria para acceder a base de datos.
Realiza operaciones de manera eficiente y es mas rapido que MYSQL y PostgreSQL.
Se ejecuta en muchas plataformas y sus bases de datos pueden ser facilmente portadas sin ninguna configuracion o administracion.
Cuenta con diferentes interfaces del API. las cuales permiten trabajar con C++, PHP,Perl, Phyton, Ruby, Tel, Groovy, Que ofrece el plugin qsqlite.
Es de dominio Publico y por tanto es libre de utilizar para cualquier proposito sin costo.
Desventajas
Limitaciones en Where esta limitacion esta dada por el soporte para clausuras anidadas.
Falta de Clave Foranea, cuando se realice la creacion de la tabla desde el modo consola esta permitiendo el uso de la clausura. Aunque no realizara el chequeo de la misma.
Es una base de datos mas usadas a nivel de software y bastante ligera a diferencia de MYSQL, con un detalle que seria el que no va dar un servicio del que me puede dar un servidor.
En realidad es un conjunto de librerias escritas en el lenguaje de programacion C que pesa aprox. 270 Kylobytes.
Lo que se hace al final en realidad es tener un archivo con extencion .SQLite y este archivo es nuestra base de datos, tomamos este archivo y llevarlo donde nosotros queramos.
Una limitante es una base de datos Monousuario, es decir que no acepta mas de un usuario a la vez, ese es el motivo por lo que es mas ligera.
ES sencilla y no hay que pagar ninguna licencia para poder tener acceso a ella.
una de las opciones es usar un Manager y hay varios por lo que hace mas facil usar la base de datos.
El Android SDK nos provee una serie de clases para administrar nuestro archivo de base de datos en SQLite.
Normalmente cuando conectamos otro gestor de bases de datos tenemos que validar los datos del equipo, el usuario y el esquema, pero con SQLite no se requiere nada de eso, ya que podemos trabajar directamente sobre la base de datos.
La clase que nos permitirá comunicar nuestra aplicación con la base de datos se llama SQLiteOpenHelper Se trata de una clase abstracta que nos provee los mecanismos básicos para la relación entre la aplicación Android y la información.
Para implementar este controlador debes:
Es una secuencia de operaciones realizadas como una sola unidad lógica de trabajo. Una unidad lógica de trabajo debe exhibir cuatro propiedades, conocidas como propiedades de atomicidad, coherencia, aislamiento y durabilidad (ACID), para ser calificada como transacción.
Una transacción debe ser una unidad atómica de trabajo, tanto si se realizan todas sus modificaciones en los datos, como si no se realiza ninguna de ellas.
Cuando finaliza, una transacción debe dejar todos los datos en un estado coherente. En una base de datos relacional, se deben aplicar todas las reglas a las modificaciones de la transacción para mantener la integridad de todos los datos. Todas las estructuras internas de datos, como índices de árbol b o listas doblemente vinculadas, deben estar correctas al final de la transacción.
En una transacción manejada por el container es necesario definir ciertos atributos para especificar como debe controlarla. Existen seis tipos de atributos del cual debe ser elegido uno de ellos y declarado en el elemento trans-attribute del descriptor:
permiten un control avanzado sobre el comportamiento de la transacción. Para poder hacer uso de la transacción es necesario utilizar una API especializada conocida como Java Transaction API (JTA).
Es proteger la Base de Datos contra accesos no autorizados. Se llama también privacidad.
INCLUYE ASPECTOS DE:
Es un marco de trabajo para crear aplicaciones java J2EE basadas en el patron MVC de tipo 1.
tiene como objetivo facilitar las tareas relacionadas con la presentación. Permite realizar el diseño de la web de forma libre y posteriormente asociarle componentes JSF específicos. De esta manera se consigue una menor dependencia del lenguaje y se dota al diseñador de más libertad.
Para configurar Facelets es necesario configurar el faces-config.xml, se permite la configuración de plantillas para la disposición de páginas, creación de etiquetas con propiedades individuales, se elimina complejidad en el desarrollo.
La tecnología Java para la creación de páginas web con programación en el servidor. JSP es un acrónimo de Java Server Pages, que en castellano vendría a decir algo como Páginas de Servidor Java. Es, pues, una tecnología orientada a crear páginas web con programación en Java. Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Las páginas JSP están compuestas de código HTML/XML mezclado con etiquetas especiales para programar scripts de servidor en sintaxis Java. Por tanto, las JSP podremos escribirlas con nuestro editor HTML/XML habitual. El motor de las páginas JSP está basado en los servlets de Java -programas en Java destinados a ejecutarse en el servidor-, aunque el número de desarrolladores que pueden afrontar la programación de JSP es mucho mayor, dado que resulta mucho más sencillo aprender que los servlets.
nos permiten configurar alguna información que pueda ser usada en nuestra página JSP, por ejemplo cosas como importar clases, definir una página de error, incluir una página JSP en otra.
Una directiva JSP afecta a la estructura general de la clase servlet.
Directivas pueden tener una serie de atributos que se pueden enumerar abajo como pares de valores clave y separados por comas.
Los espacios en blanco entre el símbolo @ y el nombre de la directiva, y entre la last atributo y el cierre%>, son opcionales.
Directiva Page:
Se utiliza para establecer algunas propiedades a nuestra página jsp. Tiene los siguientes atributos: import, sesión, buffer, autoflush, isThreadSafe, erroPage, entre otros.
Esta directiva se usa para establecer las propiedades generales de una página JSP. Podemos usar esta directiva varias veces a lo largo de la pagina JSP, pero sólo podemos asignar el valor de un atributo una vez por cada una, excepto para el atributo import. Los valores de la directiva se aplicarán a toda la pagina.
Directiva Include.
Nos permite insertar contenido de otro archivo en una jsp.
include file=”url relativa”
En otras palabras, la directiva include simplemente copia el contenido del archivo incluido byte a byte, siendo el resultado similar a si copiamos el texto del archivo incluido y lo pegamos en el JSP.
Es muy importante señalar que dado que la directiva include incluye el fichero en el momento de la compilación, si la página incluida cambia después de la compilación, los cambios no se verán reflejados en la página actual hasta que se vuelva a compilar. Por esta razón si una página incluida cambia, es necesario re-compilar la página que la contiene.
Directiva TagLib.
Esta parte es un poco más complicada. Pero básicamente, la directiva TagLib nos permite utilizar librerías de etiquetas creadas por el propio programador en nuestra pagina jsp. (Sonó confuso… cierto?) Podemos usar nuestras propias etiquetas (llamadas también etiquetas personalizadas o Custom Tags) en nuestra JSP y también nos permite usar etiquetas JSTL (verás eso en otro post).
Para mostrarte como funciona esto de las etiquetas personalizadas, haremos este ejemplo. Digamos que en mi jsp, yo escribiera mi propia etiqueta asi
Las Bases de Datos tienen una gran relevancia a nivel personal, pero más si cabe, a nivel empresarial, y se consideran una de las mayores aportaciones que ha dado la informática a las empresas. En la actualidad, cualquier organización que se precie, por pequeña que sea, debe contar con una Base de Datos, pero para que sea todo lo efectiva que debe, no basta con tenerla: hay que saber cómo gestionarlas. Las principales utilidades que ofrece una base de datos a la empresa son las siguientes:
es un mecanismo de programación de las tecnologías de web scripting que permite conservar información sobre un usuario al pasar de una página a otra. A diferencia de una cookie, los datos asociados a una sesión se almacenan en el servidor y nunca en el cliente.
En la mayoría de las tecnologías de web scripting, las sesiones se implementan mediante una cookie que almacena un valor que identifica al usuario en el servidor web cada vez que pasa de una página web a otra. En el servidor web están almacenados todos los datos de la sesión y se accede a ellos cada vez que se pasa de página gracias al identificador almacenado en la cookie.
En Mozilla Firefox podemos ver las cookies que tenemos almacenadas, con su valor y fecha de caducidad.
Uno de los conceptos que más problemas produce cuando comenzamos a trabajar con aplicaciones web en Java es el concepto de java session (HttpSession) que sirve para almacenar información entre diferentes peticiones HTTP ya que este protocolo es stateless (sin estado). Así pues en muchas ocasiones nos encontraremos con el problema de compartir estado (datos usuario) entre un conjunto amplio de páginas de nuestra Aplicación.
Para solventar este problema en la plataforma Java EE se usa de forma muy habitual la clase HttpSession que tiene una estructura de HashMap (Dicccionario) y permite almacenar cualquier tipo de objeto en ella de tal forma que pueda ser compartido por las diferentes páginas que como usuarios utilizamos.
El funcionamiento del sistema de sessiones es relativamente sencillo. Cada vez que un usuario crea una session accediendo a una página (que la genere) se crea un objeto a nivel de Servidor con un HashMap vacío que nos permite almacenar la información que necesitamos relativa a este usuario. Realizado este primer paso se envía al navegador del usuario una Cookie que sirve para identificarle y asociarle el HashMap que se acaba de construir para que pueda almacenar información en él. Este HashMap puede ser accedido desde cualquier otra página permitiéndonos compartir información.
Usuarios y Sessiones
El concepto de Session es individual de cada usuario que se conecta a nuestra aplicación y la información no es compartida entre ellos. Así pues cada usuario dispondrá de su propio HashMap en donde almacenar la información que resulte útil entre páginas.
Es usado para enviar comandos SQL hacia una base de datos relacional, que puede ser Oracle, Infomix, SyBase, etc. Establece una conexión con una BD
son pequeños archivos que algunos sitios web guardan en tu ordenador.
Las cookies almacenan información sobre tí, como nombre de usuario o información de registro, o preferencias de usuario, pero no espían, como el spyware. Si tienes una cookie de un sitio web al que vas a menudo, la cookie recuerda cosas que harán tu próxima visita a esa página un poco más fácil, e incluso hace que las páginas se carguen un poco más rápido.
Es bueno borrar tus cookies de vez en cuando, porque aunque algunas caducan y se eliminan solas tras un cierto periodo de tiempo predeterminado, otras no caducan y si no las borras se quedan en tu ordenador ocupando espacio.
Sus principales funciones son:
La arquitectura cliente-servidor es un modelo de aplicación distribuida en el que las tareas se reparten entre los proveedores de recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Un cliente realiza peticiones a otro programa, el servidor, quien le da respuesta. Esta idea también se puede aplicar a programas que se ejecutan sobre una sola computadora, aunque es más ventajosa en un sistema operativo multiusuario distribuido a través de una red de computadoras. Algunos ejemplos de aplicaciones computacionales que usen el modelo cliente-servidor son el Correo electrónico, un Servidor de impresión y la World Wide Web.
El servlet es una clase en el lenguaje de programación Java, utilizada para ampliar las capacidades de un servidor. Aunque los servlets pueden responder a cualquier tipo de solicitudes, éstos son utilizados comúnmente para extender las aplicaciones alojadas por servidores web, de tal manera que pueden ser vistos como applets de Java que se ejecutan en servidores en vez de navegadores web. Este tipo de servlets son la contraparte Java de otras tecnologías de contenido dinámico Web, como PHP y ASP.NET. La palabra servlet deriva de otra anterior, applet, que se refiere a pequeños programas que se ejecutan en el contexto de un navegador web. El uso más común de los servlets es generar páginas web de forma dinámica a partir de los parámetros de la petición que envíe el navegador web.
import javax.servlet.*; import javax.servlet.http.*; import java.io.*; public class Contador extends HttpServlet { //variable contador int contador; public void init(ServletConfig conf) throws ServletException { super.init(conf); //inicializamos la variable contador contador = 1; } public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { res.setContentType("text/html"); PrintWriter out = res.getWriter(); int tmp = contador; //incrementamos la variable contador contador++; out.println(""); out.println("
"); out.println("
La sigla CGI viene de Common Gateway Interface, y como el nombre lo indica corresponde a la definición de la interfaz entre los servidores WEB y las aplicaciones que se ejecutan en el servidor. Estas aplicaciones pueden estar construidas en cualquier lenguaje, los lenguajes mas comunes son Perl, C, y script de unix. CGI sólo define la forma de transferir información en ambos sentidos. Cuando el World Wide Web inició su funcionamiento como lo conocemos, empezando a tomar popularidad aproximadamente en 1993, solo se podía apreciar texto, imágenes y enlaces. La introducción de Plugins en los navegadores permitió mayor interactividad entre el usuario y el cliente, aunque estaba limitado por la velocidad y la necesidad de tener que bajar e instalar cada plugin que se necesitara, por lo que estos se desarrollaron mayormente en áreas de vídeo, audio y realidad virtual.
La tecnología Servlet proporciona las mismas ventajas del lenguaje Java en cuanto a portabilidad (“write once, run anywhere”) y seguridad, ya que un Servlet es una clase de Java igual que cualquier otra, y por tanto tiene en ese sentido todas las características del lenguaje, Esto es algo de lo que carecen los programas CGI, ya que hay que compilarlos para el sistema operativo del servidor y no disponen en muchos casos de técnicas de comprobación dinámica de errores en tiempo de ejecución.
Cuando se crea un servlet, el servidor llama al método init y cada vez que un cliente acceda al servlet el servidor llamará al método service que se encargará de redirigir la llamada doGet o a doPost. Esto nos quiere decir que cuando se llama por primera vez a un servlet se ejecutara primero init y después service, pero ... ¿Y la segunda vez y sucesivas también se llama a init o sólo a service?. Normalmente, el servidor crea el servlet (llama, por tanto, al método init) y lo mantiene funcionando, si ha pasado un tiempo suficiente (y que puede ir desde unos segundos a nunca) sin que el servlet se llame lo deja de ejecutar. Es decir, un servlet se empieza a ejecutar con la primera llamada y, normalmente, se seguirá ejecutando. De esta forma, vamos a crear un servlet que cuente el número de visitas que recibe, para ello nos bastará crear una variable contador que inicializaremos en el método init y que incrementaremos en doPost/doGet. Por lo que, el contador se inicializará cuando se llame por primera vez al servlet y se irá incrementando en llamadas sucesivas.
import javax.servlet.*; import javax.servlet.http.*; import java.io.*; public class Contador extends HttpServlet { //variable contador int contador; public void init(ServletConfig conf) throws ServletException { super.init(conf); //inicializamos la variable contador contador = 1; } public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { res.setContentType("text/html"); PrintWriter out = res.getWriter(); int tmp = contador; incrementamos la variable contador contador++; out.println(""); out.println("
"); out.println("AJAX es el acrónimo de Asynchronous Javascript and XML, es decir: Javascript y XML Asincrono. Este acrónimo fue utilizado por primera vez por Jesse James Garret en 2005, en su publicación Ajax: a New Approach to Web Applications si bien los componentes en que se basan y los recursos técnicos de que hace uso ya existían desde muchos años antes.
Sus ventajas son:
es un framework Javascript, pero quizás muchos de los lectores se preguntarán qué es un framework. Pues es un producto que sirve como base para la programación avanzada de aplicaciones, que aporta una serie de funciones o códigos para realizar tareas habituales. Por decirlo de otra manera, framework son unas librerías de código que contienen procesos o rutinas ya listos para usar. Los programadores utilizan los frameworks para no tener que desarrollar ellos mismos las tareas más básicas, puesto que en el propio framework ya hay implementaciones que están probadas, funcionan y no se necesitan volver a programar.
jQuery es un framework para el lenguaje Javascript, luego será un producto que nos simplificará la vida para programar en este lenguaje.
jQuery nos permite agregar efectos y funcionalidades complejas a nuestro sitio web, como por ejemplo: galerías de fotos dinámicas y elegantes, validación de formularios, calendarios, hacer aparecer y desaparecer elementos en nuestra página y muchas otras poderosas opciones. Otra ventaja sin duda es la posibilidad que nos brinda de trabajar con AJAX, sin preocuparnos de los detalles complejos de la programación.
El principal objetivo del AJAX, es intercambiar información entre el servidor y el cliente (navegadores) sin la necesidad de recargar la página. De esta forma, ganamos en usabilidad, experiencia y productividad del usuario final.
Debe tenerse en cuenta que ésta es una lista general, y el soporte de las aplicaciones AJAX dependerá de las características que el navegador permita.
La ventaja principal de jQuery es que es mucho más fácil que sus competidores.
Para hacer uso de esta fabulosa Librería tienes que bajarla directamente desde el sitio oficial.
Haz clic aquí para bajar jQuery.
Aqui mismo te desplegara todos los pasos a seguir y empezarlo a usar.
es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta técnica de diseño y desarrollo se conoce como “responsive design” o diseño adaptativo. El beneficio de usar responsive design en un sitio web, es principalmente que el sitio web se adapta automáticamente al dispositivo desde donde se acceda. Lo que se usa con más frecuencia, y que a mi opinión personal me gusta más, es el uso de media queries, que es un módulo de CSS3 que permite la representación de contenido para adaptarse a condiciones como la resolución de la pantalla y si trabajás las dimensiones de tu contenido en porcentajes, puedes tener una web muy fluida capaz de adaptarse a casi cualquier tamaño de forma automática.
Para esto, nos dirigimos a la página de descargas y hacemos clic en el botón Download Bootstrap:
Haz click aca
Al finalizar la descarga, obtendremos el archivo bootstrap-3.3.6-dist.zip el cual vamos a descomprimir. El directorio resultante tiene la siguiente estructura:
bootstrap-3.3.6-dist/
css/
fonts/
js/
Copiamos los directorios css/, fonts/ y js/ al directorio donde se encuentra el sitio web estático, de la siguiente manera:
simple-starwars-site/
...
static/
css/
fonts/
js/
Para finalizar la instalación, es necesario incluir los archivos CSS de Bootstrap en la cabecera de todos los archivos HTML que se encuentran en el directorio del sitio estático:
!DOCTYPE html
html
head
...
link rel="stylesheet" href="http://rukbottoland.com/static/css/bootstrap.css"
link rel="stylesheet" href="http://rukbottoland.com/static/css/bootstrap-theme.css"
/head
También debemos incluir el archivo JavaScript de Bootstrap al final de cada archivo HTML, antes del cierre de la etiqueta body:
script src="http://rukbottoland.com/static/js/bootstrap.js" /script
/body
/html
y asi concluimos con todo el procedimiento.
Bootstrap incluye un primer sistema de respuesta, móvil fluido rejilla que escala apropiadamente hasta 12 columnas como el dispositivo o en la ventana gráfica que aumenta el tamaño. Incluye clases predefinidas de opciones de diseño sencillas, así como potentes mixins para generar diseños más semánticas .
Para agegar diseño a los diferentes componentes de HTML, lo primero que debemos de hacer es lo siguiente:
descargar el archivo bootstrap a nuestro ordenador,
luego copiarlo al proyecto que estamos trabajando,
le agregamos un link donde estemos especificando la ruta donde se encuentra para que pueda tener efecto en nuestro proyecto.
En la etiqueta deseada agregamos un clase para llamar los componentes de bootstrap, para darnos una guia de como agregarle componentes nos dirigimos a la pagina oficial de bootstrap donde estan las distintas funcionalidades desdes CSS y Java Script.
son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada.
Las Hojas de Estilo en Cascada se escriben dentro del código HTML de la página web, solo en casos avanzados se pueden escribir en un archivo a parte y enlazar la página con ese archivo. En un principio vamos a utilizar la manera más directa de aplicar estilos a los elementos de la página, mas adelante veremos la declaración en archivos externos. Para ello, y esto es la primera lección de este artículo, vamos a conocer un nuevo atributo que se puede utilizar en casi todas las etiquetas HTML: style.
para comenzar de estar forma es la mas recomendada cuando estamos empezando en todo este mundo del desarollo web.
para realizar esta forma de procesar CSS lo primero que debemos de hacer es lo siguiente:
ya estando en nuestro editor de codigo dependiendo de cual uses, no importa de igual manera se puede realizar
agregamos una nueva hoja le damos guardar, cuando nos muestre la pantalla de donde colocarlo para ser mas ordenados creamos una nueva carpeta con nombre CSS y seguido de agregarle el nombre a nuestro archivo despues del punto le agregamos CSS aca hay un ejemplo : "ejemplo.css" .
Despues verificamos que se encuentre nuestro archivo en la carpeta almacenada, nos dirigimos a la hoja en cascada que le agregaremos CSS, y agregamos un link donde especifique la ruta de nuestro archivo para que que se pueda agregar CSS.
y eso es todo de ahi se hara el mismo procedimiento de llamar desde ese archivo todas las clases para ser usadas en HTML.
la principal utilidad es para organizar la presentacion y aspecto de una pagina web.
Permite a los desarrolladores Web controlar el estilo y el formato de multiples paginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectara a todas las paginas vinculadas a esa CSS en las que aparezca ese elemento.
Una vez creada los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separacion horizontal y vertical entre elementos, posicion de cada elemento dentro de la pagina.
CSS describe cómo los elementos HTML se van a mostrar en la pantalla, papel, o en otros medios . CSS ahorra mucho trabajo . Se puede controlar el diseño de varias páginas web al mismo tiempo. CSS se puede agregar a los elementos HTML en 3 maneras: Inline - mediante el atributo de estilo en los elementos HTML Interna - mediante el uso de un elemento style en la sección head Externa - mediante el uso de un archivo CSS externo La forma más común de añadir CSS, es mantener los estilos CSS en archivos separados. Sin embargo, aquí vamos a utilizar en línea y el estilo interno, porque esto es más fácil de demostrar, y
Lo primero que debemos de hacer es posicionarnos en head despues de title agregamos una etiqueta llamada style la cual es la que nos dara la opcion de incluir CSS en nuestro HTML, por la cual tendremos que definir con exactitud sobre donde debemos aplicar y ahi mismo colocamos las distintas clases de CSS para incluirlas en nuestro HTML.
Un sitio web es un conjunto de páginas web desarrolladas en código html, relacionadas a un dominio de Internet el cual se puede visualizar en la World Wide Web (www) mediante los navegadores web o también llamados browser como ser Chrome, Firefox, Edge, Opera entre otros.
Cada página web perteneciente al sitio web tiene como objetivo publicar contenido, y este contenido podrá ser visible o no al público.
Los sitios web se pueden clasificar en dos tipos:
Sitios Web Estáticos: Se denomina sitio web estático a aquellos que no acceden a una base de datos para obtener el contenido. Por lo general un sitio web estático es utilizado cuando el propietario del sitio no requiere realizar un continuo cambio en la información que contiene cada página.
Sitios Web Dinámicos: Por el contrario los sitios web dinámicos son aquellos que acceden a una base de datos para obtener los contenidos y reflejar los resultados obtenidos de la base de datos, en las páginas del sitio web. El propietario del sitio web podrá agregar, modificar y eliminar contenidos del sitio web a través de un “sistema web”, generalmente con acceso restringido al público mediante usuario y contraseña, el cual se denomina BACK END.
Se asume que a la hora de contratar el desarrollo de un sitio web, el propietario, especificará al desarrollador web, la cantidad de páginas que contendrá el sitio, discriminando si son dinámicas o estáticas.
Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos. Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas. Entre las múltiples características que tiene una página web y que sirven para identificarla se encuentran las siguientes: cuenta con información textual y también con material de tipo audiovisual, está dotada de un diseño atractivo, está optimizada y ejerce como la tarjeta de presentación de una empresa, una persona o un profesional concreto.
XHTML (eXtensible HyperText Markup Language), es básicamente HTML expresado como XML válido. Es más estricto a nivel técnico, pero esto permite que posteriormente sea más fácil al hacer cambios o buscar errores entre otros. En su versión 1.0, XHTML es solamente la versión XML de HTML, por lo que tiene, básicamente, las mismas funcionalidades, pero cumple las especificaciones, más estrictas, de XML. Su objetivo es avanzar en el proyecto del World Wide Web Consortium de lograr una web semántica, donde la información, y la forma de presentarla estén claramente separadas. La versión 1.1 es similar, pero parte a la especificación en módulos. En sucesivas versiones la W3C planea romper con los tags clásicos traídos de HTML. Las principales ventajas del XHTML sobre el HTML son: Se pueden incorporar elementos de distintos espacios de nombres XML (como MathML y Scalable Vector Graphics). Un navegador no necesita implementar heurísticas para detectar qué quiso poner el autor, por lo que el parser puede ser mucho más sencillo. Como es XML se pueden utilizar fácilmente herramientas creadas para procesamiento de documentos XML genéricos (editores, XSLT, etc.).
es la última versión de HTML. El término representa dos conceptos diferentes: Se trata de una nueva versión de HTML, con nuevos elementos, atributos y comportamientos. Contiene un conjunto más amplio de tecnologías que permite a los sitios Web y a las aplicaciones ser más diversas y de gran alcance. A este conjunto se le llama HTML5 y amigos, a menudo reducido a HTML5 . Diseñado para ser utilizable por todos los desarrolladores de Open Web, esta página referencía numerosos recursos sobre las tecnologías de HTML5, clasificados en varios grupos según su función. Semántica: Permite describir con mayor precisión cual es su contenido. Conectividad: Permite comunicarse con el servidor de formas nuevas e innovadoras. Sin conexión y almacenamiento: Permite a las páginas web almacenar datos localmente en el lado del cliente y operar sin conexión de manera más eficiente. Multimedia: Nos otorga un excelente soporte para utilizar contenido multimedia como lo son audio y video nativamente. Gráficos y efectos 2D/3D: Proporciona una amplia gama de nuevas características que se ocupan de los gráficos en la web como lo son canvas 2D, WebGL, SVG, etc. Rendimiento e Integración: Proporciona una mayor optimización de la velocidad y un mejor uso del hardware. Acceso al dispositivo: Proporciona APIs para el uso de varios compomentes internos de entrada y salida de nuestro dispositivo. CSS3: Nos ofrece una nueva gran variedad de opciones para hacer diseños más sofisticados.
El hosting es un servicio al que puedes asociar tu dominio. Si tienes un dominio, lo más probable es que lo quieras para tener una página web, o para tener cuentas de correo bajo tu propio dominio. El hosting es exactamente eso, son esos servicios que vas a necesitar si quieres tener tu web y tu correo. De manera más concreta, podríamos decir que el hosting es tener espacio en el disco duro de un servidor, que está preparado con los programas necesarios para que puedas subir a ese espacio tu web y tener en ese espacio tus correos. Normalmente cuando compras un hosting en una empresa, ya trae todo lo necesario. Al menos en nuestra empresa, lo trae todo. Puede ser que en otras empresas te cobren algunas características aparte. ¿En qué me tengo que fijar a la hora de adquirir un hosting? ¿Qué es la transferencia mensual? ¿Cuánta transferencia necesito? ¿Cuánto espacio necesito para mi web? Todos los planes de alojamiento ofrecen una cantidad de espacio, y una cantidad de transferencia de datos. Aquí tienes tres artículos que explican lo que es el espacio y la transferencia, y cuánto deberías necesitar: Otra característica importante son las bases de datos. Si tu hosting no incluye bases de datos, no vas a poder instalar un gestor de contenidos como WordPress o Joomla. En la práctica, es muy posible que no vayas a manejar las bases de datos directamente, seguramente no te hace falta ni saber que están ahí, pero puede que sean necesarias a la hora de hacer tu web.
Descarga el siguiente documento para tener mas detalles sobre las etiquetas de HTML
----Haz CLick aca-----
Descarga el siguiente documento para ver todas las etiquetas que contiene HTML5
----Haz CLick aca-----