Link to all Classes     Class 1     Class 2     Class 3     Class 4      Class 5     Class 6

Content:

  1. The Cluster of Units
  2. In-class Task
  3. Feedback

Feel free to ask questions throughout class and to slow me down at any time. It is important that you view the instructions on the overhead first and then try them out yourself.

The Cluster of Units

This class is called Online Cluster. It basically covers 4 units of competency that will be delivered online with the 1 hour of contact every Friday from 4-5pm. Most od the content is based on worksheets that you can download, complete and upload to MyKangan.

The unit will be clustered in one unit on MyKangan.

These are the units:

ICPSU260C Maintain a Safe Work Environment

ICPSU262C Communicate in the Workplace

BSBSUS301A Implement and Monitor Environmentally Sustainable Work Practices

BSBWOR402A Promote Team Effectiveness

Please follow all the tasks in this unit on a weekly basis.

In-class Task

The first week is a simple overview. Please read and download the task (Class 01Task- online)

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Link to all Classes     Week 1     Week 2     Week 3     Week 4      Week 5     week 6

Today’s Class

  • Your Progress
  • Online Editors
  • Head
  • CSS
  • Feedback

Your Progress

At this stage you should know what HTML does and stands for. You should be able to create a HTML document, including:

  • doctype declaration,
  • html tag,
  • body tag,
  • different headings,
  • paragraphs,
  • line breaks,
  • lines,
  • hyperlinks and
  • email links.

Let us revisit how to create an e-mail link and do it in the TryIt Editor.

Online Editors

W3Schools editor: Tryit!Editor

Another useful online editor: Real-time HTML editor

The Offline Coder App is a good offline editor available as an app for the I-Pad and I-Phone. You can edit HTML, JavaScript and CSS and view the results in a preview. See the screen shot below:

Screenshot of Offline Coder App for I-Pad and I-Phone.

Screenshot of Offline Coder App for I-Pad and I-Phone.

Head

Today we will learn about the Head element of a HTML document. Click here for Head Instruction on W3Schools.com

The Head element is different to the heading tag in HTML! Be sure not to get them mixed up. At this point it is interesting to notice that the terminology used to describe a HTML document is like the terminology of a human: Head and Body.

This image is comparing HTML structure to a human body. Man in photo from image by August Sander.
This image is comparing HTML structure to a human body. Man in photo from image by August Sander.

CSS

CSS is an integral aspect of the styling in HTML. Follow the in class instructions and the text on CSS on W3Schools.com.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Link to all Classes     Class 1     Class 2     Class 3     Class 4      Class 5     Class 6

Today’s Class

  • Today’s Task
  • Feedback

Today’s Task

Good morning and welcome to our third class together! After completing a task this morning we will look at this tutorial/task. Combine 3 Images.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Banner_Cert IV WebBTech-C1

Link to all Classes     Class1     Class 2     Class 3     Class 4      Class 5     Class 6

Today’s Class

  • About the Importance of Planning
  • Before Designing a Website
    • Needs Assessment
    • Results of the Lack of Planning
    • Aligning a Website With the Marketing Plan
    • Project Roles
    • Website Content Needs to be Determined
  • Questions to Ask a Client
    • TASK: Create a Catalogue of Questions
    • Screenshot of In-class Work
  • Feedback

About the Importance of Planning

Why do we need to plan a large-scale or even smaller-scale project? Let us look at something we might be able to relate to: imagine you have purchased a house in Melbourne (I know you may think – ‘at these prices, how unrealistic is this example’…), so anyway, let us imagine you were lucky and received a well deserved payment from your previous job and are in the position to purchase a house in Melbourne. The house needs some structural work and changes before you can move in. You also want to built a second floor with 2 additional bedrooms and a bathroom.

Now, let’s cut a long story short: you need to get a morgage from your friend – the local bank and contract a builder to do the job.

What will happen without plans/drawings of the changes and new structures? What will happen if you do not specify facts such as:

  • amount and locations of power points
  • amount and locations of light switches
  • where do you want the dining area?
  • what heights do you have in mind for benches?
  • cupboard finishes
  • floor finishes
  • wall finishes

