Tecnología Web

Tecnología Web para desarrolladores

La naturaleza abierta de la página web ofrece increíbles oportunidades para los desarrolladores que desean crear Sitios Web o bien Aplicaciones Online. Para sacar el máximo de estas capacidades de la Web, primero precisas saber de qué forma usarlas. Ahora vas a poder hallar una serie de links a nuestra documentación sobre varias tecnologías Web.

Tecnologías Web
Básicas

HTML
HyperText Markup Language (HTML) es el lenguaje usado para describir y definir el contenido de una Página Web en un formato bien estructurado.
CSS
Cascading Style Sheets (CSS) u Hojas de estilo en cascada se usa para describir el aspecto o bien presentación del contenido en una Página Web.
HTTP
Hypertext Transfer Protocol (HTTP) o bien Protocolo de Transferencia de Hipertexto (HTTP) es un protocolo de la capa de aplicación para la transmisión de documentos hipermedia, como HTML.
Lenguaje de Escritura

JavaScript
JavaScript es el lenguaje de programación que se ejecuta en el navegador y que se emplea para crear sitios Web interactivos y aplicaciones avanzadas para que sean ejecutadas de modo seguro en el navegador.
Web APIs
Web Application Programming Interfaces (Web APIs) Son utilizadas para desarrollar una enorme pluralidad de labores , como manipular el DOM , reproducir audio o bien vídeo , o bien generar gráficos 3D.
Referencia de las interfaces Web API . Lista de todos los tipos de objetos que puedes emplear mientras desarrollas la Web..
La pagina de WebAPI .Lista de toda la comunicación, acceso hardware y otras APIs que puedes utilizar en las Aplicaciones Web.
La Referencia de Eventos enumera todos los eventos que puede usar para efectuar un seguimiento y reaccionar a las cosas interesantes que han tenido sitio en su Página Web o Aplicación.
Gráficos

SVG
Scalable Vector Graphics o bien Gráficos vectoriales escalables,te permite describir las imágenes como conjuntos de vectores (líneas) y formas con el fin de permitir ajustarse a escala sin inconvenientes con independencia del tamaño en el que están trazadas.
WebGL
WebGL es una API Javascript que te deja dibujar gráficos3D o 2D usando elementos HTML5 <canvas> .

MathML
Mathematical Markup Language o Lenguaje de Marcado Matemático , te deja mostrar difíciles ecuaciones y sintaxis matemáticas.
Área de aprendizaje
Aprender desarrollo web
Esta serie de artículos tiene como propósito suministrar a los principiantes al desarrollo web todo lo que necesitan para empezar a programar sitios simples.
Otros temas
Desarrollo de aplicaciones Web
Documentación para desarrolladores de aplicaciones Web; las aplicaciones web verdaderamente solo hay que escribirlas una vez y se pueden desplegar en cualquier aplicación para dispositivos móviles, de escritorio, y Mozilla Firefox OS.
Accesibilidad
La accesibilidad en los Sitios Web , deja que tantas personas como sea posible usen la Web, incluyendo aquellas cuyas habilidades visuales, auditivas o de otro tipo están limitadas de alguna forma. Este conjunto de artículos proporciona información sobre el desarrollo Web alcanzable.
Seguridad
No deje que su Sitio Web o Aplicación pueda tener fugas de datos privados para los Piratas informáticos. Utilice este conjunto de artículos para asegurarse de que sus proyectos son seguros.

Tecnología Web

.
Otros

MathML
Mathematical Markup Language o Lenguaje de Marcado Matemático , te deja enseñar complicadas ecuaciones y sintaxis matemáticas.
Área de aprendizaje
Aprender desarrollo web
Esta serie de artículos tiene como propósito proporcionar a los principiantes al desarrollo web todo lo que precisan para comenzar a programar sitios web simples.
Otros temas
Desarrollo de aplicaciones Web
Documentación para desarrolladores de aplicaciones Web; las aplicaciones web verdaderamente solo hay que escribirlas una vez y se pueden desplegar en cualquier aplicación para dispositivos móviles, de escritorio, y Firefox OS.
Accesibilidad
La accesibilidad en los Sitios Web , deja que tantas personas como sea posible usen la Web, incluyendo aquellas cuyas habilidades visuales, auditivas o de otro tipo están limitadas de alguna manera. Este conjunto de artículos da información sobre el desarrollo Web alcanzable.
Seguridad
No deje que su Sitio Web o bien Aplicación pueda tener fugas de datos privados para los Piratas informáticos. Utilice este conjunto de artículos para asegurarse de que sus proyectos son seguros.

¿COMO SE HACE UNA PAGINA WEB?

