BIG SOFTWARE: 2013

jueves, 8 de agosto de 2013

Plantillas HTML5 y los avances que representan

Una vez que se tiene noción sobre lo que es un editor HTML, se tiene una idea acerca de crear página web a partir de plantillas, y posteriormente a conocer las diferencias entre plantillas web en HTML y plantillas web flash, es una buena hora de introducirse al concepto de HTML5 y las posibilidades que representa.

HTML es el código de desarrollo web más popular del mundo, el cual tras ser descifrado por un navegador web, despliega el contenido de manera gráfica y/o auditiva. HTML5 es la actualización más recientes de éste lenguaje después de pasada una década tras el lanzamiento de la versión anterior, lo que significa que ha habido bastante tiempo para desarrollar avances y nuevos beneficios.

Los principales puntos de evolución de HTML5 son las posibilidades que brinda en cuanto a:

¶ Compatibilidad entre navegadores y dispositivos

Haciendo uso del lenguaje de marcación HTML5, no solamente se logra mejorar la compatibilidad para que una página web pueda leerse en prácticamente todos los navegadores web, sino que va más allá al permitir que también los dispositivos móviles como smartphones y tablets puedan visualizarlas y reproducir los contenidos estandarizados a éste lenguaje.

¶ Diversificación de etiquetas para contenido enriquecido

Las versiones anteriores de HTML agrupaban todo tipo de contenido enriquecido como video, audio, animaciones, etc. dentro de una misma etiqueta. HTML5 utiliza etiquetas distintas dependiendo del tipo de contenido del que se trate.

¶ Interactividad usuario / sistema

HTML5 integra nuevas opciones que permiten un mayor nivel de interactividad entre el sistema y el usuario, lo que significa que los visitantes tienen una mayor posibilidad de modificar ciertos contenidos en tiempo real de manera sencilla (como por ejemplo, dando click a algunos elementos o arrastrando el ratón).

¶ Facilidad de creación

El sistema de arrastrar y soltar (drag & drop) ha sido integrado completamente en HTML5, por lo que ahora las tareas de edición para modificar, añadir o eliminar elementos haciendo uso de este lenguaje de marcación se han logrado simplificar notablemente y son más accesibles para usuarios que no sean expertos en programación.

Hablando directamente de lo que significa HTML5 para quienes estén buscando crear su propia página web a partir de plantillas HTML5, lo que ésta actualización significa son muchas ventajas en cuanto a avances tecnológicos pero sin los obstáculos que puede representar la falta de conocimientos técnicos, pues ahora las posibilidades de tener un sitio más funcional, atractivo y de mayor alcance no están limitadas y pueden ser accesibles para cualquier tipo de público.

martes, 30 de julio de 2013

Como conectar mi pagina web html 5 con mi Base de Datos MySQL Workbench "Codigo"

<!DOCTYPE html>

<html>

<head>

<title>MySql y PHP</title>

</head>

<body>

<?php

$server="localhost";

$user="root";

$password="123";

$database="prueba";

$cn=mysql_connect($server, $user, $password) or die("Error al concetar al servidor mysql:".mysql_error());

$db=mysql_select_db($database,$cn) or die("Error al conectar a la base de datos:".mysql_error());

if($db)

echo "Conexión satisfactoria";

else

echo "No conecto a la Base de Datos";

</body>

</html>

lunes, 22 de julio de 2013

¿Qué es el Desarrollo de una aplicación web???

En la ingeniería de software se denomina aplicación web a aquellas herramientas que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una internen mediante un navegador. En otras palabras, es una aplicación software que se codifica en un lenguaje soportado por los navegadores web en la que se confía la ejecución al navegador.

Las aplicaciones web son populares debido a lo práctico del navegador web como el cliente ligero, a la independencia del sistema operativo, así como a la facilidad para actualizar y mantener aplicaciones web son distribuir e instalar software a miles de usuarios potenciales.

lunes, 8 de julio de 2013

Editores de Pagina Web en HTML 4 y 5

Existen varios puntos por los que es recomendable considerar un editor HTML para crear un sitio web.

Para crear página web existe un recurso muy recomendable a considerar que es el editor HTML. Puesto que no es necesario que se sepa sobre código HTML ni tampoco de programación, es una gran opción para todo tipo de usuarios. Hace algunos años los editores eran bastante complejos y era imprescindible conocer el lenguaje HTML. Pero actualmente ese no es el caso así que... ¡sácale el máximo provecho posible a esta innovación!

Funciones de un editor HTML

-Desarrollo de código CSS y JavaScript