We get the picture. No project can be completed if you do not have a plan. Plus, you never know when you are finished unless you define a clear outcome!

Before Designing a Website

When you are designing a website there will be a number of pages, technical aspects, payment systems, membership options, design considerations and many other characteristics that need to be considered.

Needs Assessment

’10 hours spent on a needs assessment can save 30 hours of development time’

It is a common fact that clients don’t necessarily understand the efficiencies gained by up-front assessment. Discovering the needs of a client halfway through a project can lead to:

  • headaches
  • extended development time
  • cost overruns
  • missed deadlines.

Results of the Lack of Planning

Usually the lack of planning can lead to:

  • the web designer is forced to make decisions based on assumptions, which may lead to significant mistakes
  • the design team and client will be bogged down in back and forwards communication, this is a waste of time and can be annoying for everyone involved
  • back tracking can lead to misunderstanding and dead lines may be missed as a result
  • extra work may lead to a gowth of project cost

Aligning a Website With the Marketing Plan

The website must work in sync with the overall marketing plan. The needs assessment for the website might overlap with the other efforts and approaches of the marketing department, which is fine.

Note that the established branding and marketing of the business should inform the structure and design of the website.

Project Roles

Every project is different, but these are the typical roles in a sizable Web project:

Internal stakeholders (aka “clients”), who represent all primary aspects of the business:

  • Project manager;
  • Copywriter or editor;
  • Web designer
  • Web developer

Website Content Needs to be Determined

As you prepare to add content to the website, think about who will contribute. In a five-person business, it might be just two of you, and that’s fine.

In a large business or organisation, 5, 10 or 15 people might be contributing content. The time required to edit and proofread both copy and visual content grows exponentially in proportion to the number of people who contribute content.

Questions to Ask a Client

TASK: Create a Catalogue of Questions

  1. In teams of 2 spend 15 minutes developing a list of questions that you would need to ask a client for a website before you could commence planning the website. We will discuss your catalogue of questions in class. You will be able to improve on your list and afterwards …
  2. post it here as a comment! (Make sure to include both your names, but only one of you needs to post) .

The examples of the Design Process form last week may help you with this, so find below the links again and a third one:

Here is another example for the design process that can be used for Web Design: Design Process for Web Design 2 (Source: Dreamweaver CS4, R.Rate & J.Campbell, Natcoll Publishing 2009)

Last week’s Design Process for Web Design 1 (Source: Go Wild Web, Carol Green, Natcoll Publishing 2006)

Last week’s Design Process for Graphic Design (Source: Go Wild Photoshop, Jamie Campbell, Natcoll Publishing 2006)

Screenshot of In-class Work

Screenshot3Screenshot1Screenshot2

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Link to all Classes     Class 1     Class 2     Class 3     Class 4      Class 5     Class 6

It is an exciting time to commence something new, so wear the badge Absolute Beginner with pride and get ready for a love affair with one of the best software packages of our time- welcome to Photoshop.

Photo by agathabrown on morgueFile
Photo by agathabrown on morgueFile

Suddenly life broke out in warm colors again, so young and beautiful that a lot of people couldn’t stand to look at it.

Quote from the film Absolute Beginners

We will work with Photoshop CS6 on a PC.

Today we will look at:

  1. The CS6 Workspace (overview)
  2. Ways to open an image
  3. Selection Tools
  4. Use of Hue/Saturation function (Image adjustment)
  5. Layer overview
  6. Perform a task

Feel free to ask questions throughout class and to slow me down at any time. It is important that you view the instructions on the overhead first and then try them out yourself.

The CS6 Workspace (overview)

workspace-overview-2

On your screen find the application bar, the menu bar, the options bar, the document window, the tools panel as well as the other panels or palettes.

Activity:  Click on Window in the menu bar. (Here are all the panels and palettes that you can activate or deactivate.) Click on Navigator and see the palette becoming active. Next drag the Navigator palette to the very left of the  workspace or document window. Do the same with the Character Palette (this one is a bit harder to find and I leave it up to you to figure it out).
Next select New Workspace from the workspace switcher menu, name your workspace and tick the 2 boxes.

