Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo

Con un editor de diseño personalizado para la creación de proyectos que dependen de HTML5 y CSS3 le ahorra un montón de tiempo y esfuerzo. Estos entornos de desarrollo integrado (IDE) proporcionan un editor de texto con características especiales que realizan tareas tales como destacando palabras clave. En la mayoría de los casos, el proceso de creación de un nuevo proyecto es el mismo en cualquier IDE que utiliza. Komodo Edit es un IDE gratuito que puede utilizar para escribir su aplicación como se describe en los siguientes pasos.

Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo
Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo Agrandar
1

Abra Komodo Edit.

Usted ve el IDE. La mayoría de los IDEs proporcionan algún tipo de pestaña Inicio. La ficha de inicio puede contener un número de elementos, pero la mayoría incluyen una lista de sus proyectos anteriores y cualquier noticia acerca de la IDE que está utilizando.

Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo
Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo Agrandar
2

Elija Archivo-Nuevo-Archivo de plantilla.

Verá el cuadro de diálogo Nuevo archivo. IDEs suelen proporcionar un método para la creación de nuevos archivos. Esta técnica crea un archivo individual. Si usted estaba trabajando en un sitio que contenía muchos archivos, debe crear un proyecto como punto de partida en su lugar.

Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo
Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo Agrandar
3

Seleccione Común en la lista Categorías y HTML5 en la lista de plantillas. Escriba un nombre para el archivo, como MyTestPage.HTML. Elija una ubicación para guardar el archivo en el campo Directorio (según sea necesario). Haga clic en Abrir.

Usted ve el nuevo archivo abierto. Un IDE utiliza plantillas para comenzar el contenido del archivo para usted. La cantidad de contenido el IDE proporciona depende de la plantilla y el tipo de archivo que cree. Una plantilla HTML5 normalmente contiene la declaración, encabezado, cuerpo y título.

Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo
Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo Agrandar
4

Crear contenido para mostrar en la pantalla. Por ejemplo, escriba

Hola

para crear un mensaje dentro de un párrafo que existe dentro de una
.

Usted ve la información de ayuda-etiqueta específica proporcionada por el IDE. Un IDE normalmente muestra información útil sobre lo que escribir a continuación. Estos consejos útiles que sea más fácil para crear código útil en menos tiempo y con menos errores.

Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo
Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo Agrandar
5

Escriba cualquier CSS requerido para dar formato al contenido. Guarde su trabajo después de cada adición de código.

Usted ve la información de ayuda en CSS específica proporcionada por el IDE. Al igual que con las etiquetas, el IDE también proporciona información acerca de la CSS se escribe cuando puede. La información CSS es más detallada y por lo general proporciona la entrada como los valores permitidos para muchas propiedades.

Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo
Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo Agrandar
6

Elija Vista-Browser Vista previa.

El IDE muestra un cuadro de diálogo que pregunta lo que quiere ver y cómo desea verlo. Un IDE normalmente proporcionará alguna forma de ver su trabajo. Usted debe utilizar este punto de vista como un punto de partida. Sin embargo, es importante para ver el trabajo en los navegadores de destino para su aplicación, así.

Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo
Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo Agrandar
7

Elija la vista previa con esta opción del archivo cuando se ve el cuadro de diálogo de vista previa y haga clic en Vista previa.

Usted ve una vista previa de la página tal como aparecerá en el navegador.




» » » » Cómo crear un nuevo archivo html5 css3 que utiliza en la edición de Komodo