-Ayuda en el seguimiento de estándares web

-Ayuda en la gestión de archivos tanto en el equipo local como en un servidor remoto

Ventajas de un editor HTML

-Puedes ver los resultados de tu trabajo mientras creas tu página web

-Poca probabilidad de errores en el código ya que la sintaxis está sometida a revisión y corrección por el editor HTML

-Facilidad de trabajo gracias a los códigos CSS, JavaScript y XML incorporados

-Facilidad de gestión de los archivos del sitio

-Facilidad para el uso de Plantillas Web

-Tiempo reducido para la creación de una página web

-Revisión de la sintaxis del código (indicación y corrección de errores)

-Permite su uso a personas sin conocimiento de codificación HTML ni CSS

En conclusión, tanto si eres un experto como si no en la creación de páginas web y tanto si tienes un conocimiento avanzado o no sobre lenguajes de desarrollo y diseño web, es recomendable que elijas un editor HTML para crear tu página.

sábado, 29 de junio de 2013

Colocar el elemento de carro de compras en HTML5

Desplázate hasta la etiqueta en la página del comando. Esto debería estar solo debajo de las especificaciones de cabecera y de fuente de la página.

Escribe la siguiente secuencia de comandos bajo la etiqueta:

java.util.Enumeration parms;

java.util.Enumeration values;

Este comando le dice al sistema que las variables declaradas estarán disponibles en los siguientes scriptlets.

Agrega el siguiente scriptlet bajo la declaración:

parms = request.getParameterNames();

values = request.getParameterNames();

while(parms.hasMoreElements())

{

String name = (String) parms.nextElement();

String value = (String) values.nextElement();

session.setAttribute(name, value); }

Este scriptlet indica al sistema que extraiga los parámetros de los elementos y, esencialmente, pone esta información en el carro

viernes, 21 de junio de 2013

Cómo puede combinarse con el HTML

Cómo puede combinarse con el HTML

Lo más normal es escribir todo el código CSS en un fichero externo, de extensión css, y luego incluir en el <head> de cada página el código:

Esto permite usar el mismo estilo para varias páginas HTML distintas. No sólo eso: haciendo esto te llevas por completo el diseño a otro archivo, de forma los navegadores sencillos, que no soportan hojas de estilo, no tendrán que cargar código innecesario (por eso van tan rápido).

Si prefieres dejar el código CSS en la misma página (sin usar archivos externos), se hace desde dentro del <head> con la etiqueta <style>:

También se puede definir un estilo para un solo elemento, escribiendo el código dentro de su atributo style, aunque no lo recomiendo porque complica el código. Ah, y también se pueden incluir archivos CSS externos con la orden @import de CSS, pero eso ya es más complicado.

Si definieras un estilo usando todas las formas a la vez, la prioridad que se seguiría es:

Atributo style del elemento (estilo específico para un solo elemento)
Estilo definido en la cabecera con la etiqueta <style>
Estilo definido en un archivo externo, y asociado a la página con <link>

domingo, 16 de junio de 2013

Modificación de pagina web ALMACÉN creando una Base de Datos para modificar o borrar datos

Las actividades a realizar en la semana del 10 al 13 de junio fue en la creación de una base de datos trabajo sobre el mismo proyecto llamo ALMACÉN cuya base de datos se llamo igual, generalmente el aprender en que los datos se guardaran en la tabla y con el botón de de guardar te llevara a nueva pagina donde también te muestra todos los datos almacenados en la base fueran guardando por al momento de almacenar con clic, nos comento el profesor, se avían guardado con el detalle de a cuantos se lleva y el precio de cada uno y el total esto ya se encontraba guardado pero nosotros enseguida de lo detallado le agregamos dos opciones que te llevaría ala base de datos de modificara o borrara por lo cual solamente desarollamos solamente el borra los datos al modificar lo con una clase de java de programación y en general mostraba en la mima pagina con clic borrar desaprecia el dato lo cual en la base de datos esto lo cual nos un aprendizaje que ya con esto podemos realizar nuestro proyecto final por lo cual se basa en un gestor de venta de productos con el motivo de lo aprendido desarrollar nuestra pagina web con gestionar y el mejor control de ventas y con esto que nos muestro el ejemplo de de almacén podemos hacer el proyecto es muy impresionarte como se realiza los cambios con programación de paginas web.....

sábado, 8 de junio de 2013

Programacion de paginas web HTML5!!!

