PowerPoint Presentation

Basic Web Page DesignUsing WordPressDafni GreeneFinal Project EDU 6617Dr. AisamiIntroduction of ProjectTitle and class identificationI took the background image and added in the WordPress logo. I added a yellow glow to help emphasize the logo name.

1

Goal: To provide user with basic understanding of WordPress and help him or her get started using the system.

Objective: To provide user with knowledge of WordPress that will enable him or her to design a basic webpage.Slide 2 Provides Goal and Objective

ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

2Student ObjectivesObjective 1: Student will be able to give a brief explanation of what WordPress is and how it can be used

Objective 2: Student will be able to create a static web page in WordPress

Objective 3: Student will be able to add text to the web page

Objective 4: Student will be able to add video to the web page

Objective 5: Student will be able to add audio to the web page

Objective 6: Student will be able to add links to the web page

Home Slide 3 Student ObjectivesACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

3OverviewLesson 1- IntroductionLesson 2 - Get StartedLesson 3 Create pageLesson 4 Add TextLesson 5 Add VideoLesson 6 Add AudioLesson 7 Add LinksLesson 8 Conclusion

Home Slide 4 Overview includes Introduction, Lesson Objectives, and ConclusionACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

41. Introduction WordPress is a website that offers blog posting for usersYou can use WordPress to create a websiteUpgrades are available for a priceBest of all basic design is FREE!

Home

Slide 5 Introduction provides basic description of WordPressACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

51. Introduction (continued) http://wordpress.com/

Home

Slide 6 Introduction continues with website link and screenshot of WordPress webpage.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

62. Get Started Go to WordPress.comClick on 24/7 support link at bottom of pageClick on Sign Up & Activate account https://en.wordpress.com/signup/Fill out one page form

Home

Slide 7 Lesson 2 Get Started. Includes steps to sign up for account and graphic screenshot of application form.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

72. Get Started (continued)Create UsernameCreate passwordEnter e-mail addressHome

Slide 8 Continues lesson 2 with information needed for sign-up form.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

82. Get Started (continued)Select URL such as USERNAME.wordpress.comNote: Since we are creating webpages for the department your URL should reflect program name in place of user nameHome

Slide 9 Continues Lesson 2 with information about selecting URL name. Special instructions are bolded to create emphasis.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

92. Get Started (continued)Home

Slide 10 Screenshot of welcome page after individual has signed in.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

103. Create Page WordPress is set up for a default blog settingTo create a webpage you must create a static pageLogin to your WordPress accountYou will see the Dashboard

Home

Slide 11 - Lesson 3 Create Page. Explains how to create a static home page. Uses visual graphic for reinforcement of steps.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

113.Create Page (continued)Click Pages, Select Add New Page linkTitle the page with the program name or HomeType the content you want displayedClick Settings, ReadingChoose static page and saveHome

Slide 12 Lesson 3 continued with steps to add New PageACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

123.Create Page (continued)Home

Slide 13 Visual graphic of actual Add New Page screenshotACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

134. Add Text Before adding text, go to dashboard menuSelect appearance, then select themeThe theme you choose will affect your text optionsSelect Pages, then Add New link

Home

Slide 14 Lesson 4 Add Text Explains that you have to select theme first because that will affect size and placement of your text.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

144.Add Text (continued)The screen will prompt you for a titleThere will also be a default Text Box for you to enter textMake sure you choose text that is readable for your audienceHome

Slide 15 Lesson 4 continued Explains steps to enter text into text editorACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

154.Add Text (continued)Square serifs are often used in educational materials (Georgia designed specifically to optimize screen reading)Many people prefer Sans Serif for computer presentations (Trebuchet, Verdana)GeorgiaThe quick brown fox jumped.TrebuchetThe quick brown fox jumped.VerdanaThe quick brown fox jumped.Home

Slide 16 Lesson 4 continued Explains the typefaces that were created for computer presentations.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

165. Add Video Adding video is easy in WordpressTo embed a YouTube video, copy the videos URL from browserGo to pages editor and paste URLClick on upload video icon

Home

Slide 17 Lesson 5 Add Video Explains steps to add video and uses graphic image of screenshot.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

175. Add Video (continued) You can embed videos from the following sources into WordPress for free:

Blip.tvDailyMotionFlickrVideoGoogleVideoKyte.tvLiveVideoPodTechRedlasso

Home

Slide 18 Lesson 5 continued. Explains video resources that are free.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

185. Add Video (continued) You can embed videos from the following sources into WordPress for free:

SplashcastTEDTalksViddlerVideologVimeoVodpodYouTube

Home

Slide 19 Lesson 5 continued- Explains video resources that are freeACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

196. Add Audio If you wish to add audio files to your webpage, then you would need to buy and add a space upgradeFull directions can be found here http://en.support.wordpress.com/media/media-add-new/This option allows you to upload mp3, m4a, wav, and ogg files from your media library

Home

Slide 20 Lesson 6 Add audio Explains directions for adding audio files from media libraryACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

206. Add Audio (continued) Free audio version Find a mp3 file on the internet (make sure it is FREE for sharing/use!)Upload an mp3 file from the internet and link to it using audio shortcode Go to page editor and switch to HTML viewNext, enter the shortcode, which looks like this: [audio ], with the address inside. Example:[audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3]

Home

Slide 21 Lesson 6 continued Explains free way to use audio file from internet. Example of an audio file is included on page.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

217. Add LinksWhile in your Page editor, select text that you wish to linkAfter you highlight text, a link icon will appearClick on the link icon

Home

Slide 22 Lesson 7 - Add Links Explains steps to link text. Includes visual graphic screenshot.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

227. Add Links (continued) Enter the URL you wish to link to in the popup box that appearsEnter title if desiredClick update and the text will turn blue to signify the link is active

Home

Slide 23 Lesson 7 continued Explains how to add URL address. Visual graphic screenshot is included.ACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

238. ConclusionWordPress is very easy to useIt is a free serviceYou can create a nice webpage with basic elements such as text, video, audio, and linksHome

Slide 24 Lesson 8 ConclusionACE model Analyze, create, and evaluate. I started with the goal and objective. I then created the visual graphics in the storyboard outline. The project was evaluated for effectiveness, efficiency, and appeal.PAT Principles, Actions, and ToolsPrinciples - Selection, Organization, and Integration. I tried to select images that would reinforce the steps. The text explaining each step was listed on the left in a column, while the image was placed in a column on the right or following. Using real world images creates a better sense of realism and integration.Actions Contrast, Alignment, Repetition, and Proximity. I used contrast between the light colored font and darker background. The text was left aligned in all slides and columns. The titles were also left aligned. I tried to use the grid when designing to make sure everything lined up. The logo was used as a design element on nearly every slide to show repetition. The titles were the same size font and used a continuation theme for multiple slides. The images were placed in close proximity to the text that referenced the graphics.Tools Type, Shape, Color, Depth, Space. I used larger type for the headings to draw the eye in. I used arrows for shape to create emphasis. I also used arrows for navigational purposes.I used a dark background and light colored font. The dark gray background promotes a sense of elegance and had a small splash of yellow to warm it up. I tried to use the yellow sparingly since it can be jarring to the eyes if overused. By creating thick arrows and using WordArt for the home button, I created a sense of depth. White space (which in my case is gray) was used to help provide contrast. The background does have a slight gradient effect that helps show contrast for the font color.Figure/Ground - I used screenshots as images to reinforce the lesson. It would have been difficult to conduct a lesson without images since the student is learning to build a webpage.Hierarchy Principles Headings are at the top. The text is left aligned. On the slides with two columns, you still read from left to right. Since images are so important in this lesson, I used a two column format to show that they were equally important. Each lesson is numbered and builds on the other. In order to have a complete webpage, you have to include all elements (also gestalt!).Typography I used a different size font for the headings and body text to promote hierarchy. The text is left aligned to make it easier to read. I also tried to not use too many lines of text on each slide. In Lesson 4, I explain to the student what types of font are best used for webpage design (Georgia, Trebuchet, and Verdana).Gestalt perceptions - Learners should be able to create a basic webpage. Each lesson builds on the preceding lesson. In order to have a well-designed page, you have to include all the elements.Multimedia components - I created navigation buttons to make it easier on the audience. There is actually an audio file included in the audio section.

24ReferencesAisami, R. EDU 6617 Graphic Design In Multimedia. Retrieved from Lecture Notes Online Web site:http://troy.blackboard.com/webapps/portal/frameset.jsp?tab_tab_group_id=_17_1&url=%2Fwebapps%2Fblackboard%2Fexecute%2Flauncher%3Ftype%3DCourse%26id%3D_266573_1%26url%3D.

Lohr, L.L. (2008). Creating Graphics for Learning and Performance. Upper Saddle River, New Jersey: Pearson Education, Inc.

WordPress support pages. Retrieved from http://en.support.wordpress.com/.

Slide 25 - References25Audio Support WordPress.com289753.06