¿COMO SE HACE UNA PAGINA WEB?    PIMERA PARTE
LECCION 1
¿COMO EMPEZAMOS?
Bienvenido a el comienzo de nuestras lecciones web, si llegó a este lugar es por que trata de crear una web desde el comienzo, y que mejor forma que hacer una web fácil para darse una idea.
Me agradaría contarle que merced a estas lecciones, miles de personas han tenido la oportunidad de comenzar y llegar a convertirse en verdaderos Web Masters, evidentemente, debido a la gran dedicación que le han puesto para continuar adelante. He aquí unos ejemplos de lo que algunos de nuestros usuarios han podido llegar a realizar:
¿Qué se precisa para hacer una página WEB?
Como primera cosa, se necesita que el usuario tenga un conocimieto avanzado en el empleo de computadoras; además de esto, el material que se necesita para la creación de las páginas es el siguiente:
1. Computadora ordenador o Macintosh.
Todas y cada una nuestras lecciones están basadas en una computadora PC con sistema operativo WINDOWS.
dos. Cualquier programa editor de páginas WEB.
Aunque se puede emplear cualquier editor de páginas, aquí en nuestras lecciones, nos basaremos en el programa NETSCAPE COMMUNICATOR versión cuatro.X o mejor. Esto no desea decir que otros programas como Front Page o Dreamweaver no sean buenos, sino utilizaremos el COMMUNICATOR sencillamente por que es gratuito, es muy fácil de emplear y por que de esa forma podemos estar sicronizados en los comandos para ir haciendo nuestra primera página.
Si no tiene este programa, puede bajarlo GRATIS del siguiente lugar:
NETSCAPE COMMUNICATOR cuatro.78
(ver. Español)
Ha salido una versión mejorada del NETSCAPE COMPOSER, este ha sido hecho por la empresa NVU y el que se mira muy bueno, yo estoy comenzando a emplearlo, es posible que en un futuro muy cercano esté modificando mis lecciones cara este nuevo editor. Si usted quiere tener una copia puede bajarla directamente de este enlace:
EDITOR NVU (ver 0.90)
(ver. Inglés)
tres. Espacio en un servidor en donde se guardará la página creada.
Usted necesita de un espacio en un servidor para poder subir sus páginas WEB; hay de muchos tipos y de todos los costes desde gratis hasta pagados.
MEJOR VALOR: Entre los pagados y como una contribución a robustecer a todos y cada uno de los principiantes de “Cómo hacer páginas WEB”, SecmasNET nos ha dado una oferta que no se puede conseguir en ningún otro lado, para mayor información visite:
PROYECTO WEB
Si usted busca espacio gratuito, asegúrese primero que su proveedor de servicio de Internet pueda asignarle ese espacio. Si su distribuidor no le facilita este espacio entonces puede localizar en el Internet muchos sitios donde otorgan espacio gratis para poner páginas WEB. Lea la LECCION cinco donde damos direcciones de espacios gratis.
cuatro. Cualquier programa editor de ficheros gráficos.
Entre ellos pueden estar COREL DRAW, FREE HAND, PAGE MAKER. En mis lecciones todo ha sido creado usando el COREL DRAW 7.0.
5. Cualquier programa editor de TEXTOS en formato ASCII.
En la ordenador con el programa WORDPAD es más que suficiente.
LECCION 2
¿COMO SE CREA EL TEXTO?
Una vez usted ya tenga instalado el NETSCAPE COMMUNICATOR en su computadora, ejecútelo y entré al NETSCAPE COMPOSER (este es el programa que sirve para la creación de páginas) y elijamos la opción del menú: NUEVA. Esto hará que nos aparezca una página en blanco que es donde comenzaremos a trabajar.
Como ya se va a haber dado cuenta NETSCAPE COMPOSER tiene un panel de control igual o afín a este:
Puesto que bien, estos íconos son los que nos ayudarán a ir poniendo el TEXTO o IMAGENES en los lugares que lo deseemos.
Como primer punto escribamos el TITULO de la hoja que crearemos.
Ahora, justifiquémosla al centro de la página:
Ahora, hagámosla NEGRITA y con un valor de dieciocho puntos, tiene que quedar asi.
Ahora, vamos a crear el cuerpo de la página WEB, para ello escriba el próximo parágrafo por abajo del título que termina de crear. Tiene que quedar así:
Como puede ver, es muy similar a trabajar con un procesador de palabras común y corriente. Ahora le toca a usted redactar cualquier parágrafo, trate de emplear las NEGRILLAS, las ITALICAS y el SUBRAYADO.
LECCION tres
¿COMO SE INSERTA UN GRAFICO?
El insertar gráficos en este editor es la tarea mas apasionante, en tanto que debemos tener una foto o bien un dibujo arreglado para nuestros fines. Para efectos de nuestra lección copie los siguientes ficheros a su computadora:
Tras copiar estos archivos a su computadora, presione el icono que afirma IMAGEN, como va a ver aparecerá una ventana en la cuál se le pide que ingrese el nombre del fichero que quiere poner, presione en donde afirma SELECCIONAR ARCHIVO… y busque la foto del HOT DOG que acabamos de copiar a su ordenador. Después de escogerla, presione ACEPTAR y luego va a ver algo así
La posición de la fotografía dependerá de donde usted la quiera, para nuestro ejercicio la vamos a justificar hacia la izquierda y pondremos un texto al lado derecho de la foto. Debe quedar así:
Las imágenes o gráficos asimismo se pueden hacer pero grandes o pequeños, para ello se precisa únicamente dar dos clics sobre la imagen y aparecerá una ventana en donde podemos decirle cuanto queremos hacer grande o bien pequeña la imagen. Pruébelo… En esta ventana asimismo puede ver como es que el texto se va a escribir a la par de la imagen.
Si emplea alguna de estas opciones no olvide que en la hoja que está trabajando seguramente usted no verá como está quedando; pero para poder ver como va la hoja que está haciendo presione el icono que dice PRELIMINAR .
Ahora, le toca su turno y al finalizar debe quedar una página igual a la que sigue al hacer PRELIMINAR:
LECCION 4
¿COMO HAGO UN ENLACE DE MI TEXTO O GRAFICO?
EJEMPLO DE UN ENLACE HACIA UNA DIRECCIÓN DE Y también-MAIL:
El ENLACE es la función que nos sirve para que cuando un usuario hace ‘click’ sobre un texto o bien gráfico, este texto o gráfico, lo lleve hacia otro lugar o hacia otra página WEB; entre los ENLACES más utilizados están los que nos hacen volver cara la página anterior o bien para que nos puedan enviar un email.
Para nuestro ejemplo prepararemos un ENLACE que haga que cuando alguien lo presione nos pueda mandar un correo, para ello, presionemos el icono que lleva por nombre ENLACE. Ahora escriba en la casilla que dice ORIGEN DEL ENLACE su dirección de correo electrónico (en este caso vamos a escribir ejemplo@ejemplo.net). Y en la casilla que afirma ENLAZAR CON escriba lo siguiente: mailto: ejemplo@ejemplo.net (Esté seguro que escribió bien la línea anterior en ese sitio en caso contrario no funcionará. Además, usted DEBE cambiar la dirección de correo por la suya). Esto debió haber quedado así:
Listo, desde este momento su página ya va a tener un ENLACE a fin de que le puedan redactar a usted con solo presionar en donde afirme su dirección de correo electrónico.
EJEMPLO DE UN ENLACE HACIA OTRA PAGINA EN EL INTERNET:
Al igual que los ejemplos precedentes, para hacer referencia cara otra página WEB que esté en el Internet, deberá escribir en ORIGEN DEL ENLACE algo como por ejemplo lo siguiente:
LECCIONES GRATIS!!!
EJEMPLO DE UN LINK HACIA UNA DIRECCIÓN ANTERIOR:
Esto mismo es lo que se haría para hacer un ENLACE que lo regrese cara un punto o página anterior a la que está diseñando ahora. Para ello, escriba en ORIGEN DEL ENLACE lo siguiente: PRESIONE AQUI PARA REGRESAR POR DONDE VINO. Y en ENLAZAR CON escriba lo siguiente:
javascript:history.go(-1)
(Esté seguro que usted escribió bien la línea precedente en ese sitio.)
Esto debería haber quedado así:
Si todo salió bien, su hoja deberá quedar igual a la que prosigue cuando usted haga PRELIMINAR:

