Subscribe: Lorelle on WordPress » Web Design
http://lorelle.wordpress.com/tag/web-design/feed/
Preview: Lorelle on WordPress » Web Design

Web Design – Lorelle on WordPress



Helping you learn more and do more with WordPress



Last Build Date: Thu, 08 Dec 2016 20:41:41 +0000

 






WordPress School: HTML and CSS Embedded StylesLorelleBadge - Learn WordPress with Lorelle VanFossen at WordPress School.Screenshot of HTML test file with CSS background color of yellow added to all DIVs.Graphic representing the CSS Declaration of Selectors, Property Names, and Values.Graphic of the CSS 3D Box Model with margins, padding, and layers.Screenshot of the DIV with a green background and paragraph with a red border for experimenting with the CSS 3D Box Model.Screenshot of HTML CSS - 3D Box Model - Adding margins and padding to paragraph in green background div.Screenshot of HTML CSS - 3D Box Model - CSS Float on a paragraph HTML to float it to the right within the div.Screenshot of HTML CSS - 3D Box Model - CSS Float on a paragraph HTML to center with margin auto within the div.Screenshot of HTML - CSS Link States example of a visited and unvisited link.Screenshot of HTML CSS Link States example of changing the underline to dotted border on hover state.Lorelle's WordPress School Assignment Badge.Subscribe to Lorelle on WordPress.Feed on Lorelle on WordPressGoogle+ for Lorelle VanFossen.Follow on Twitter.Copyright Lorelle VanFossen of Lorelle on WordPress - All Rights Reserved.Give and Donate to Lorelle VanFossen of Lorelle on WordPress.

Sat, 18 Apr 2015 16:39:33 +0000

In the next part of this mini-series for Lorelle’s WordPress School, we’re moving deeper into understanding how CSS works with HTML. These easy tutorials will give you the basic tools you need to learn to customize your WordPress site and work on WordPress Themes. We will be working more on the test HTML file and […](image)


Media Files:
http://lorelle.files.wordpress.com/2015/01/swirl-give-donate.gif




WordPress School: HTML TagsLorelleBadge - Learn WordPress with Lorelle VanFossen at WordPress School.Screenshot of WordPerfect Reveal Codes Displays the codes under the document to style the content - Lorelle WordPress School.Lorelle's WordPress School Assignment Badge.Subscribe to Lorelle on WordPress.Feed on Lorelle on WordPressGoogle+ for Lorelle VanFossen.Follow on Twitter.Copyright Lorelle VanFossen of Lorelle on WordPress - All Rights Reserved.Give and Donate to Lorelle VanFossen of Lorelle on WordPress.

Sun, 12 Apr 2015 17:18:15 +0000

The last lesson was the HTML and CSS Tutorial, another mini-series on Lorelle’s WordPress School. This is a very basic tutorial on HTML and CSS to prepare you for WordPress site customization and WordPress Themes. This tutorial in the series will help you understand the basics of an HTML tag, the architectural code wrapped around […](image)


Media Files:
http://lorelle.files.wordpress.com/2015/01/swirl-give-donate.gif