Lo que realizamos el único día 6 de mayo de la semana fue creando una nueva pagina web HTML5 con el nombre de almacén lo primero que creamos una pagina sencilla con los comando el profesor nos comentaba cada uno de ellos por lo cual para que servia cada uno de ellos, se nos dio conocer que realizaremos una pagina de un almacén para el control lo cual para en pesar al crear el proyecto borramos index y creamos dos html5 con el mismo nombre de index, datos empezamos a trabajar en de index creación de una tabla con la de datos creamos una clase de java aplication para programar al ingresar los datos en la tabla realizara las operación y al momento de guardar te mandara a una pagina jsp creada donde se muestra los resultados de los producto y precio en su totalidad, lo que realizamos en de datos fue llamar los datos de java lo que realizamos en cuatrimestre pasado fue programación pero ahora desarrollado en paginas esto se ve cada vez mas interesante para el desarrollo de aplicaciones web como para nuestro proyecto de venta de productos en una tienda de abarrotes que esperemos excelentes resultados de satisfacer las necesidades del cliente y tener un mejor control de ventas de sus producto y el genero de ganancias.

lunes, 3 de junio de 2013

Lo que realizamos en la ultima semana de mayo durante 4 clases el profesor se explico sobre unos archivos que nos dio para insertarle fecha en nuestra base de datos cuyo objetivo era ser mas completado la pestaña en la mismo ejemplo II de tal manera es para el usuario rellenar los espacios mas fácil y los datos sean correcto y nos comento que la próxima clase ya constaba de relacionar una base datos para que quedaran registrados, por lo cual con el formato que realizamos lo configuramos de adamas reducir los días y meses de ser atendible fue sencillo pero muy detallado es muy creativo y sencillo cuando actualizas tu pagina y vez los cambios espectacular llama la atención en el desarrollo de paginas de web.

sábado, 25 de mayo de 2013

EJEMPLO DE UNA PAGINA WEB EN HTML5 LLAMADO "EJEMPLO II"

Implementación: Ya visto el modelo de las páginas web nos dimos paso a irla creando poco a poco, esto para que se siguiera la misma estructura antes mencionada, se creó un encabezado esto con tal de resaltar el nombre de la página web.

Creamos hipervínculos, inicio, contacto e información, que estos nos mostraran información del usuario.

También insertar imágenes, esto siguiendo los pasos.

v Ir a la carpeta web

v Abrir carpeta imágenes seleccionar algunas.

v Y por último ir agregando las líneas de programación, ubicando la carpeta y la imagen seleccionada

La parte central se separó en dos partes, esto con tal de que en el lado derecho estuviera un espacio dedicado a anuncios.

Al ubicar el cursor en la etiqueta Contacto automáticamente con manda a otra pantalla en la cual se pedirá información al usuario, nombre, contraseña y edad por citar algunos.

Esto para mayor comprensión dando saltos de renglón. En los cuales se creó un cuadro de texto, esto para capturar su información.

Se insertó un botón el cual permite al usuario dar varias opciones, entre las cuales se denominaron como pasatiempos. Al concluir con todos los campos antes mencionados se insertó un botón que permite validar sus respuestas, esto para saber si son correctas o erróneas.

Al finalizar dar clic sobre la etiqueta Contacto desplegamos información sobre nuestra ubicación, así mismo se ubicación por medio de google maps.

Verificación: En todo momento se checo que la página web fuera actualizada y funcionara de acuerdo a los pasos que el profesor nos dictaba
fue muy sencillo en la practica que realizamos todos con el profesor para dar buena ilustración de paginas web basadonce en html5

jueves, 9 de mayo de 2013

Introduccion del Curso

El primer día fue una explicación donde nos explicó sobre el curso de una universidad de estados unidos llamado Carnegie! Global learnig putos muy interesantes para el desarrollo de las aplicaciones de página web y a su vez sea más sencillo y velos para nosotros el curso contaran de tan solo 15 semanas en donde tomo su objetivo principal en el incrementa mi conocimiento de las habilidades atreves de modelos simples de automatización y a la vez ser concretos en un ambiente profesional.

El curso constaba de un excelente trabajo como así:

*la resolución de problemas usando herramientas como el desarrollo web (cubriendo HTML, CSS y JavaScript) y hojas de cálculo

Basándose mucho HML5 de siendo la mejor herramienta para nosotros de labora los proyecto.

Lo que se desarrolló en la segunda clase fue ya intentando hacer una página web donde ya nos empezamos a desplazar nosotros e interactuar con la herramienta de HML5 y empezar a crear páginas web a nuestro estilo.

Fue lo que realizamos esta primera semana de trabajo.