¿COMO SE HACE UNA PAGINA WEB?

 

Los habitantes dialogan sobre el tráfico en lima y el daño que causa:

Los habitantes dialogan sobre el tráfico en lima y el daño que causa:

Ciudadanos no encuentran solución con el Metropolitano, los corredores azules o con el Metro de Lima. A esto se suman las obras inconclusas en diversos puntos de la capital.
Múltiples avenidas son un caos en hora punta.
Dos mujeres que dejaron de lado algunos de sus sueños tras verse obligadas a renunciar a sus trabajos, un padre soltero que no llega a tiempo para ver a su hijo y un estudiante que no duerme para poder acudir a su universidad y a su centro de tareas. Estas son solo cuatro de las traficas historias que cada día protagonizan miles y miles de limeños por una razón: el caótico tráfico.
Terrible congestión vehicular que se vive desde hace décadas se suma el cierre de diversas calles por una serie de obras que terminan convirtiéndose en una pesadilla para el ciudadano. Tal y como si fuera poco, esto es aprovechado por la criminalidad.
Una de las situaciones más traficas se vive en la actualidad en la Carretera Central, por donde diariamente transitan más de trescientos mil automóviles. Desde el veinte de mayo cerraron 5 kilómetros de esta vía por el inicio de las obras de la Línea dos del Metro de la ciudad de Lima. Esto ha generado que la zona se convierta en un laberinto sin salida.
Los trescientos policías de Tránsito asignados a la zona no se dan abasto. “Aquí hurtan, toman las carteras por las ventanas. Los carros se estacionan donde sea y, como no existen muchos policías, los ladrones suben y bajan de las unidades”, señaló Carmen, una estudiante de Sicología que todos y cada uno de los días debe atravesar la zona para llegar a su universidad.
Afín panorama se observa en las carreteras Panamericana Norte y Sur, en la Av. 9 de Octubre (San Juan de Lurigancho) y en la intersección de las avenidas Morales Suárez y Universitaria, a la altura del puente Preciosa Unión. Las personas que se desplazan por estos lugares viven condenadas a un auténtico infierno.
“Los autobuses pasan abarrotados, las personas se pelean por subir y viajan colgadas de la puerta para llegar a tiempo a sus destinos”, contó cesar, quien vive en el Cono Norte.
Otra historia es la de la Av. Javier Prado, que en horas punta se convierte en homónimo de caos. Un ciudadano puede tardar hasta media hora para atravesar solo diez cuadras.
“RENUNCIÉ A UNA OPORTUNIDAD”
Era la oportunidad de su vida, más el embrollado tráfico en la Carretera Central la puso entre la espada y la pared. Tenía que seleccionar entre sus estudios de Psicología o un puesto fijo como asistente de administración en una importante compañía. Con mucho pesar, se decidió por la primera opción, aunque aún se lamenta de ello.
“A los treinta días de haber empezado a trabajar, tuve que renunciar por el hecho de que llegaba tarde a las primeras horas de clases en mi universidad. Estuve a punto de perder el ciclo”, contó Roció
Palpablemente perjudicada, señaló: “Pese a que era una ocasión laboral muy importante para mí, decidí abandonar por el tráfico. Los profesores me llamaban la atención todos y cada uno de los días por venir tarde y ya no podía soportar más”.
Ella empezaba su recorrido a las 6:00 de la tarde en Surco (donde estaba su trabajo). Debía llegar a las 7:30 de la noche a su universidad, situada cerca de la Municipalidad de Ate.
No obstante, todos y cada uno de los días se retrasaba entre 40 y sesenta minutos dado a que las obras de la Línea 2 del Metro de Lima hacían que la cúster que la llevaba a su destino se desviase por calles aledañas muy estrechas.
Es más, la estudiante contó que, en más de una oportunidad, se libró de ser asaltada en el vehículo de transporte público. “He visto de qué manera los delincuentes suben a los carros, birlan a los pasajeros, y arrebatan carteras y mochilas por las ventanas. Verdaderamente es espantoso”, refirió la joven.
Leslie se ha visto obligada a aceptar un trabajo temporal como tele operadora en una empresa cerca de su centro de estudios. Aun de esta forma, todos y cada uno de los días aguanta el infernal tráfico.
“YA NI PUEDO VER A MI HIJO”
Alfredo es un padre soltero que solo tiene tres días por semana para estar con su hijo de siete años, pues, el resto de días, el pequeño está con su madre. Sin embargo, el tráfico de la ciudad de Lima hace que muchas veces ya ni pueda ver a su engreído debido a que, al llegar a su casa, este ya duerme.
Su pesadilla tiene nombre propio: la avenida Javier Prado. Sale de trabajar a las 8:00 de la noche de una agencia bancaria de La Molina, donde se desempeña como analista financiero, y pese a que tiene vehículo propio, llega a su departamento de San Borja casi dos horas después.
“He intentado sendas alternas, pero el resultado es exactamente el mismo o bien hasta peor. Quisiera ver a mi hijo, mas, cuando llego, ya no puedo despertarlo. Tengo que levantarlo a las 6:00 de la mañana para llevarlo a tiempo al colegio”, sostuvo.
Sus progenitores, que viven junto a él y lo apoyan con la crianza de su hijo, hacen hasta lo imposible para mantener al menor despierto, pero él ya tiene como hábito acostarse, máximo, a las 9:00 de la noche. “Le hacen ver dibujos, jugar con sus carros, pintar, pero es inútil”, manifestó el acongojado padre.
Pedro contó que a esto se aúna el elevado presupuesto que debe invertir en combustible.
“Por movilizarme de San Borja a La Molina gasto, como mínimo, S/.150 en 5 días. Esto es debido a que tardo 15 minutos solo para avanzar dos cuadras. Los automóviles forman un caos en esta avenida. Hasta los buses del Corredor Azul se han sumado a esta congestión vehicular”, concluyó.
“NO DUERMO POR LLEGAR A CLASES”
El tráfico y la distancia se han convertido en su peor contrincante. Esto lo obliga a no dormir, a las menos, tres noches a la semana. Trabaja de madrugada como tele operador en Santa Anita y, para llegar a sus clases de inglés y también Ingeniería, muy frecuentemente prefiere deambular por la zona ya antes que regresar a su casa en Carabayllo. Las veces que cedió frente al cansancio y se fue a descansar dos horas, se quedó prácticamente atrapado en la Panamericana Norte.