You have just created a new workspace for yourself. To get back to the standard workspace layout select Reset Essentials from the workspace switcher menu. Changing the workspace to suit your need can speed up your work and is more fun.

Ways to open an image

First ensure that you use a good folder structure. Save your 20 or so images from your USB onto the PC that you are working on into a folder with a short, yet descriptive name, eg images.

Select File>Open – find your images folder and select the image that you want to open. Photoshop will open the image at the image pixel size and at the resolution of the file.

Open the images folder and have Photoshop open and accessible. Now drag the image into the Photoshop window.

Create a New Document in Photoshop and choose File>Place. Next place the image into the document.

There are other options, such as dragging an image directly from a webpage into the Photoshop window or selecting File>Open As Smart Object. Photoshop is a very versatile software package. The most important is to know a way that keeps the resolution high.

Selection Tools

The Selection Tools in Photoshop are one of many strong points of this package. We will work with this slow loading instructions from the Teacherlink site: Selection Tool Instructions

Below is an screen shot of the Selection drop menu with annotations:

Source: The Graphic Designer's Digital Toolkit, Alan Wood, 5th Edition, 2011
Source: The Graphic Designer’s Digital Toolkit, Alan Wood, 5th Edition, 2011
  • The Rectangular Marquee Tool (Short cut M) – This tool draws square (with the help of Shift) and rectangular selections (freehand). It is important to understand that you are actually not drawing as such, you are simply creating a selection and will be able to do something to that selection only and only on the current layer. Drag the image below into your Photoshop workspace and select a rectangular shapes. Press Ctrl + U and change the colour settings – just play with it. Keep the file active.
    Image Source: www.photoshopessentials.com
    Image Source: http://www.photoshopessentials.com

    Open this excellent tutorial on PhotoshopEssentials.com: Rectangular Marquee Tutorial

  • The Elliptical Marquee Tool (Short cut M) – This tool draws circlular selections (with the help of Shift) and elliptical selections (freehand). You can draw the ellipse or circle commencing from the centre by holding Alt (option for Mac) while you draw your selection. Visit this tutorial on PhotoshopEssentials.com to see a good example on how to use the Elliptical Marquee Tool.
    For this class select the red cylinder and change the colour as per instruction above.
  • The Lasso Tool (Short cut L). Basically you draw your selection freehand. It is an early Photoshop tool and has some good uses still (like creating a quick shadow underneath a vehicle with the help of Gaussian Blur). It requires a high level of mouse skills. Try to select the handshake with the Lasso tool and change the colour. Visit this tutorial on PhotoshopEssentials.com to see one good use of the Lasso Tool.

    Image Source: www.photoshopessentials.com
    Image Source: http://www.photoshopessentials.com
  • Polygonal Lasso Tool (Short cut L). You draw your selection by dropping points. It is an advanced version of the basic Lasso tool and can be very useful. It requires practice. Try the tutorial from PhotoshopEssentials.com: Polygonal Lasso Tool.
  • Magnetic Lasso Tool (Short cut L). You draw your selection by clicking once to select the outline of your object and then you simply follow along the outline and the tool does the rest for you. If a mistake occurs use Backspace to go back one step. It requires practice. Try the tutorial from PhotoshopEssentials.com: Magnetic Lasso Tool.
  • Magic Wand Tool (Short cut W). You make your selection by clicking in the field of what you want to select (eg inside the suit). The Magic Wand selects pixels based on tone and colour. You can change your selection criteria, for example by increasing tolerance your selection will be wider and less affected by tonal variations in the picture. That will result in a larger selection. If you bring the tolerance down it will result in a smaller selection, which means that changes in tone or colour will affect your selection earlier.
    Try the tutorial from PhotoshopEssentials.com: Magic Wand Tool.
  • Quick Selection Tool (Short cut W). This tool is extremely useful as a selection tool. It is similar to the Magic Wand, but it is more advanced and user friendly. You make your selection by clicking in the field of what you want to select (eg inside the suit). The Quick Selection Tool selects pixels based on tone and colour, but it also has the ability to detect similar textures in an image. As a result it is better at detecting the edges of an object.
    You can change your selection criteria by changing the size of your brush tip: increasing it will widen your selection and decreasing it will narrow your selection. For a more in detail description please look at this informative tutorial at PhotoshopEssentials.com: Quick Selection Tool.
  • How to add to or subtract from a selection
    Hold the shift key to add to an existing selection. Hold the Alt key to subtract from a selection. You will need to hold the key while adding or subtracting.

