Permitirá al usuario simplificar su trabajo al momento de programar aplicaciones internet, específicamente programadores que trabajen con PHP, MYSql, POSTGRESql, JAVA, HTML, DHTML, XML, AJAX, WML.
Hay muchas formas de programar así como hay muchas formas de pensar, pero siempre, lo primero que debemos tener en cuenta, es una imagen escrita (o por lo menos mental) del sitio web o de la aplicación que deseamos crear y programar.
La estética básica del sitio o aplicación web se puede realizar combinando todos los elementos que nos facilita el lenguaje HTML estándar, elementos como: tablas, formularios, cajas de texto, listas , cajas de chequeo, botones, etiquetas, etc; pero no debe ser un limitante la forma “básica” que poseen estos elementos, podemos modificarlos… solo con mucha creatividad lo lograremos, y sin tanto esfuerzo.
La mayoría, sino todos, los elementos básicos del lenguaje HTML se pueden modificar, usando la propiedad “style” que posee cada una de ellas. Esta propiedad sera mas fácil e intuitiva de trabajar si tenemos un editor de comandos apropiado, en mi caso, recomendaría el Dreamweaver, que, en su vista código, permite ir observando la función en la medida que programes (eso si, en la vista código, insisto).
Por ejemplo:
si tienes que usar varios botones en un formulario, como “enviar”, “grabar”, “cancelar”, “siguiente”, “volver”, etc, este se ajustara a la longitud del texto, lo cual hará que se vean desorganizados, pero, si modificas su propiedad “style” lograras un mejor resultado…
input name=”xxx” type=”xxx” value=”xxx” style=”width:80px;”
así, lograras que todos los botones tengan la misma longitud, en este caso, 80 pixel.
Si resumimos las propiedades y características de los objetos HTML que puedes modificar con la función “style” obtendríamos que las mas útiles son:
Estas ultimas son muy útiles al momento de organizar los objetos dentro del formulario. Si nos hemos dado cuenta, la mayoría de los objetos dentro de un formulario o tabla quedan muy juntos; estos se pueden separar haciendo un pequeño “marco” que separe los contenidos de cada una de las celdas de la tabla, por ejemplo:
-table-
-tr-
-td-
-div style=”padding-left:5px; padding-top:5px; padding-right:5px; padding-bottom:5px;”-
… contenido de la celda …
-/div-
-/td-
-/tr-
-/table-
** El símbolo “-” reemplaza los símbolos < > para evitar que el editor cree la tabla…
De esta forma, hemos creado un marco dentro de la celda de la tabla que separara , desde todos los bordes, 5 pixels los objetos que en esta se contengan.
Nótese que se pueden usar dentro de “style” varias funciones, solo hay que separarlas usando el punto y coma.
Usa “style” dentro de botones, cajas de texto, cajas de chequeo, listas desplegables, textarea, directivas div, td, tr, body, en estilos CSS, en lo que quieras… así obtendrás un diseño único en tus paginas web.
Si necesitas ayuda, solo escribe tu comentario o haz-te fan… con gusto te ayudare….
Hasta la próxima entrega.
Pues la verdad no sé por qué el tema de usar el atributo Style en las etiquetas, eso hace que el CSS sea intrusivo, lo correcto es usar una hoja de estilo aparte que contenga Clases & ID’s e importarla el archivo HTML. Además desaconsejo por completo el uso de tablas a menos que sea para mostrar un contenido tabulado, si vas a maquetar el sitio hazlo con DIV’s.
Es mi opinión, se aceptan puntos de vista.
Saludos!
I’ve not too long ago started a blog, the knowledge you provide on this website has helped me tremendously. Thanks for your entire time & work.
Have you ever considered writing an ebook or guest authoring on other sites? I have a blog centered on the same information you discuss and would love to have you share some stories/information. I know my audience would appreciate your work. If you are even remotely interested, feel free to shoot me an email.