Los habitantes dialogan sobre el tráfico en lima y el daño que causa:

Los Tutoriales para uso de diseñadores Web

Los Tutoriales para uso de diseñadores Web

Los enlaces de esta página llevan a una gran pluralidad de tutoriales y material de capacitación. Tanto si estás en tus inicios, aprendiendo lo básico, como si eres un veterano en desarrollo web, aquí puedes localizar recursos que te asistan con las mejores prácticas. Estos recursos son creados por empresas innovadoras y desarrolladores web que han adoptado los estándares abiertos y las mejores prácticas para el desarrollo web y que dan o permiten traducciones mediante licencias de contenido abierto como Creative Commons.

Tutoriales de HTML

Nivel introductorio

Introducción a HTML (WebPlatform.org)

¿Qué es HTML, qué hace? Un resumen de su historia y el aspecto de la estructura de un documento HTML. Los artículos posteriores a este entran en más detalle en las diferentes partes de HTML.

Estructura básica de una Página Web (SitePoint)

Aprende de qué manera los elementos HTML encajan juntos en un enfoque más amplio.

Elementos esenciales de HTML (SitePoint)

Describe los distintos géneros de elementos que puedes emplear para redactar documentos HTML.

Tutorial de HTML para principiantes (HTML Dog)

Tutorial y ejercicios sobre los fundamentos.

