Java Scrip Tiene Muchas Funciones Dentro de Sus Amplios Codigos
Entra este Enlace para Ver Algunos Ejemplos
jQuery
jQuery
La librería más conocida de Javascript se llama jQuery y se ha convertido en un complemento en la mayoría de las webs que usamos en nuestro día a día, por su facilidad de uso y por su potencia. Con jQuery puedes escribir código Javascript que es capaz de ejecutarse sin errores en cualquier navegador, incluso los antiguos y te implementa muchas funcionalidades que puedes requerir repetidamente en cualquier sitio web.jQuery te permite además programar nuevas funcionalidades por medio de plugins para hacer cosas tan variadas como validación de formularios, sistemas de plantillas, pases de diapositivas, interfaces de usuario avanzadas y un largo etc. Por donde quiera que vayas en la web encontrarás funcionalidades dinámicas programadas por medio de plugins jQuery.
Más Información
Javascript a fondo
Todo lo que necesitas para aprender Javascript está en esta página.
Aquí encontrarás todos los contenidos de Javascript de
DesarrolloWeb.com, que te servirán para dar los primeros pasos con el
lenguaje y aprender los usos más avanzados.
Están distruidos en una serie de páginas con manuales que te introducen el propio lenguaje, técnicas y talleres, librerías para realizar tareas más complejas y en menos tiempo, etc. Si te interesa Javascript con todos estos materiales podrás dominarlo.
Pero además, en los últimos años Javascript se está convirtiendo también en el lenguaje "integrador". Lo encontramos en muchos ámbitos, ya no solo en Internet y la Web, también es nativo en sistemas operativos para ordenadores y dispositivos, del lado del servidor y del cliente. Aquella visión de Javascript "utilizado para crear pequeños programitas encargados de realizar acciones dentro del ámbito de una página web" se ha quedado muy pequeña.
En el contexto de un sitio web, con Javascript puedes hacer todo tipo de acciones e interacción. Antes se utilizaba para validar formularios, mostrar cajas de diálogo y poco más. Hoy es el motor de las aplicaciones más conocidas en el ámbito de Internet: Google, Facebook, Twitter, Outlook... absolutamente todas las aplicaciones que disfrutas en tu día a día en la Web tienen su núcleo realizado en toneladas de Javascript. La Web 2.0 se basa en el uso de Javascript para implementar aplicaciones enriquecidas que son capaces de realizar todo tipo de efectos, interfaces de usuario y comunicación asíncrona con el servidor por medio de Ajax.
Con Javascript podemos crear efectos especiales en las páginas y definir interactividades con el usuario. El navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para realizar estos efectos e interactividades, de modo que el mayor recurso, con que cuenta este lenguaje es el propio navegador y todos los elementos que hay dentro de una página (que no es poco). Pero ahora, gracias a las API Javascript del HTML5, que están disponibles en los navegadores actuales de ordenadores y dispositivos, podemos acceder a todo tipo de recursos adicionales, como la cámara, espacio para almacenamiento de datos, creación de gráficos basados en vectores y mapas de bits, flujos de datos con servidores, etc. Con todo ello se han multiplicado las posibilidades.
Cuando empiezas a aprender Javascript, ejecutando tus programas en el navegador, los primeros ejemplos que realizarás tendrán dos vertientes. Por un lado los efectos especiales sobre páginas web, para crear contenidos dinámicos y elementos de la página que tengan movimiento, cambien de color o cualquier otro dinamismo. Por el otro, javascript nos permite ejecutar instrucciones como respuesta a las acciones del usuario (eventos), con lo que podemos crear páginas interactivas con programas como calculadoras, agendas, o hojas de cálculo, interfaces de usuario diversas, etc.
Javascript es un lenguaje con muchas posibilidades, permite la programación de pequeños scripts, pero también de programas más grandes, orientados a objetos, con funciones, estructuras de datos complejas, etc. Además, Javascript pone a disposición del programador todos los elementos que forman la página web, para que éste pueda acceder a ellos y modificarlos dinámicamente.
Con Javascript el programador es capaz de alterar cualquier cosa que se muestra en una página, cambiando, insertando o eliminando todo tipo de contenido. Si lo deseas, puedes controlar de cada cosa que ocurre en la página cuando la está visualizando el usuario y comunicar con él con todo tipo de interfaces especiales. Todo eso es lo que permitirá crear aplicaciones web realmente impactantes. Aprender todo eso no se consigue en dos días, pero con ganas todo se acaba consiguiendo.
Están distruidos en una serie de páginas con manuales que te introducen el propio lenguaje, técnicas y talleres, librerías para realizar tareas más complejas y en menos tiempo, etc. Si te interesa Javascript con todos estos materiales podrás dominarlo.
Qué es Javascript
Javascript es un lenguaje de programación que surgió con el objetivo inicial de programar ciertos comportamientos sobre las páginas web, respondiendo a la interacción del usuario y la realización de automatismos sencillos. En ese contexto podríamos decir que nació como un "lenguaje de scripting" del lado del cliente, sin embargo, hoy Javascript es mucho más. Las necesidades de las aplicaciones web modernas y el HTML5 ha provocado que el uso de Javascript que encontramos hoy haya llegado a unos niveles de complejidad y prestaciones tan grandes como otros lenguajes de primer nivel.Pero además, en los últimos años Javascript se está convirtiendo también en el lenguaje "integrador". Lo encontramos en muchos ámbitos, ya no solo en Internet y la Web, también es nativo en sistemas operativos para ordenadores y dispositivos, del lado del servidor y del cliente. Aquella visión de Javascript "utilizado para crear pequeños programitas encargados de realizar acciones dentro del ámbito de una página web" se ha quedado muy pequeña.
En el contexto de un sitio web, con Javascript puedes hacer todo tipo de acciones e interacción. Antes se utilizaba para validar formularios, mostrar cajas de diálogo y poco más. Hoy es el motor de las aplicaciones más conocidas en el ámbito de Internet: Google, Facebook, Twitter, Outlook... absolutamente todas las aplicaciones que disfrutas en tu día a día en la Web tienen su núcleo realizado en toneladas de Javascript. La Web 2.0 se basa en el uso de Javascript para implementar aplicaciones enriquecidas que son capaces de realizar todo tipo de efectos, interfaces de usuario y comunicación asíncrona con el servidor por medio de Ajax.
Nota:
Quizás algunas de esas palabras te suenen todavía a chino, pero en
DesarrolloWeb.com podrás encontrar manuales para aprender no solo los
conceptos, sino cómo implementar esos comportamientos en páginas web. No
te preocupes, iremos poco a poco.
Observarás que casi siempre nos referimos a Javascript como el "lenguaje de programación de páginas del lado del cliente", pero como ya hemos mencionado, Javascript es mucho más. Esto es porque hemos vivido Javascript desde sus inicios, cuando el navegador (inicialmente Netscape) era el único contexto en el que podías ejecutarlo. También, ese es el Javascript que debes conocer si estas comenzando y el que querrás aprender en la mayoría de las ocasiones.
Observarás que casi siempre nos referimos a Javascript como el "lenguaje de programación de páginas del lado del cliente", pero como ya hemos mencionado, Javascript es mucho más. Esto es porque hemos vivido Javascript desde sus inicios, cuando el navegador (inicialmente Netscape) era el único contexto en el que podías ejecutarlo. También, ese es el Javascript que debes conocer si estas comenzando y el que querrás aprender en la mayoría de las ocasiones.
Entender Javascript en el contexto de los lenguajes de la web
Para entender bien lo que es Javascript y en qué situaciones se utiliza debes conocer los distintos lenguajes que se utilizan en la web. No es necesario que domines todos los lenguajes de la web para hacer un buen uso de Javascript, tan solo será necesario que conozcas el HTML y tengas algunas nociones de CSS. En ese manual podrás también conocer algunos de los conceptos clave para entender qué es Javascript, como la programación del lado del cliente y la programación del lado del servidor.- Manual de los lenguajes del web
En esta compilación de artículos podrás dar un repaso general a lenguajes y tecnologías que están presentes en el día a día del desarrollo de sitios web.
Javascript básico (como lenguaje de scripting del lado del cliente)
A Javascript se le denomina "del lado del cliente" porque donde se ejecuta es en el navegador (cliente web), en contraposición a lenguajes como PHP que se ejecutan del "lado del servidor". En el lado que nos ocupa con Javascript, el cliente, es el navegador el que soporta la carga de procesamiento. Gracias a su compatibilidad con todos los navegadores modernos se ha convertido en un estándar como lenguaje de programación del lado del cliente.Con Javascript podemos crear efectos especiales en las páginas y definir interactividades con el usuario. El navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para realizar estos efectos e interactividades, de modo que el mayor recurso, con que cuenta este lenguaje es el propio navegador y todos los elementos que hay dentro de una página (que no es poco). Pero ahora, gracias a las API Javascript del HTML5, que están disponibles en los navegadores actuales de ordenadores y dispositivos, podemos acceder a todo tipo de recursos adicionales, como la cámara, espacio para almacenamiento de datos, creación de gráficos basados en vectores y mapas de bits, flujos de datos con servidores, etc. Con todo ello se han multiplicado las posibilidades.
Cómo y cuando aprender Javascript
En la secuencia del aprendizaje de las tecnologías y lenguajes del web, Javascript sería el lenguaje más adecuado para aprender después de conocer perfectamente HTML y algo de CSS. Es ideal para cualquier persona con conocimientos de programación o incluso para aquellos profesionales que no los tienen pero que no quieren dejar de lado las grandes posibilidades de Javascript para mejorar la experiencia de usuario en sus páginas y la potencia de sus proyectos. Es un lenguaje de programación bastante sencillo y pensado para hacer las cosas con rapidez, a veces con ligereza. Incluso las personas que no tengan una experiencia previa en la programación podrán aprender este lenguaje con facilidad y utilizarlo en toda su potencia con sólo un poco de práctica.Cuando empiezas a aprender Javascript, ejecutando tus programas en el navegador, los primeros ejemplos que realizarás tendrán dos vertientes. Por un lado los efectos especiales sobre páginas web, para crear contenidos dinámicos y elementos de la página que tengan movimiento, cambien de color o cualquier otro dinamismo. Por el otro, javascript nos permite ejecutar instrucciones como respuesta a las acciones del usuario (eventos), con lo que podemos crear páginas interactivas con programas como calculadoras, agendas, o hojas de cálculo, interfaces de usuario diversas, etc.
Javascript es un lenguaje con muchas posibilidades, permite la programación de pequeños scripts, pero también de programas más grandes, orientados a objetos, con funciones, estructuras de datos complejas, etc. Además, Javascript pone a disposición del programador todos los elementos que forman la página web, para que éste pueda acceder a ellos y modificarlos dinámicamente.
Con Javascript el programador es capaz de alterar cualquier cosa que se muestra en una página, cambiando, insertando o eliminando todo tipo de contenido. Si lo deseas, puedes controlar de cada cosa que ocurre en la página cuando la está visualizando el usuario y comunicar con él con todo tipo de interfaces especiales. Todo eso es lo que permitirá crear aplicaciones web realmente impactantes. Aprender todo eso no se consigue en dos días, pero con ganas todo se acaba consiguiendo.
Como Habilitar JavaScrip En Mi Navegador
Como habilitar JavaScript en tu navegador
Hoy en día casi todas las páginas web contienen JavaScript, un lenguaje de programación
que se ejecuta en el navegador web del visitante. JavaScript permite crear funcionalidades específicas en las páginas web
y si por alguna razón es deshabilitado, el contenido o la funcionalidad de la página
puede quedar limitada o no disponible. Aquí puedes encontrar las instrucciones sobre cómo habilitar (activar)
JavaScript en cinco de los navegadores más utilizados.
¿Que es Wix ?
Wix es una plataforma para la creación de
sitios web gratis. Ayudamos a nuestros usuarios a crear sorprendentes
páginas web de apariencia profesional las cuales pueden ser actualizadas
y editadas fácilmente. No se requieren conocimientos técnicos y los
sitios son 100% compatible con los motores de búsqueda.
¿Dónde y cómo insertar el código Javascript en las páginas web?
¿Dónde y cómo insertar el código Javascript en las páginas web?
Hay varias formas de insertar los códigos Javascript en las páginas web.
Puedes insertarlo en el área del HEAD de la página o encabezado, en el área del BODY o cuerpo y en un archivo externo.
¿Cuál es la diferencia?
Las pagina web se dividen en dos zonas o áreas, el HEAD y el BODY, el navegador al abrir una página lee primero todas las instrucciones escritas en el área del HEAD, nada escrito aquí se visualiza, ya que sea área solo contiene información para el navegador, como es el título, descripción, etc.
Después convierte todo el código insertado en el área del BODY en texto, además muestra la imágenes, videos u otra multimedia y ejecuta las funciones escritas en Javascript que estén contenidas dentro de una etiqueta o tag que así se lo indique.
Java Scrip
¿Que Es Java Scrip ?
JavaScript es un lenguaje de programación, al igual que PHP, si bien tiene diferencias importantes con éste. JavaScript se utiliza principalmente del lado del cliente (es decir, se ejecuta en nuestro ordenador, no en el servidor) permitiendo crear efectos atractivos y dinámicos en las páginas web.
Mas Información
HTML VS HTML5
Cuál es la diferencia entre HTML y HTML5?
En el desarrollo web hay muchas tecnologías: HTML, CSS, JAVASCRIPT, PYTHON, JAVA, PHP, APACHE, LINUX, etc.
Aquellas que siempre estarán:
- Plataforma
- Servidor
- HTML
HTML5 tiene como base HTML, pues realmente seguimos utilizando la mayoría de las etiquetas:
- html
- head
- title
- body
- div
- p
- ul
- li
- span
Por mencionar nuevas etiquetas:
- code
- header
- footer
- article
- section
- svg
- canvas
- audio
- video
- Geolocalization
- Drag and drop
- Local Storage
- Aplication Cache
- Web Workers
- SSE
Entonces cuál es la diferencia? HTML5 es un versión mejorada, depurada y aumentada de HTML4. Si sabes HTML4 entonces sabes HTML5, solo hay que revisar documentación para conocer y aprovechar la nueva funcionalidad, de esta forma ahorraremos tiempo de desarrollo en funciones que pueden ser ejecutadas por el navegador.
Con esto termino este post, la idea es irnos por partes y más adelante publicaré más posts relevantes a HTML5. Aún hay más por aprender.
HTML Y CSS
HTML y CSS son tecnologías (o metalenguajes, ya que no puede
considerárselos lenguajes de programación) que intervienen en
prácticamente todo desarrollo, grande o pequeño. Se encargan de dotar de
una estructura y presentación agradables a aquello que ve el usuario de
páginas web.
Los lenguajes de programación del lado del servidor realizan procesos
en el servidor (computador remoto que se encarga de enviar las páginas
web a través de internet): podemos citar entre estos lenguajes Java
(JSP), ASP.NET, PHP, o Perl, entre los principales.
Los lenguajes de programación del lado del cliente realizan procesos en
el ordenador personal del usuario (efectos visuales, cálculos, etc.):
podemos citar entre estos lenguajes Javascript, Java (applets), o
VBScript, entre los principales.
En cuanto a bases de datos podemos nombrar MySQL, SQLServer y Oracle, entre las principales.
Las tecnologías se combinan entre ellas de muy diversas maneras.
Podemos citar algunas combinaciones bastante habituales entre lenguajes
de programación y bases de datos: Java + Oracle, ASP.NET + SQLServer,
PHP + MySQL. Sea cual sea la combinación utilizada, en un desarrollo web
moderno siempre intervendrá HTML y CSS.
En resumen, CSS es un lenguaje para dotar de presentación y estilo a
páginas web cuyos aspectos básicos deben ser conocidos tanto por
programadores web como por diseñadores web o maquetadores web. En la
práctica, muchas veces se entremezcla el código de programación con el
código HTML y código CSS, de ahí que coloquialmente se hable de
“programación web” para referirse a todo este conjunto, aunque
formalmente ni HTML ni CSS son lenguajes de programación.
Fíjate que estamos tratando de dejar claro qué es y para qué sirve CSS
antes de empezar a estudiar este lenguaje porque si tenemos los
conceptos claros nos será mucho más sencillo el aprendizaje, ahorraremos
tiempo y cometeremos menos errores.
Como Crear un Pagina Web Desde Cero Consejos
¿CÓMO ESCRIBIR CÓDIGO HTML Y CREAR PÁGINAS WEB?
Los requisitos principales y fundamentales, para
escribir código HTML y crear páginas web, son básicamente dos: saber HTML (esto
lo conseguirás siguiendo este curso) y un editor de texto (nosotros
utilizaremos el Notepad++, aunque se pueden usar otros editores o programas).
Hay muchos profesionales que crean sus páginas en Dreamweaver, usando Flash u
otros programas o tecnologías.
Esta forma de crear páginas web tiene a favor la fácil
creación de éstas pero, si quieres hacer páginas web de calidad y tener un
control total sobre el código generado, lo primero es saber HTML sin más.
Para crear páginas web obviamente necesitas un
ordenador y un navegador (Explorer, Firefox, Chrome o similar) instalado.
¿Necesitamos conexión a internet para crear páginas web? La respuesta es que
no: podemos crear nuestras páginas en nuestro propio ordenador y a posteriori
subirlas a un servidor remoto para que estén accesibles en internet desde
cualquier parte del mundo. En este curso vamos a trabajar inicialmente en local
(es decir, en nuestro propio ordenador sin necesidad de conexión a internet), y
más adelante veremos cómo subir una web a un servidor. También podríamos
generar una página web directamente sobre un servidor, pero por motivos de
didáctica y sencillez consideramos preferible empezar trabajando en local. Una
vez tengas conocimientos más avanzados, podrás hacerlo como te resulte más
cómodo.
Ahora indicaremos unos sencillos consejos que deberías
tener en cuenta antes de crear tus páginas web.
* Tomar ideas.
Ojo, tomar ideas no es copiar contenidos con derechos
de propiedad intelectual, no debes reproducir el trabajo de otros sin valorar
si estás vulnerando el derecho de propiedad intelectual. Sin embargo, es
importante inspirarte en otros sitios, buscar contenidos que te puedan servir,
combinaciones de colores que se vean bien, y diseños organizados que te puedan
ser útiles.
* No uses toda la gama de colores en tu página web.
No crees una página web que parezca un arcoiris:
inicialmente te puede parecer curiosa, pero un usuario que visite tu página
web, se sentirá molesto con demasiados colores.
Por ejemplo, es preferible utilizar el clásico fondo
blanco y texto negro o azul, que el fondo rosa con puntos morados y el texto
verde fosforescente. Cuida que los colores de tu página tengan una buena
combinación, y que hagan fácil la lectura.
Ejemplo mal diseño, colores e imágenes:
* Se ve mejor si cabe en la pantalla.
Procura que tu diseño esté basado en el tamaño de la
pantalla, no busques escribir una novela completa en la página inicial de tu
web. Es preferible que las páginas no tengan scroll horizontal y que el scroll
vertical no sea demasiado largo.
* Administra tus imágenes.
Tu página se verá más atractiva si usas imágenes. No
obstante, debes usarlas de una forma moderada porque un excesivo número de
imágenes puede ser también perjudicial si no permite una buena lectura del
contenido.
* Haz que tu sitio sea fácil de navegar.
Por muy obvia que parezca esta recomendación, debes
dividir la información en diferentes secciones y ubicar los enlaces a las
mismas donde la gente espere encontrarlos.
Hay algunos sitios donde sólo es posible desplazarse
hacia delante o hacia atrás. En realidad, eso no es "navegar". Es
necesario que el visitante pueda elegir en todo momento qué sección quiere
visitar y en qué orden: por ejemplo tener un menú es algo generalmente
aconsejable. No te olvides de incluir en todas las páginas un enlace a la
página de inicio (la primera página) para facilitar la navegación.
También es interesante incluir el logotipo de tu sitio
en todas las páginas, porque no siempre el visitante ingresa al sitio por la
página de inicio; si proviene del enlace de un buscador, es probable que
ingrese por cualquier sección, en ese caso, el logotipo en todas las páginas
ayuda a ubicar al posible visitante donde está.
* Mantén tu sitio actualizado.
Nada es más desagradable que volver a un sitio tiempo
después de una visita y no encontrar ningún cambio. Realizar cambios frecuentes
crea en los visitantes la idea de que el contenido es valioso y vale la pena
darse una vueltecita a menudo.
* Prográmate un esquema de actualización y
cúmplelo.
Renueva tus promociones, agrega más información sobre
nuevos productos, servicios o artículos, incluye testimonios de clientes o
usuarios satisfechos, usa tu imaginación.
También puedes incluir la fecha de la última
actualización en un lugar visible de tu página de inicio, o bien mantener un
apartado donde se vea que los contenidos están actualizados.
* Promociona tu web:
on-line y off-line.
Envía tu sitio a los principales motores de búsqueda y
directorios (google, yahoo, etc.). Dedica tiempo a realizar un trabajo a
conciencia, el mismo se justificará plenamente con un mejor posicionamiento en
los buscadores.
Después de todo ¿de qué te sirve tener un sitio en
Internet si nadie lo encuentra?
En este curso aprenderemos a utilizar palabras claves
(keywords) que describan tu negocio lo mejor posible. Aquí conviene situarse
del lado de quien busca, ¿qué keywords utilizará tu posible cliente para buscar
un sitio de tus características? Haz una lista, pregunta a amigos/as y
conocidos.
No te olvides de incluir tu dirección
(http://www.tusitio.com) en toda papelería y comunicación que emitas: tarjeta
comercial, papelería, facturas, remitos, recibos, folletos, faxes, bolsas,
publicidad, etc.
* Información para tus clientes.
Incluye un enlace al pié de cada página para que
puedan comunicarse contigo. En este curso aprenderemos cómo hacerlo. El agregar
información con la dirección física, teléfono completo (con el código del
país), fax, etc, ayuda a crear confianza. Después de todo tú y tu web existen
en el "mundo real" no son un ente imaginario perdidos en el
ciberespacio.
Cuando te sea posible, incluye un campo donde tus
usuarios puedan ingresar el email para recibir un boletín o newsletter con
novedades sobre tus productos, esto ayuda a crear confianza y lealtad a tu
página. Otra opción es la suscripción mediante RSS ó Atom, que son servicios
para poder recibir las novedades que se van publicando en tu página.
Recuerda que ahora puedes utilizar las redes sociales
para promocionar tu web o empresa online: Facebook, YouTube, Slideshare,
Linkedin, etc.
Todas estas ideas pueden ayudarte a tener un sitio web
de calidad y bien posicionado en los buscadores. No tienes por qué cumplirlos
todos, ni son todos los puntos a tener en cuenta para que tu sitio esté el
primero en los buscadores, pero pueden resultar útiles. No te preocupes si
ahora algunos conceptos no te quedan claros porque a medida que trabajes en
desarrollos web irás adquiriendo una visión más completa.
Que Son Editores De Html
Que son los editores de HTML: programas que nos pueden ayudar a la hora de construir una página web.
Con el editor HTML en vista diseño podemos colocar imágenes, definir estilos, utilizar negritas o cursivas, etc. sin preocuparnos de las etiquetas correspondientes a cada estilo o elemento. Es el editor el que conoce estas etiquetas y las utiliza convenientemente. Este tipo de editores HTML en modo diseño se denominan, en lenguaje técnico WYSIWYG (What You See Is What You Get) porque cuando trabajas con ellos lo que ves que estás creando con el editor es lo que obtienes luego cuando grabas la página.
Existen dos tendencias, por tanto, entre los desarrolladores que se dedican a realizar páginas web. Por un lado tenemos a las personas que prefieren crear las páginas programando el HTML y por otro las personas que utilizan editores HTML en modo diseño. Algunas diferencias entre hacerlo de un modo u otro son las siguientes:
Escribiendo el HTML | Con un editor WYSIWYG |
Dominas con mayor precisión el código de la página, queda más limpio. Si dominas bien el HTML nunca tendrás ningún problema para hacer lo que deseas. | El código de la página tiene peor calidad, incluso puede llegar a tener errores, más o menos visibles, que cuestan arreglar. Es la máquina la que domina el trabajo. |
Es más complicado el aprendizaje, más lento y cuando se llega a un nivel avanzado también se hace considerablemente más difícil | El aprendizaje es muy sencillo, tal como puede ser trabajar en Word. Solo se trata de manejar un programa más. |
Hacer una página cuesta más trabajo y tiempo. | Es muy rápido. |
Cada uno debe escoger el camino que más le convenga o el que le parezca más atractivo. De todos modos siempre se puede empezar de un modo y luego pasar al otro modo sin ningún tipo de problema. Incluso, por adelantarnos a los acontecimientos, diríamos que cuando una persona profundiza en el diseño de páginas web llega un momento en el que le hace falta conocer las dos maneras de construir webs. A los programadores en HTML les hará falta aprender un editor porque eso aumentará su productividad y los que utilizan editores necesitarán aprender un poco de HTML para arreglar alguna cosa que el editor ha hecho mal o realizar alguna cosa que el editor no puede hacer. Este manual está escrito por una persona que aprendió a realizar sus primeras webs con el Block de notas y algunas veces puede verse mi mayor inclinación a escribir el código HTML uno mismo. Aunque mi consejo es aprender HTML, estoy seguro que muchos preferirán que un editor en modo diseño haga las cosas más sencillas. Si el editor HTML WYSIWYG es bueno y lo dominamos perfectamente se pueden obtener perfectos resultados.
Algo De Historia
HTML nació públicamente en un documento llamado HTML Tags (Etiquetas
HTML), publicado por primera vez en Internet por Tim Berners-Lee en
1991. En esta publicación se describen 22 etiquetas que mostraban un
diseño inicial y relativamente simple de HTML. Varios de estos elementos
se conservan en la actualidad. Otros se han dejado de usar, y muchos
otros se han ido añadiendo con el paso de los años. De esta manera,
podemos hablar de que han existido distintas versiones de HTML a lo
largo de la historia de internet. Nosotros vamos a trabajar con el HTML
estándar actual, que es el utilizado por los navegadores y páginas web
de hoy en día. Sin embargo, no vamos a prestarle atención a las
versiones y especificidades de cada versión, ya que el objetivo de este
curso es aprender los fundamentos de HTML y entender
cómo funciona, no conocer la sintaxis o especificidades de una versión
concreta. ¿Por qué no le damos importancia a la versión? Porque una
persona que cuenta con los fundamentos y comprensión básica sobre el
lenguaje es capaz de adaptarse a las características particulares de una
versión sin problema. En cambio, centrarse en los detalles de una
versión sin conocer los fundamentos hará que no tengamos capacidad para
comprender lo que hacemos ni para adaptarnos a los continuos cambios que
tienen lugar en el ámbito de los desarrollos web.
¿Que Es HTML ?
¿QUÉ ES Y PARA QUÉ SIRVE HTML?
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo sencillo de código HTML podría ser:
Esto es un párrafo. Bienvenidos a esta página web.
Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de las etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta debe cerrarse con , la etiqueta con y la etiqueta
con
. Hay muchas más etiquetas que veremos más adelante pero nos debe quedar claro que por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores puedan interpretar sin ambigüedad. Este sencillo ejemplo mostraría por pantalla lo siguiente. ¿Qué ocurriría si una etiqueta que abramos no tiene su correspondiente cierre? Digamos que se trataría de un código HTML mal construido, y los navegadores esto lo pueden interpretar de distintas maneras. Quizás nos muestren la página tal y como esperábamos sin aparente error. Quizás nos muestren una página de error o se quede en blanco el navegador. Nuestro objetivo ha de ser siempre construir páginas HTML bien estructuradas y sin ambiguedades, es decir, hacer un correcto uso del lenguaje para que los navegadores puedan saber exactamente qué es lo que pretendemos mostrar.
Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de las etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta debe cerrarse con , la etiqueta con y la etiqueta
con
. Hay muchas más etiquetas que veremos más adelante pero nos debe quedar claro que por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores puedan interpretar sin ambigüedad. Este sencillo ejemplo mostraría por pantalla lo siguiente. ¿Qué ocurriría si una etiqueta que abramos no tiene su correspondiente cierre? Digamos que se trataría de un código HTML mal construido, y los navegadores esto lo pueden interpretar de distintas maneras. Quizás nos muestren la página tal y como esperábamos sin aparente error. Quizás nos muestren una página de error o se quede en blanco el navegador. Nuestro objetivo ha de ser siempre construir páginas HTML bien estructuradas y sin ambiguedades, es decir, hacer un correcto uso del lenguaje para que los navegadores puedan saber exactamente qué es lo que pretendemos mostrar.
Suscribirse a:
Entradas (Atom)