KnowledgeCity

Diseño y desarrollo web: Conoce tus herramientas

Este capítulo presentará la creación de sitios web con la aplicación BlueGriffon y plantillas de sitios web.

Este capítulo presentará la creación de sitios web con la aplicación BlueGriffon y plantillas de sitios web. Este capítulo también cubrirá la optimización de las hojas de estilo de contenido con css Analyzer y las utilidades de estadísticas CSS.

Objetivos de aprendizaje:

  • Aprender a usar una aplicación WYSIWYG para crear un sitio web
  • Aprender a usar plantillas de sitios web para crear sitios web rápidamente

Habilidades:

  • Crear un sitio web con la aplicación BlueGriffon WYSIWYG
  • Optimizar hojas de estilos CSS mediante la utilidad CSS Optimizer
  • Evaluar hojas de estilos CSS mediante la utilidad CSS Stats

Instructor: Matthew Brown

Duración: 17m · 5 lecciones
Nivel: Beginner
Idioma: Español

Habilidades que obtendrás

Marco de trabajo CSSCSS Orientado a ObjetosDesarrollo de aplicaciones webDesarrollo webHerramientas webWebDev

Lo que aprenderás

  • Crear sitios web utilizando la aplicación WYSIWYG BlueGriffon
  • Construir sitios web rápidamente utilizando plantillas de sitios web
  • Utilizar las características del editor de BlueGriffon 3.1 y el flujo de trabajo de edición
  • Diseñar aplicaciones de interfaz de usuario en BlueGriffon 3.1
  • Optimizar las hojas de estilo de contenido utilizando el Analizador CSS
  • Analizar hojas de estilo utilizando CSS Stats

Puntos clave

  • El capítulo introduce la creación de sitios web utilizando la aplicación BlueGriffon y plantillas de sitios web.
  • Una aplicación WYSIWYG se puede utilizar para crear un sitio web sin codificación manual.
  • Las plantillas de sitios web permiten que los sitios web se creen rápidamente.
  • El capítulo cubre la optimización de las hojas de estilo de contenido utilizando las utilidades CSS Analyzer y CSS Stats.
  • BlueGriffon 3.1 se puede utilizar para diseñar aplicaciones de interfaz de usuario.

Preguntas frecuentes

¿Qué cubre este curso?

Introduce la creación de sitios web utilizando la aplicación BlueGriffon y plantillas de sitios web, y cubre la optimización de las hojas de estilo de contenido utilizando las utilidades CSS Analyzer y CSS Stats.

¿Qué aprenderé a hacer con BlueGriffon?

Aprenderá a utilizar la aplicación WYSIWYG de BlueGriffon para crear un sitio web, trabajar con las características de su editor y diseñar aplicaciones de interfaz de usuario en BlueGriffon 3.1.

¿Cómo este curso me ayuda a construir sitios web más rápido?

Enseña cómo utilizar plantillas de sitios web para crear sitios web rápidamente.

¿Qué temas de CSS se incluyen?

El capítulo cubre la optimización de las hojas de estilo de contenido utilizando las utilidades CSS Analyzer y CSS Stats.

¿Qué habilidades se asocian con este curso?

El curso se asocia con CSS Frameworks, Object Oriented CSS, Web Application Development, Web Development, Web Tools y web development (WebDev).

Transcripción

Transcripción

Hola. En este capítulo, exploraremos la aplicación Blue Griffon. Esta es una aplicación de lo que ves es lo que obtienes y se utiliza para desarrollar e implementar rápidamente sitios web. También echaremos un vistazo al analizador de CSS y las utilidades CSS Stat para ayudar a mejorar las implementaciones de CSS. Blue Griffon es una aplicación con todas las funciones que permite la construcción de sitios web, utilizando la funcionalidad de compilación sobre la marcha. Comencemos por echar un vistazo a la interfaz de usuario. Mira la interfaz de usuario. Una vez que entramos en la aplicación, tenemos el menú de archivo estándar en la parte superior, menú de aplicaciones en la parte superior. Archivo, puede abrir, guardar, cerrar, nuevos archivos o ventanas; edite documentos existentes a través de barras de herramientas y vistas de origen; insertar imágenes, enlaces, anclas, video, audio, formulario, otros cinco elementos HTML; formatea tu contenido, inserta tablas, tu panel de control. En el lado derecho, puede abrir vistas de hojas de estilo. En este momento, tenemos este panel de hojas de estilo abierto aquí. Y luego su menú Herramientas con complementos, preferencias y el menú Ayuda. En la parte superior, también tenemos controles basados ​​en íconos donde podemos añadir plantillas, insertar imágenes, insertar nuevas tablas, insertar audio, insertar archivos de video, a la derecha, o una vista previa en un navegador. A lo largo del lado izquierdo están los íconos para controlar el contenido. una vez que haya construido su contenido en Blue Griffon. Cosas como alinear al centro, alinear a la derecha, descripciones de definición, inserte su texto, texto con sangría y texto sin sangría, o inserte comillas dobles alrededor de su texto. En la parte inferior de la ventana de la aplicación, usted tiene sus paneles de vista. Dual View nos permitirá ver tanto nuestro lo que ves lo que obtienes ventana, así como nuestra ventana HTML. La pestaña Lo que ves es lo que obtienes solo te mostrará la gota escriba windows cuando esté construyendo su sitio web. La fuente le mostrará un HTML puro, y luego tienes una vista previa de impresión. También puede acercar, alejar la ventana. Es una interfaz muy simplificada, no demasiado complicado en absoluto. Muy bien, gracias por unirte. A continuación, comenzaremos construyendo nuestras primeras páginas web en Blue Griffon.

Aprende sobre la marcha

Lleva tu aprendizaje a todas partes: la app de KnowledgeCity te permite ver las lecciones sobre la marcha.