Retos HTML (Wikiversity)

Acepta los desafíos para progresar tus conocimientos sobre HTML (por servirnos de un ejemplo, “¿Debería utilizar un factor

o un elemento ?”), y marca las contestaciones adecuadas.

Manual de referencia MDN de elementos HTML

Una extensa referencia de elementos HTML y de qué forma Firefox y otros navegadores los soportan.

Nivel avanzado

Consejos para crear páginas HTML que carguen de forma rápida

Optima páginas para dar una web acomodable a los visitantes y reducir la carga de tu servidor web y de tu conexión a Internet.

Sumérgete en HTML5 (Mark Pilgrim)

Aprende de una selección de peculiaridades de HTML5, la versión más reciente de la especificación HTML.

Tutoriales de HTML5 (HTML5 Rocks)

Has una visita guiada por el código que usa las características de HTML5.

Semántica en HTML5 (A List Apart)

Aprende marcas con significado, extensibles y compatibles con versiones tanto anteriores como posteriores.

Tutorial sobre Canvas

Aprende cómo dibujar gráficos utilizando líneas de script y el factor canvas.

HTML5 Doctor

Artículos sobre cómo utilizar HTML5 ya.

La alegría del Audio en HTML5 (Elated)

Aprende a utilizar el factor audio en HTML para incluir sonidos en tus páginas de forma sencilla. Hay montones de códigos de ejemplos incluidos en este tutorial.

Tutoriales de JavaScript

Nivel propedéutico

 

Codecademy (Codecademy)

Codecademy es la forma más simple de aprender a programar en JavaScript. Es interactivo, divertido y puedes hacerlo con tus amigos.

Iniciar con JavaScript

¿Qué es JavaScript y de qué forma puede ayudarte?

Programar – Los fundamentos (WebPlatform.org)

Fundamentos de programación. Los próximos artículos te señalan lo que puedes hacer con JavaScript, las mejores prácticas para emplearlo y considerablemente más.

Las mejores prácticas en JavaScript (WebPlatform.org)

Aprende ciertas más evidentes (y no tan evidentes) mejores prácticas cuando escribas JavaScript.

Nivel intermedio

Una Re-introducción a JavaScript

Resumen del lenguaje de programación JavaScript enfocado a desarrolladores de nivel intermedio.

JavaScript fluido