Use of Hue/Saturation function (Image adjustment)

This is a very quick intro to this function: Press Ctrl + U. 3 sliders allow you to change either the hue (the exact colour), the saturation (the amount of colour) and the lightness (the tone, lightness and darkness). You can also tick colorize to get a nice retro effect, it makes your selection monochromatic.

Layer overview

We will cover this in more detail in the next class. We basically will just have a look at the layers to get a broad understanding in class.

Perform a task – Important

Use the photos that you prepared for this class or simply copy the image of the gorgeous Tammi Terrell and Marvin Gaye below from the provided link and use it to apply your understanding of the Selection Tools. Select various parts using the different tools. Make sure to keep a copy of your final file in JPEG format and upload to MyKangan next week.

Source: http://obladoo.se
Source: http://obladoo.se
Example of applied changes
Example of applied changes

Student Submissions:

Work by Justin Anderson
Work by Justin Anderson

Link to all Classes     Class 1     Class 2     Class 3     Class 4      Class 5     Class 6

Today’s Class

  • Printing Methods – Teamwork
    • PowerPoint Presentation
  • Paper Finishes

Printing Methods – Teamwork

Please complete a PowerPoint presentation for last week’s Word document on Printing Processes. Include all the processes mentioned in the file.

We will view the presentations at 10:15am.

NOTE: We did not commence on paper finishes today and will continue with it next week.

Lylah and Anabel presented Lithography, Screen Printing and Gravure.

Hwan, Nawras and Maryam will present next week: Web, Flexography and Digital Printing.

Paper Finishes

When completed we will look at more print related terminology. Please open the documents below, I will discuss them in class.

Today we will focus on paper finishes. Follow my in-class instructions.

Sources of information:

Print Related – Graphic Design School   MediaWorks-Chapter3

You might also visit the K.W.Doggett Site. The paper sample that I have brought in is from there.

Source: http://www.colorproprint.com/blog/
Source: http://www.colorproprint.com/blog/

Link to all Classes     Week 1     Week 2     Week 3     Week 4      Week 5     Week 6

Today’s Class

  • The Web
    • Web Services
    • What is the Internet?
  • HTML
  • Feedback

The Web

Let us first have a look at this medium, that we seem to know so well. It was  1991 when the World Wide Web became active as a platform for anyone to participate in. It had its origins in military data accessing systems.

Web Services

For the Web to functions it requires a number of Web Technologies. In order to understand what Web Technologies are used for it is important to have a common understanding of web publishing languages such as HTML, CSS, JavaScript or XML.

To view any website on the Internet most people use a web browser. Web browsers work by connecting over the Internet via modem or ISDN (Integrated Services Digital Network) via a server or ISP (Internet Service Provider) to remote machines, asking for a particular document (or page) and then formatting the documents they receive for viewing on a computer.

To allow you to view a web page on your computer, web browsers use a special language called HTTP (HyperText Transfer Protocol). The remote machines containing the documents run HTTP servers. A HTTP server receives a request for a page, and sends it to the computer. The page can then be viewed through the browser.

Each document that is stored on the Web has a particular URL (Uniform Resource Locator). This tells the browser which server to go to to get the document. The syntax of the URL is simple to understand.

The standard for web documents is HTML. HTML is a Mark-up language that uses tags to create all the Web pages. HTML can be used to create formatted text that allows web browsers to make web pages viewable on their screens.

HTTP can also include images, sound, animation and video clips. HTTP weaves together all the relevant elements of the page and describes how it should be represented on your browser. It can also link to other pages or sites on the Web through hyperlinks.

What is the Internet?

So, what is the Internet? I would like to post this as a question to the class.

Let us share our views of what the Internet actually is. What do we see in it, what it is it made up of? What does it symbolise or represent to you?

Please participate in the class discussion before reading on. If you have missed the class and are following the notes online please stop for a moment and think about the question above. You may want to write your responses down before you continue!