WordPress School: Header Art ImagesLorelleBadge - Learn WordPress with Lorelle VanFossen at WordPress School.Lorelle WordPress School Tips and Techniques Badge.Images - Header Art WordPress Theme Size Recommendations on Appearance - Header Art - Lorelle WordPress SchoolImages - Pixlr Interface and opening screen - Lorelle WordPress SchoolImages - Selecting the size for the custom header art using the template sizes in Pixlr - Lorelle WordPress SchoolImages - Custom Header Art setting the size in Pixlr - Lorelle WordPress SchoolImages - Pixlr Interface - Lorelle WordPress SchoolImages - Selecting the colors for custom header art on tools in Pixlr - Lorelle WordPress SchoolImages - Selecting the colors for custom header art in Pixlr - Lorelle WordPress SchoolImages - Using Fill Tool for custom header in Pixlr - Lorelle WordPress SchoolImages - Choosing the Paintbrush tool in Pixlr - Lorelle WordPress SchoolImages - Choosing a Splatter Brush by adding new options in Pixlr - Lorelle WordPress SchoolImages - Choosing a Splatter Brush for Custom Header Art in Pixlr - Lorelle WordPress SchoolImages - Adding first splatter brush layers to Custom Header Art in Pixlr - Lorelle WordPress SchoolImages - Adding splatter brush layers to Custom Header Art in Pixlr - Lorelle WordPress SchoolImages - Custom Header Art ready for adding text layer in Pixlr - Lorelle WordPress SchoolImages - Custom Header Art Text Layer Adjusted and Changed in Pixlr - Lorelle WordPress SchoolImages - Adjust the text color in Header Art in Pixlr - Lorelle WordPress SchoolImages - Setting the Text Alignment in the Header Art in Pixlr - Lorelle WordPress SchoolImages - Adjusting the Header Art Text and Size in Pixlr - Lorelle WordPress SchoolImages - Layers and Undo History in Pixlr - Lorelle WordPress SchoolImages - Save image to hard drive in Pixlr - Lorelle WordPress SchoolImages - Save image as JPEG or PNG options in Pixlr - Lorelle WordPress SchoolImages - Setting the JPEG optimization in Pixlr - Lorelle WordPress SchoolImages - Header Art Project - Lorelle WordPress School.Images - Photograph and Text on Header Art with background color - Lorelle WordPress SchoolImages - Header Art with Photography - Upload image from computer in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Rotating Photograph to horizontal in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Preparing to Resize Image in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Setting the Image Size in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Setting the crop tool in position and width in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Confirm Crop in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Cropping Image with Crop Tool in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Adding Text Layer in White with Site Title - lost in leaves - in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Moving Duplicate Layer of text in prep for shadow in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Changing text color to black in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - using Rasterizing Layer tool to allow blurring of text in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Adding Filter for Gaussian Blur in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Setting the Gaussian Blur in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Shadow Layer over Text in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Shadow behind text set in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Changing Filter to Sepia on Photograph in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Adjusting photo brightness down in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photography - Adding New Layer in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photograph - Adding Fill Layer between text and photograph in Pixlr - Lorelle WordPress SchoolImage - Header Art with Photo - adding tagline in Pixlr - Lorelle WordPress SchoolImages - Header Art with Photograph - Adjusting the shadow layer of tagline - Lorelle WordPress SchoolImages - Header Art with photograph and layer of text in Pixlr - Lorelle WordPress SchoolLorelle's WordPress School Assignment Badge.Subscribe to Lorelle on WordPress.Feed on Lorelle on WordPressGoogle+ for Lorelle VanFossen.Follow on Twitter.Copyright Lorelle VanFossen of Lorelle on WordPress - All Rights Reserved.Give and Donate to Lorelle VanFossen of Lorelle on WordPress.

Tue, 24 Mar 2015 18:00:31 +0000

In the first article in this mini-series on learning how to create images for WordPress header art, call-to-action images, and add text to images for your site’s design elements, I covered the basic tools and materials you will need for these tutorials. In this tutorial, you will learn simple basics for header art, specifically how […](image)


Media Files:
http://lorelle.files.wordpress.com/2015/01/swirl-give-donate.gif




