Hola amigos, como ven, hay muchas alternativas en el tema de el desarrollo web, no siempre hay que enclavarse en un solo editor, que puede variar de usar el BLOC DE NOTAS con código, o usar el más famoso en el tema del diseño web como lo es DREAMWEAVER.
Hay un mundo de opciones para diseñar páginas web, pero también existe la alternativa de desarrollar web en internet, hay muchos sitios que ofrecen plantillas, y desde esos sitios las podemos editar a nuestro gusto, pero con el diseño ya establecido.
Para elegir la mejor opción para desarrollar web, es necesario saber la funcionalidad de nuestra página y/o sus necesidades, o la finalidad de la página, si es para un negocio, si se va a ocupar un carrito de compras, etc.
A continuación les mostraré una lista con algunos de estos editores:
Amaya (Internet):
Este sitio web nos permite la creación de páginas web por medio de html y con hojas de estilo de CSS.
http://upload.wikimedia.org/wikipedia/commons/1/1d/W3c_amaya_10_fullmode_enwiki_xfce4therapy.png
http://www.w3.org/Amaya
BlueFish:
Software de edición web mejor diseñada para expertos, para hacer páginas dinámicas e interactivas.
http://commons.wikimedia.org/wiki/File:Bluefish105.png#filelinks
http://bluefish.openoffice.nl/index.html
Adobe Dreamweaver:
Software más conocido, en este software al inicializarlo nos pregunta la forma en que lo queremos usar, si de diseñador o como programador.
http://upload.wikimedia.org/wikipedia/commons/7/72/Adobe_Dreamweaver_CS6_Icon.png
By Adobe Systems Incorporated (Adobe Dreamweaver) [Public domain], via Wikimedia Commons
http://www.adobe.com/mx/products/dreamweaver.html?kw=p&sdid=JSVKT&skwcid=AL!3085!3!31937818662!e!!g!!adobe%20dreamweaver&ef_id=UdoatgAABKFhHT0z:20130708014942:s
Jimdo:
Editor de páginas web gratuito, muy fácil de usar ya que no se requieren muchos conocimientos de lo que es HTML.
http://es.jimdo.com/
KompoZer:
Editor de páginas web muy similar a Adobe Dreamweaber en su forma de trabajo para el usuario.
http://upload.wikimedia.org/wikipedia/commons/3/37/Kompozer.png
By Yurimxpxman at en.wikipedia [see page for license], from Wikimedia Commons
http://kompozer.net/
Maquetta:
Uno de los editores más recientes, ya que solo acepta HTML5 y ha sido desarrollado por IBM.
http://upload.wikimedia.org/wikipedia/commons/3/3a/Maquetta_Designer_Preview_1_HTML_sample.png
See page for author [see page for license], via Wikimedia Commons
http://maqetta.org/
domingo, 7 de julio de 2013
domingo, 16 de junio de 2013
Pàgina integrada con Programaciòn y bases de Datos
Hola lectores, esta vez les voy a platicar de còmo crear una página web, con la que integremos Programación, y al mismo tiempo insertar una Base de Datos, este proceso no es nada sencillo, pero es muy interesante este proceso, el software màs recomendado como se los he estado mencionando en este blog el famoso Netbeans, un Entorno Gràfico para desarrollar en java.
Primero que nada nos vamos a Nuevo Proyecto> Web> LWeb Application> Next> NombreDelProyecto;
Luego damos en Next> y en la parte donde dice Servidores, no importa cual elijamos, cualquier servidor, el Apache o el GlassFish está bien;> en los frameworks no seleccionamos ninguno, y le damos en finalizar.
Al finalizar esto, nos aparecerá una página JSP, hay que abrir también una página.html, después, combinando la Programación; para esto en donde dice Source Packages, abrimos un Nuevo Package, y abrimos una nueva clase de Java.
En lo de interactuar con BD's, tenemos una clase llamada Bd.java, aparte hay que crear otra clase de Java con la que interactuemos con la BD's, podemos utilizar cualquier manejador de BD's para crear una Base de Datos, tablas y consultas, no importa con cual sea, para realizar consultas o modificar la Base de Datos. Ejecutando nuestra aplicación, nos saldrá una consulta, la que insertaremos en nuestro Sistema Gestor de Base de Datos(SGBD).
Contínuamente, mediante imágenes, les explicaré mejor este proceso, por hoy es todo y espero les haya gustado mi colaboración.
Continuando con esta entrada, esta es la pantalla que nos va a mandar al ejecutar nuestro archivo:
La última imagen tiene una consulta de SQL, la cual utilizamos para insertar campos en las tablas de nuestra base de datos.
Muchas gracias por su atención y espero que les agrade.
Primero que nada nos vamos a Nuevo Proyecto> Web> LWeb Application> Next> NombreDelProyecto;
Luego damos en Next> y en la parte donde dice Servidores, no importa cual elijamos, cualquier servidor, el Apache o el GlassFish está bien;> en los frameworks no seleccionamos ninguno, y le damos en finalizar.
Al finalizar esto, nos aparecerá una página JSP, hay que abrir también una página.html, después, combinando la Programación; para esto en donde dice Source Packages, abrimos un Nuevo Package, y abrimos una nueva clase de Java.
En lo de interactuar con BD's, tenemos una clase llamada Bd.java, aparte hay que crear otra clase de Java con la que interactuemos con la BD's, podemos utilizar cualquier manejador de BD's para crear una Base de Datos, tablas y consultas, no importa con cual sea, para realizar consultas o modificar la Base de Datos. Ejecutando nuestra aplicación, nos saldrá una consulta, la que insertaremos en nuestro Sistema Gestor de Base de Datos(SGBD).
Contínuamente, mediante imágenes, les explicaré mejor este proceso, por hoy es todo y espero les haya gustado mi colaboración.
Continuando con esta entrada, esta es la pantalla que nos va a mandar al ejecutar nuestro archivo:
Después de que nos sale esta página, hay que rellenar el formulario, ya llenado el formulario nos va a aparecer algo como esto:
Muchas gracias por su atención y espero que les agrade.
jueves, 30 de mayo de 2013
Proyecto 1
Hola Lectores, esta semana se hizo una página web personal, con diferentes esquemas, y obviamente tiene que ser validada con HTML5.
Para esta página se siguen ciertos requerimientos, pero lo más importante es saber dasarrollarla, no importando con que editor de texto, hasta con Bloc de Notas se puede, en este caso con Netbeans, nos da la posibilidad de crear hojas de estilos con las cuales podemos modificar el diseño.
La siguiente semana les añadiré imágenes de como quedo mi página web.
Para esta página se siguen ciertos requerimientos, pero lo más importante es saber dasarrollarla, no importando con que editor de texto, hasta con Bloc de Notas se puede, en este caso con Netbeans, nos da la posibilidad de crear hojas de estilos con las cuales podemos modificar el diseño.
La siguiente semana les añadiré imágenes de como quedo mi página web.
jueves, 23 de mayo de 2013
Semana #2
En esta semana hemos aprendido a hacer ya hipervínculos con otras páginas también creadas en el mismo proyecto, cómo lo hacemos, teníamos solo una página llamada ejemplo2.html, pues copiamos esa página el número de páginas que ustedes quieran agregar a su sitio, y les ponen el nombre del que le van a poner a esa página.html
En mi caso, para este sitio super sencillito, tengo 3 páginas:
-Ejemplo2.html
-Contacto.html
-Informacion.html
Esta es mi página Ejemplo2.html:
Para la página Contacto.html utilizamos un formulario como se muestra a continuación:
Para esta tercer página, ponemos algunos datos de mi institución y el mapa de ubicación, ahora se preguntarán, cómo se inserta un mapa de google en una página de principiantes...
Bueno, les voy a mostrar como... Buscamos en Google Maps el nombre de la ubicación que quieran mostrar, en este caso yo puse de mi Universidad, y después se van en la parte superior izquierda y donde vean el icono como de una cadena, ahí les va a aparecer su URL para copiarlo directo o el código HTML que copiamos.
Y bueno, así queda la página de información...
Muchas gracias por su atención y disfruten.
En mi caso, para este sitio super sencillito, tengo 3 páginas:
-Ejemplo2.html
-Contacto.html
-Informacion.html
Esta es mi página Ejemplo2.html:
Para la página Contacto.html utilizamos un formulario como se muestra a continuación:
Bueno, les voy a mostrar como... Buscamos en Google Maps el nombre de la ubicación que quieran mostrar, en este caso yo puse de mi Universidad, y después se van en la parte superior izquierda y donde vean el icono como de una cadena, ahí les va a aparecer su URL para copiarlo directo o el código HTML que copiamos.
Y bueno, así queda la página de información...
miércoles, 8 de mayo de 2013
Semana #1
En está semana, la primera lección que vimos en esta materia fue una página HTML muy sencillo, para esto se utiliza el software Netbeans 6.9 ó superior.
Nos vamos a crear Nuevo Proyecto, en donde dice Java WEB, después seleccionamos Web application y le damos en siguiente.
En el siguiente menú aparece la opción de elegir servidores, de entre Apache Tomcat y GlassFish Server 3.1.2, seleccionamos la segunda opción, la versión Java EE es Java EE 6 web y le damos en siguiente.
Después, aparecen diferentes tipos de frameworks para elegir, y no le damos en ninguno, y después le damos en terminar.
En la carpeta de Web Page, le damos click derecho, seleccionamos New y después seleccionamos HTML, y le ponemos de nombre Ejemplo1.
Básicamente en esta primera aplicacion, sólamente cambiamos fondos a algún texto y fondos a la página web, color, tamaño y tipo de fuente. Son cosas muy sencillas pero es la base.
Bueno, esto de arriba es los pasos a seguir cuando utilizamos un editor como Netbeans, pero no crean amigos que solamente tiene que ser en Netbeans o en Dreamweaver, sino que abriendo un simple bloc de notas podemos editar el texto, usando html, lo único que no les facilita el bloc de notas es que para los colores de los fondos y todo, lo que podemos hacer es tener una tabla de colores estilo RGB.
Lo podemos guardar como Ejemplo1.html, en el selector de abajo elegir Todos los archivos, no guardar como archivo .txt, porque obviamente les saldrá el mismo bloc de notas.
Hay una infinidad de cosas que podemos ir haciendo, la semana pasada no he publicado, porque no tuvimos ninguna clase de la asignatura, pero les prometo que esta semana voy a publicar más entradas acerca de esto, gracias.
Nos vamos a crear Nuevo Proyecto, en donde dice Java WEB, después seleccionamos Web application y le damos en siguiente.
En el siguiente menú aparece la opción de elegir servidores, de entre Apache Tomcat y GlassFish Server 3.1.2, seleccionamos la segunda opción, la versión Java EE es Java EE 6 web y le damos en siguiente.
Después, aparecen diferentes tipos de frameworks para elegir, y no le damos en ninguno, y después le damos en terminar.
En la carpeta de Web Page, le damos click derecho, seleccionamos New y después seleccionamos HTML, y le ponemos de nombre Ejemplo1.
Básicamente en esta primera aplicacion, sólamente cambiamos fondos a algún texto y fondos a la página web, color, tamaño y tipo de fuente. Son cosas muy sencillas pero es la base.
Bueno, esto de arriba es los pasos a seguir cuando utilizamos un editor como Netbeans, pero no crean amigos que solamente tiene que ser en Netbeans o en Dreamweaver, sino que abriendo un simple bloc de notas podemos editar el texto, usando html, lo único que no les facilita el bloc de notas es que para los colores de los fondos y todo, lo que podemos hacer es tener una tabla de colores estilo RGB.
Lo podemos guardar como Ejemplo1.html, en el selector de abajo elegir Todos los archivos, no guardar como archivo .txt, porque obviamente les saldrá el mismo bloc de notas.
Hay una infinidad de cosas que podemos ir haciendo, la semana pasada no he publicado, porque no tuvimos ninguna clase de la asignatura, pero les prometo que esta semana voy a publicar más entradas acerca de esto, gracias.
Suscribirse a:
Entradas (Atom)