Una guía completa para metodologías JavaScript medias y avanzadas.

Fundamentos de patrones de diseño en JavaScript (Addy Osmani)

Una introducción a las bases del diseño de patrones en JavaScript.

El lenguaje de programación JavaScript (YUI Blog)

Douglas Crockford explora el lenguaje como es actualmente y de qué manera llegó a ser de esta forma.

Introducción a JavaScript Orientado a Objetos

Aprende sobre el modelo de objetos en JavaScript.

Nivel avanzado

Aprender JavaScript avanzado (John Resig)

La guía de John Resig para JavaScript avanzado.

Introducción a DOM en JavaScript (Elated)

¿Qué es el Modelo de Objeto de Documento (Document Object Model) y para qué es útil? Este artículo te dará una buena introducción a esta característica de JavaScript.

Una API Inconveniente: la teoría de DOM (YUI Weblog)

Douglas Crockford explica el Modelo de Objeto de Documento (Document Object Model).

JavaScript avanzado (YUI Weblog)

Douglas Crockford estudia con detenimiento los patrones de código con los que los programadores de JavaScript pueden escoger al redactar sus aplicaciones.

JavaScript Garden

Documentación sobre las partes más extravagantes de JavaScript.

¿Qué framework de JavaScript? (Maestrosdelweb)

Consejos para elegir un framework de JavaScript.

Non-blocking JavaScript Downloads (YUI Blog)

Consejos para mejorar el desempeño de bajada de páginas que poseen JavaScript.

Guía JavaScript

Una guía de JavaScript completa y actualizada habitualmente para todos y cada uno de los niveles de aprendizaje, desde principiantes hasta avanzados.

Tutoriales CSS

Nivel introductorio

Iniciar con CSS

Este tutorial te introduce en las hojas de estilo (Cascading Style Sheets o CSS).Además te guiase por medio de las características básicas de CCS con ejemplos prácticos que vas a poder probar por ti en tu propio computador.

Fundamentos de CSS (WebPlatform.org)

¿Qué es CCS, como aplicarlo a HTML y sintaxis básica CCS?

Clases de selector CCS (Wikiversity)

¿cuáles son las clases en CSS?

Externas CSS (Wikiversity)

De qué forma emplear CSS desde una hoja de estilo externa.

Añadiendo un poco de estilo (W3C)

Guía breve para un principiante de estilo CSS con webs.

Preguntas frecuentes sobre CSS

Preguntas y respuestas usuales para principiantes.

Nivel Intermedio

 

Referencia CSS

Referencia completa para CCS con ayuda detallada por firefox y otros navegadores.

Retos CSS (Wikiversity)

Flexiona tus habilidades CCS y vas a poder observar en dónde necesitas más práctica.

Conceptos intermedios CSS (HTML.net)

Agrupación, seudo-clases y mucho más.

Posicionamiento ciento uno CSS (una lista aparte)

Utilizando posicionamiento con estándares complacientes, tabla de libre disposición.

Mejora progresivamente con CSS (una lista aparte)

Intégrate mejorando progresivamente en tus páginas con CCS.

Cuadrícula fluida (una lista aparte)

Diseño layouts que redimensiona fluidamente con la ventana del navegador, mientras prosigue usando una cuadrícula tipográfica.

Nivel avanzado

 

CSS3 en menos de 5 Minutos (Addy Osmani)

Una rápida introducción a ciertas peculiaridades fundamentales introducidas en CSS3.

Usando las Transformaciones CSS

Aplica rotación, inclinando escalando y traduce usando CCS.

Transiciones CSS

CSS transiciones, una parte del proyecto de la especificación CSS3, proporciona un modo para animar los cambios en las propiedades CSS, en lugar de que los cambios surtan efecto al momento.

Entendiendo las Transiciones CSS3 (Una lista aparte)

Empieza utilizando CSS3 por transiciones escogiendo esmeradamente las situaciones para usarlos.

Guia rápida para implementar Web Fonts con @font-face (HTML5 Rocks)

La función @font-face de CSS3 te permite emplear tipografías personalizadas en la página web de una forma alcanzable, manipulable y adaptable.

Usando Media Queries

Como efectuar páginas web multiscreen con el empleo de CSS y su propiedad @media.

Modelo de cajas con flexBox

Permite distribuir el contenido de la página web de forma rapida.

Los Tutoriales para uso de diseñadores Web

 

Tecnología Web para desarrolladores

Tecnología Web para desarrolladores

La naturaleza abierta de la página web ofrece increíbles oportunidades para los desarrolladores que desean crear Sitios Web o Aplicaciones On line. Para sacar el máximo provecho de estas capacidades de la Web, primero precisas saber de qué forma utilizarlas. Ahora vas a poder hallar una serie de links a nuestra documentación múltiples tecnologías Web.