Image source: Data Center Knowledge

Image source: Data Center Knowledge

Andrew Blum, a journalist and author of the book ‘Tubes’ explored what the Internet actually is in a physical form. Please use your head phones and view this video from his TED talk in September 2012: Andrew Blum: Inside the physical.

So, has your answer to what the Internet is changed?

HTML

Please follow the in-class instructions:

we will work through W3Schools HTML Sections:

HTML Elements, HTML Attributes, HTML Headings, HTML Paragraphs, HTML Formatting and HTML Links.

Try to create a link to an e-mail, that allows you to send an email automatically to a recipient.

W3Schools Screen

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Link to all Classes     Week 1     Week 2     Week 3     Week 4      Week 5     Week 6

Today’s Class

  • Introducing each other
  • Introduction to Delivery Format
  • Introduction to the Content
  • In-class Task

Introducing Each Other

Spend 5 minutes interviewing your colleague and another 5 being interviewed. Next introduce the student to the teacher and other students.

Next think about one thing that you have done that no one else has.

Introduction to Delivery Format

The classes will be delivered in 2 hour schedules. The content will be posted on this blog as well as on MyKangan. Tasks, discussions and research will be conducted inside the 2 hour slot and at home.

Assessments:

Important: You need to submit all your assessments on MyKangan. It is your responsibility to follow up due dates and access to MyKangan.

  1. Day 1 Task – this task is a simple comprehension task to establish student participation. (due: after the first class)
  2. Assessment 1 – Create a HTML based Website

RAE – Research and Exploration or Class of Federico

This blog will be or main form of contact. It will be accessible from anywhere as long as you have internet access.

MyKangan

The unit title for this class will be combined in (the catchy name):

ICP40210-PGA4N2-PRIMU-2013-ICAWEB429A

As you can see, the titles are long and hard to remember. The easiest is to look at the last segment with the unit code and title.

The unit itself will be structured in the same way, that you have classes listed as Class 1, Class 2, etc and assessments will be listed by title inside an assessment folder.

This is also where you will submit your assessments. You will find hyperlinks with names such as Submit Assessment  1 here.

You can send messages to your teacher and you can leave comments as well. I am always open to suggestions, so please feel free to forward ideas about content or software that you would like to cover.

Any questions?

Introduction to Content

These units will be covered:

Please click on the links and follow the in-class discussion.

We will work directly with the help of the W3Schools Site: http://www.w3schools.com/ – Click on the Learn HTML tag to get started on HTML.

In-class Task

Please follow the in-class instructions and complete a HTML file that you will need to e-mail to your teacher and keep a copy. Afterwards upload the file onto MyKangan.

Work through the first four sections on W3Schools:

HTML HOME, HTML Introduction, HTML Editors and HTML Basic.

Create a html file with Notepad that includes:

  • a doctype declaration
  • the correct tags used in html
  • h1 tag with your name
  • p tag with something that you like doing
  • a link to www.dzineblog.com
  • make sure to use correct and valid html code

Write all the code from memory. Feel free to look at the code and then apply it after, but do NOT use Copy and Paste.

Save the file as yourname class1 task.html and use UTC-8 for encoding (this will be available when saving the file).

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Link to all Classes     Class 1     Class 2     Class 3     Class 4      Class 5     Class 6

Today’s Class

  • Photoshop CS6
    • Ways to open an image
    • Selection Tools
  • Use of Hue/Saturation function (Image adjustment)
  • Feedback

Photoshop

Good morning and welcome to our second class together! We will look at some beginner’s tasks in Photoshop, based on images with white backgrounds.

So, let us start with that!

Ways to open an image

First ensure that you use a good folder structure. Save your images from your USB onto the PC that you are working on into a folder with a short, yet descriptive name, eg images.

Select File>Open – find your images folder and select the image that you want to open. Photoshop will open the image at the image pixel size and at the resolution of the file.

Open the images folder and have Photoshop open and accessible. Now drag the image into the Photoshop window.

Create a New Document in Photoshop and choose File>Place. Next place the image into the document.

There are other options, such as dragging an image directly from a webpage into the Photoshop window or selecting File>Open As Smart Object. Photoshop is a very versatile software package. The most important is to know a way that keeps the resolution high.

