viernes, 10 de mayo de 2013

HTML desde NetBeans

Buenos días el día de hoy aprenderemos a crear un proyecto para poder comenzar a programar en HTML5


Abrimos NetBeans y damos click en nuevo proyecto

Seleccionamos Java Web y Web Application y damos continuar

Siguiente

Siguiente

y Siguiente

Ahora se crean 2 carpetas en automático pero necesitamos una mas
Nos dirigimos a la ubicación del archivo por lo general NetBeansProjects/NombredelProyecto/web y creamos una carpeta llamada css 


Ahora después de haber creado la carpeta regresamos y sobre ella ...



click auxiliar web y Style Sheet y click en continuar

Asignamos un nombre

Aparecerá esta ventana con este código. No importa borre todo


Ahora escribimos el siguiente código para hacer relación a nuestro estilo de hoja

<h1> indica el tamaño de la letra
</h1> indica el cierre de h1
<ul> nos dice que comenzaremos una serie de lineas
<li> es la linea


Abrimos la pestaña de estilo y editamos nuestro estilo
digitamos ul{} y en automático se activan los campos debajo
del campo del código.

No tenemos que escribir ningún comando solo elegir nuestro estilo
y listo. La opción de Background es el estilo des fondo.



Después de ejecutarlo queda así.

                                             Es todo por esta ocasión  cualquier pregunta acerca de cualquier tema solo debes publicarla y resolvemos tu duda.

3 comentarios :

  1. Excelente tutorial, justo lo que andaba buscando muchas gracias Like!!!

    ResponderEliminar
  2. Hola, me gustaria saber como se puede agregar una galeria de fotos en un segundo archivo html y que sea llamado mediante link desde el index.
    Gracias :) ...muy buen tutorial me sirvió muchisimo!!!

    ResponderEliminar
  3. Hola, creo una clase en el CSS pero el IDE, me dice que no lo encuentra, ya le di el link

    ResponderEliminar