Showing posts with label principles. Show all posts
Showing posts with label principles. Show all posts

Tuesday, February 20, 2018

WebDesign: The Box Model and Web Design (W7-P2)


box model: a web design concept in which "every element on a page is a rectangular box and may have width, height, padding, borders, and margins... There are several properties that determine the size of that box. Each part of the box model corresponds to a CSS property: width, height, padding, border, and margin."

CSS Tutorial for Beginners - 17 - CSS Box Model Part 1


Next parts of video series on box model



Online HTML, CSS & JavaScript Editor


The CSS Desk site can be used to try out the HTML and CSS code.  The HTML and CSS code is in the comments section of each of the videos.  Copy and paste the code in to the CSS Desk site and play around with the code.  Get a good sense of what each line of code does.


Share this post with others. See the Twitter, Facebook and other buttons below.
Please follow, add, friend or subscribe to help support this blog.
See more about me at my web site WilliamHartPhD.com.






Tuesday, February 13, 2018

WebDesign: CSS and Graphic Design (W7-P1)


A well designed web site is not just some CSS code and hexadecimal numbers.

There are some important graphic design principles to keep in mind when designing a web site.

Graphic design: "the art or profession of visual communication that combines images, words, and ideas to convey information to an audience, especially to produce a specific effect"(Dictionary.com).

Watch the video below and make special note on proximity, white space, alignment, contrast and repetition.  The text from the video can be found on this GCF page.

 What do each terms mean and how do they help create a better website?


Beginning Graphic Design: Layout & Composition




Share this post with others. See the Twitter, Facebook and other buttons below.
Please follow, add, friend or subscribe to help support this blog.
See more about me at my web site WilliamHartPhD.com.