Web Design and Development: Getting to Know Your Tools

Name: Web Design and Development: Getting to Know Your Tools
Author: Matthew Brown

This chapter will introduce creation of websites using the BlueGriffon application and website templates. This chapter will also cover the optimization of…

Preview the first lesson free — get full access to all 5 lessons.

Request a demo Sign in

Course: On-Demand

Hello. In this chapter, we will be exploring the Blue Griffon application. This is a what you see is what you get application and is used to quickly develop and deploy websites. We will also take a look at the CSS Analyzer and CSS Stat utilities to help improve CSS implementations. Blue Griffon is a full-featured application that allows for the building of websites, using build as you go functionality. Let's start by taking a look at the user interface. Look at the user interface. Once we come into the application, we have the standard file menu across the top, application menu across the top. File, you can open, save, close, new files or windows; edit existing documents via toolbars and source views; insert images, links, anchors, video, audio, form, other HTML five elements; format your content, insert tables, your panel control. On the right side, you can open up style sheet views. Right now, we have this style sheet panel open over here. And then your Tools menu with add-ons, preferences, and your Help menu. Across the top, we also have icon-driven controls where we can add templates, insert images, insert new tables, insert audio, insert video files, right, or preview in a browser. Along the left side is the icons for controlling the content once you have your content built in Blue Griffon. Things like align center, align right, definition descriptions, insert your text, indent text and outdent text, or insert double quotes around your text. Down the bottom of the application window, you have your view panels. Dual View will allow us to view both our what you see is what you get window as well as our HTML window. What you see is what you get tab will only show you the drop type windows when you're in building out your website. Source will show you a pure HTML, and then you have a print preview. You can also zoom in, zoom out your window. It's a very simplified interface, not too complicated at all. All right, thank you for joining. Next we will begin by building out our first web pages in Blue Griffon.

Beginner Provider : Matthew Brown 5 Lessons · 17m in Arabic, German, English, Spanish, French, Portuguese, Chinese

Course Description

This chapter will introduce creation of websites using the BlueGriffon application and website templates. This chapter will also cover the optimization of Content Style Sheets using the CSS Analyzer and CSS stats utilities.

What You'll Learn

Create websites using the BlueGriffon WYSIWYG application
Build websites quickly using website templates
Use the BlueGriffon 3.1 editor's features and editing workflow
Design UI applications in BlueGriffon 3.1
Optimize Content Style Sheets using the CSS Analyzer
Analyze stylesheets using CSS Stats

Key Takeaways

The chapter introduces creating websites using the BlueGriffon application and website templates.
A WYSIWYG application can be used to create a website without hand-coding.
Website templates allow websites to be created quickly.
The chapter covers optimization of Content Style Sheets using the CSS Analyzer and CSS Stats utilities.
BlueGriffon 3.1 can be used to design UI applications.

Frequently Asked Questions

What does this course cover?

It introduces creating websites using the BlueGriffon application and website templates, and covers optimizing Content Style Sheets using the CSS Analyzer and CSS Stats utilities.

What will I learn to do with BlueGriffon?

You will learn to use the BlueGriffon WYSIWYG application to create a website, work with its editor's features, and design UI applications in BlueGriffon 3.1.

How does this course help me build websites faster?

It teaches how to use website templates to create websites quickly.

What CSS topics are included?

The chapter covers optimizing Content Style Sheets using the CSS Analyzer and CSS Stats utilities.

What skills are associated with this course?

The course is associated with CSS Frameworks, Object Oriented CSS, Web Application Development, Web Development, Web Tools, and web development (WebDev).