Estas son algunas de lasTecnologías Web Básicas

HTML que es HyperText Markup Language (HTML) es el lenguaje empleado para describir y acotar el contenido de una Página Web en un formato bien estructurado.
CSS Cascading Style Sheets (CSS) o bien Hojas de estilo en cascada se emplea para describir el aspecto o bien presentación del contenido en una Página Web.
HTTP Hypertext Transfer Protocol (HTTP) o Protocolo de Transferencia de Hipertexto (HTTP) es un protocolo de la capa de aplicación para la transmisión de documentos hipermedia, como HTML.
Estas son algunas muestras del Lenguaje de Escritura

JavaScript , JavaScript es el lenguaje de programación que se ejecuta en el navegador y que se emplea para crear sitios Web interactivos y aplicaciones avanzadas a fin de que sean ejecutadas de modo seguro en el navegador.
Web APIs, Web Application Programming Interfaces (Web APIs) Son utilizadas para desarrollar una enorme pluralidad de tareas , como manipular el DOM , reproducir audio o vídeo , o generar gráficos 3D.
Referencia de las interfaces Web API . Lista de todos los tipos de objetos que puedes utilizar mientras desarrollas la Web..
La página de WebAPI .Lista de toda la comunicación, acceso hardware y otras APIs que puedes usar en las Aplicaciones Web.
La Referencia de Eventos enumera todos los acontecimientos que puede emplear para realizar un seguimiento y reaccionar a las cosas interesantes que han tenido lugar en su Página Web o Aplicación.

Estas son las muestras de los Gráficos

SVG Scalable Vector Graphics o bien Gráficos vectoriales escalables,te deja describir las imágenes como conjuntos de vectores (líneas) y formas con el fin de permitir ajustarse a escala sin problemas con independencia del tamaño en el que están trazadas.
WebGL, WebGL es una API Javascript que te permite dibujar gráficos3D o 2D usando elementos HTML5

Todas estas tecnologías están al alcance de todos los desarrolladores que desean crear Sitios Web o Aplicaciones On line. Para sacar el máximo provecho de estas capacidades de la Web, primero precisas saber de qué forma utilizarlas. Estas están diseñadas para facilitar el trabajo de estos desarrolladores de sitios web o aplicaciones on line.

Otros

 

MathML

Mathematical Markup Language o Lenguaje de Marcado Matemático  , te permite mostrar complicadas ecuaciones y sintaxis matemáticas.

Área de aprendizaje

Aprender desarrollo web

Esta serie de artículos tiene como objetivo proporcionar a los principiantes al desarrollo web todo lo que necesitan para empezar a programar sitios web simples.

Otros temas

Desarrollo de aplicaciones Web

Documentación para desarrolladores de aplicaciones Web; las aplicaciones web realmente solo hay que escribirlas una vez y se pueden desplegar en cualquier aplicación para dispositivos móviles, de escritorio, y Firefox OS.

Accesibilidad

La accesibilidad en los Sitios Web , permite que tantas personas como sea posible utilicen la Web, incluyendo aquellas cuyas habilidades visuales, auditivas o de otro tipo están limitadas de alguna manera. Este conjunto de artículos proporciona información sobre el desarrollo Web accesible.

Seguridad

No permita que su Sitio Web o Aplicación pueda tener fugas de datos privados para los Hackers. Utilice este conjunto de artículos para asegurarse de que sus proyectos son seguros.

Tecnología Web para desarrolladores

webs son atacadas por hackers peruanos

webs son atacadas por hackers peruanos

El grupo “Peruvian Hackers” lanzó ayer una amenaza de ataque. Hasta el momento entró en la web de un ministerio y asegura tener datos de la Policía Nacional.

Muchos hackers generaron una expectativa de un Ciber ataque mundial, que ya anteriormente ya se dio, peligro expuesto en las webs de muchas entidades del gobierno y privadas.

Desde el miércoles 24 de mayo el colectivo “Peruvian Hackers” anunció en su cuenta de Twitter que iba a llegar acabo un ataque informático en nuestro país. En palabras del propio grupo, se trata de la “brigada de ataque informático” de Anonymous en el Perú, cuyo objetivo es el de secuestrar información y hacer caer a las paginas web de dichas entidades.

“Peruvian Hackers” había señalado que con motivo de su aniversario prepararía una “sorpresa”, aunque sin ahondar en los detalles. “¡Estad atentos mañana! ¡Somos legión!”, señaló el grupo en su cuenta de Twitter. El ataque estaría llevándose a cabo desde las 6 p.m.