Selection Tools

The Selection Tools in Photoshop are one of many strong points of this package. We will work with this slow loading instructions from the Teacherlink site: Selection Tool Instructions

Below is an screen shot of the Selection drop menu with annotations:

Source: The Graphic Designer's Digital Toolkit, Alan Wood, 5th Edition, 2011

Source: The Graphic Designer’s Digital Toolkit, Alan Wood, 5th Edition, 2011

  • The Rectangular Marquee Tool (Short cut M) – This tool draws square (with the help of Shift) and rectangular selections (freehand). It is important to understand that you are actually not drawing as such, you are simply creating a selection and will be able to do something to that selection only and only on the current layer. Drag the image below into your Photoshop workspace and select a rectangular shapes. Press Ctrl + U and change the colour settings – just play with it. Keep the file active.Image Source: www.photoshopessentials.com

    Image Source: http://www.photoshopessentials.com

    Open this excellent tutorial on PhotoshopEssentials.com: Rectangular Marquee Tutorial

  • The Elliptical Marquee Tool (Short cut M) – This tool draws circlular selections (with the help of Shift) and elliptical selections (freehand). You can draw the ellipse or circle commencing from the centre by holding Alt (option for Mac) while you draw your selection. Visit this tutorial on PhotoshopEssentials.com to see a good example on how to use the Elliptical Marquee Tool. For this class select the red cylinder and change the colour as per instruction above.
  • The Lasso Tool (Short cut L). Basically you draw your selection freehand. It is an early Photoshop tool and has some good uses still (like creating a quick shadow underneath a vehicle with the help of Gaussian Blur). It requires a high level of mouse skills. Try to select the handshake with the Lasso tool and change the colour. Visit this tutorial on PhotoshopEssentials.com to see one good use of the Lasso Tool.Image Source: www.photoshopessentials.com

    Image Source: http://www.photoshopessentials.com

  • Polygonal Lasso Tool (Short cut L). You draw your selection by dropping points. It is an advanced version of the basic Lasso tool and can be very useful. It requires practice. Try the tutorial from PhotoshopEssentials.com: Polygonal Lasso Tool.
  • Magnetic Lasso Tool (Short cut L). You draw your selection by clicking once to select the outline of your object and then you simply follow along the outline and the tool does the rest for you. If a mistake occurs use Backspace to go back one step. It requires practice. Try the tutorial from PhotoshopEssentials.com: Magnetic Lasso Tool.
  • Magic Wand Tool (Short cut W). You make your selection by clicking in the field of what you want to select (eg inside the suit). The Magic Wand selects pixels based on tone and colour. You can change your selection criteria, for example by increasing tolerance your selection will be wider and less affected by tonal variations in the picture. That will result in a larger selection. If you bring the tolerance down it will result in a smaller selection, which means that changes in tone or colour will affect your selection earlier. Try the tutorial from PhotoshopEssentials.com: Magic Wand Tool.
  • Quick Selection Tool (Short cut W). This tool is extremely useful as a selection tool. It is similar to the Magic Wand, but it is more advanced and user friendly. You make your selection by clicking in the field of what you want to select (eg inside the suit). The Quick Selection Tool selects pixels based on tone and colour, but it also has the ability to detect similar textures in an image. As a result it is better at detecting the edges of an object. You can change your selection criteria by changing the size of your brush tip: increasing it will widen your selection and decreasing it will narrow your selection. For a more in detail description please look at this informative tutorial at PhotoshopEssentials.com: Quick Selection Tool.
  • How to add to or subtract from a selection Hold the shift key to add to an existing selection. Hold the Alt key to subtract from a selection. You will need to hold the key while adding or subtracting.

Use of Hue/Saturation function (Image adjustment)

This is a very quick intro to this function: Press Ctrl + U. 3 sliders allow you to change either the hue (the exact colour), the saturation (the amount of colour) and the lightness (the tone, lightness and darkness). You can also tick colorize to get a nice retro effect, it makes your selection monochromatic.

Layer overview

We will cover this in more detail in the next class. We basically will just have a look at the layers to get a broad understanding in class.

 

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!