WordPress School: Background ImagesLorelleBadge - Learn WordPress with Lorelle VanFossen at WordPress School.Background Image Screen before uploading image - Lorelle WordPress SchoolBackground Image Screen - Lorelle WordPress SchoolBackground Image - Display Options - Lorelle WordPress SchoolBackground Image - Left and No Repeat - Lorelle WordPress SchoolBackground Image - Center and No Repeat - Lorelle WordPress SchoolBackground Image - Right and No Repeat - Lorelle WordPress SchoolBackground Image - Right and Tile Horizontally - Lorelle WordPress SchoolBackground Image - Left and Tile Vertically - Lorelle WordPress SchoolBackground Image - Center and Tile Vertically - Lorelle WordPress SchoolBackground Image - Right and Tile Vertically - Lorelle WordPress SchoolBackground Image - Left and Tile fully - Lorelle WordPress SchoolBackground Image - Center and Tile fully - Lorelle WordPress SchoolBackground Image - Right and Tile fully - Lorelle WordPress SchoolTheme Options for the Twenty Eleven WordPress Theme ScrrnBackground Image - Clark College Common Read Garbology Project Temp DesignBackground Image - Clark College Common Read Garbology Project Student DesignBackground Image and Header Art - Ruben Rova - Sound of Awesome student siteLorelle's WordPress School Assignment Badge.Subscribe to Lorelle on WordPress.Feed on Lorelle on WordPressGoogle+ for Lorelle VanFossen.Follow on Twitter.Copyright Lorelle VanFossen of Lorelle on WordPress - All Rights Reserved.Give and Donate to Lorelle VanFossen of Lorelle on WordPress.

Fri, 13 Mar 2015 16:48:27 +0000

A few days ago the tutorial was on changing and setting the header art in your test site. Today’s tutorial in Lorelle’s WordPress School free online course is about customizing your site with a background image or color. Before I dive into the details, please note that things are a little confusing right now with […](image)


Media Files:
http://lorelle.files.wordpress.com/2015/01/swirl-give-donate.gif




WordPress School: Header ArtLorelleBadge - Learn WordPress with Lorelle VanFossen at WordPress School.Header Art - WordPress Admin - Appearance - Header Upload and Settings screen shot.Header Art ideas and samples.Lorelle's WordPress School Assignment Badge.Subscribe to Lorelle on WordPress.Feed on Lorelle on WordPressGoogle+ for Lorelle VanFossen.Follow on Twitter.Copyright Lorelle VanFossen of Lorelle on WordPress - All Rights Reserved.Give and Donate to Lorelle VanFossen of Lorelle on WordPress.

Wed, 11 Mar 2015 15:22:53 +0000

It is time to begin to customize the design elements of your test site in Lorelle’s WordPress School free online course. We begin with the header art in the Twenty-Eleven WordPress Theme. When you set up your WordPress test site for this course, you were instructed to set the WordPress Theme to Twenty-Eleven as it […](image)


Media Files:
http://lorelle.files.wordpress.com/2015/01/swirl-give-donate.gif




Research on the WordPress, Web Development, and Web Design Job MarketLorellePie Chart featuring WordPress compared to other CMS publishing platforms by Open Source CMS.Google Trends graph showing 2004-2014 trends for WordPress, Drupal, and Joomla in comparison.WordPress Stats infographic 2013 courtesy of WordPress Deutschland.WordPress Statistics chart representing September 2014 WordPress Market Share by w3tech.Feed on Lorelle on WordPress

Mon, 29 Sep 2014 11:35:49 +0000

In 2012 and 2013, I did extensive research for the grant program to develop and rewrite the Web Developer degree program at Clark College. This research included an analysis of current and future job opportunities for students graduating with that degree with a solid understanding of WordPress. Now that the program has completed its first […](image)


Media Files:
http://lorelle.files.wordpress.com/2007/02/rss.png




Blog Exercises: I Don’t Trust That SiteLorelleBlog Exercises on Lorelle on WordPress.Blog Exercise Task from Lorelle on WordPress.Feed on Lorelle on WordPressFeedburner icon

Thu, 05 Dec 2013 21:13:31 +0000

I recommended an article to a student and they said they didn’t trust that site, thus shed doubt on my personal integrity. I asked why. “Because it’s on Blogspot.” Wow. I have to say that wasn’t the answer I expected. I didn’t expect someone, not web savvy in the least, would associate a blogger on […](image)


Media Files:
http://lorelle.files.wordpress.com/2007/03/email.gif