Minutos después de las 6 se registró una caída en la página web del Ministerio del Ambiente. La autoría de este ataque fue asumida por “Peruvian Hackers” con un aviso y un video colgados en la página intervenida. Un poco después, a través de la cuenta de Twitter de ese colectivo, se compartieron imágenes de información sensible de algunos miembros de la Policía Nacional del Perú, aparentemente involucrados en problemas ambientales, conseguidos con técnicas de hackeo, en los cuales se deduce que están involucrados estos hackers internacionales que operan en nuestro pais.

 

Después del ataque de los Hackers, así lucía la página del Ministerio del Ambiente luego de ser atacada por la agrupación Peruvian Hackers, en un ataque que era para el secuestro de información confidencial del ministerio y la inabilitacionde su pagina en internet.

Con el precedente reciente del ciberataque mundial que afectó a compañías e instituciones públicas en más de un centenar de países, las alarmas se han encendido a nivel local. Aunque no ha habido confirmación por parte de la empresa, este periodista supo que uno de los blancos de las amenazas sería la división local de Telefónica, blanco predilecto de este tipo de organizaciones alrededor del mundo.

Cabe recordar que la empresa fue una de las grandes víctimas del reciente atentado tecnológico.

Alonso Tenorio, director del Centro de Tecnologias de Informacion y Comunicaciones (CTIC) de la Universidad Nacional de Ingeniería (UNI), contó en comunicación con El Comercio que Telefónica se ha comunicado con todas las instituciones con las que tiene vínculos para advertir tanto esta como otras posibles amenazas, y tratar de prevenir futuros atentados que perjudiquen a dichas empresas.

“El grupo Telefónica ha estado enviando un comunicado a todos sus socios estratégicos para alertarlos sobre la necesidad de revisar la seguridad a través de los firewalls y las copias de seguridad de si información”, explicó Tenorio.

El especialista de la UNI tuvo acceso a uno de esos documentos oficiales y explicó que, de producirse el ataque, este estaría aprovechando un forado de seguridad encontrado por los hackers con bastante anticipación, y que ellos aprobecharian para dar su ciber ataque.

“Creo que en este caso pueden haber encontrado una brecha de seguridad que el proveedor de telefonía probablemente no ha reportado de una manera abierta”, señaló el profesional informático. “Siempre que ha habido un ataque de hackers, se produce porque conocen cuál es la falla de seguridad y ya saben por dónde acceder”, agregó enfaticamente.

Este periodista intentó comunicarse con la empresa de telefonía, pero no obtuvo respuesta sobre el caso, dejando mucha mas de una duda sobre los posibles ataques anunciados por este grupo.

Tenorio acotó que desde su perspectiva profesional ve probable que un eventual ataque tenga la modalidad de ‘ransomware’ la misma que fue usada por los delincuentes informáticos en el ciberataque mundial de hace unas semanas. Asimismo, mostró su opinión sobre desde qué frentes podría llegar la incursión de los hackers.

“Desde mi punto de vista profesional creo que el supuesto ataque podría venir a través de un firewall de los equipos que se tiene o por medio de los puertos de los routers, ya que casi todas las empresas tienen este tipo de equipos”, explicó el director del CTIC de la Universidad Nacional de Ingenieria.

En el caso de la Universidad Nacional de Ingenieria, Tenorio dijo haber tomado medidas para prevenir cualquier ciberataque. “He ordenado que automáticamente hagan un ‘backup’ de todos los servidores y de todos los equipos y que revisen al detalle todos los puertos de la Universidad Nacional de Ingeniería”, señaló.

Entre las recomendaciones que habría brindado la empresa se encuentra el hacer copias de respaldo de la información albergada y mantener estas actualizadas, activar filtros IPS para detectar cualquier tráfico anómalo de los equipos y revisar constantemente la operatividad de los servicios. Asimismo se pidió también monitorear de forma minuciosa las redes sociales.

Ante esta amenaza de estos grupos de hackers, deberían de tomar las medidas prebentivas para evitar futuras amenazas como la que esta ocurriendo, solo una buena protección podrá evitar que se sigan repitiendo casos como los antes mencionados y dejarían de ser vulnerables a cualquier ataque.

Blog, un nuevo medio de comunicarse

Un blog es el espacio donde cualquier persona puede publicar sus ideas, esto democratiza de manera significativa el Internet, por que no es necesario que inviertas un solo dolar, actualmente existen posibilidades de tener blogs gratuitos en blogger o wordpress (mencionamos estos dos sistemas por ser los mas populares). Continuar leyendo “Blog, un nuevo medio de comunicarse”