Al comenzar a programar para web, lo primero que uno tiene que hacer es escoger sus herramientas de desarrollo y crear un ambiente de desarrollo, en esta publicación pondrá las que yo usualmente uso. Si ya tienen sus propias herramientas, lo que les recomiendo es que lean su manual para que le puedan sacar el máximo provecho, el SublimeText por ejemplo, tiene bastante plugin y personalizaciones que si lo “tunean” bien, puede fácilmente estar a la altura de un phpStorm. phpStorm IDE de desarrollo para PHP (también maneja múltiples tipos de archivo e incluso del tipo Blade de Laravel), bastante…
Para hacer una pagina web, es decir, un archivo con extensión HTM o HTML, lo puedes hacer con cualquier editor de texto plano como el Notepad por ejemplo, si eres novato en HTML, existen software NVU o FrontPage que facilita esa tarea, en lo personal prefiero los editores y el que siempre uso es el Notepad++ que es software libre y una potente herramienta. Para continuar, la estructura básica de todo HTML es la siguiente: <html> <head> <title>Lo que sale como titulo en el Navegador</title> </head> <body> Información o lo que quieras pones. </body> </html>
Saber como poner imágenes en HTML es algo básico en creación y diseño de páginas web, los formatos más populares de imágenes en sitios web son el JPG o JPEG, GIF y PNG, siendo las 2 ultimas con opción a transparencia, y los JPG de buena calidad de imagen y de un tamaño en kilobytes bastante reducido el tag es el siguiente: <img src="/ruta_o_carpeta/nombre_archivo_imagen.jpg" width="80" height="80" alt="nombre de la Imagen para que sea indexado" /> La lista de principales parámetros que admite son: src- Es el atributo obligatorio donde se indica la URL o ruta de la imagen, foto, etc. aquí un tema…
En HTML cuando manejamos un formulario, el action lo podemos hacer en la misma página o en otra, pero siempre va a cambiarnos la ventana de navegación actual, si lo que deseas es por ejemplo tener un buscador que cuando le hagas click en buscar, te devuelva los resultados pero en otra ventana, este código HTML te va a servir. Ese efecto se logra utilizando la opción target="_blank" en la línea del FORM, con ello estamos indicando que se abra el resultado en una nueva ventana independiente a la que estamos. <form name="frmNombre" action="file.php" method="get" target="_blank"> <input type="text" name="q" value="">…
Tener un cuadro flotante en nuestra web es útil siempre y cuando lo uses de la manera correcta, básicamente debes evitar que tape el contenido y para nada sobreponerse sobre un banner de Adsense ya que es causal de Baneo. así que teniendo esto en cuenta usa este código con prudencia. Yo lo utilizo en algunas web para mostrar los botones de ME GUSTA, Twitter y Google Plus, siempre a un lado y posición especifica, ya que si la pantalla es chica (monitores 1024x768 o de tables y celulares), al tener esa posición fija no se va a mostrar ni…
En ocasiones nos gustaría usar las listas como si fuera un menú horizontal, además de quitarle el símbolo que llevan delante o darle el uso que requerimos. Las Listas son unos TAGS del HTML que nos permiten hacer algo como esto: Elemento 1 Elemento 2 Elemento 3 Pero a veces deseamos mostrarlo en línea, es decir, como si fueran elementos de un DIV o SPAN, uno al lado de otro... para eso a cada LI le aplicamos en siguiente el estilo 'style="display:inline;"' <ul> <li style="display:inline;">Elemento 1</li> <li style="display:inline;">Elemento 2</li> <li style="display:inline;">Elemento 3</li> </ul> y obtendremos lo siguiente: Elemento 1 Elemento…