Now that you’ve learned basic HTML and CSS skills, its time to apply those tools to the website template that we made for the Women’s Group, the design we’ve been working with. If you feel that you’re lacking in the HTML and CSS skills, don’t worry you’ll definitely get a hang of it by the end of the course. Practice makes perfect in this field, but anybody has the capability to be a great artist and programmer. I look forward to hearing from you and seeing all of the designs you’ve put together! Read more

Now that you’ve built a website in your graphics editor, the last step you need to take within your editor is to make a web page out of the layout you’ve created. This is an important step toward getting your content ready for coding in the next book. Adobe Photoshop and Gimp both have different ways of achieving this. Guillotine is an extension to GIMP, which you will have to download and install first, that allows you to slice your design into multiple images that you can place into a page. Here is Adobe Photoshop and the GIMP ways of accomplishing this: Read more

Now that you’ve learned the basics of graphic design and what your graphics editor is capable of, you are now ready to begin moving the idea that you’ve put together in Chapter 2 to good use. As I’ve described before, a website is developed in parts: a navigation menu, header, body, and footer (in whatever layout you chose to use). Here, I’m going to walk you through building a design for a client of mine. Read more

Now that you have a graphics editor installed on your computer whether it is Adobe Photoshop (which I will be using in this book) or GIMP (the OpenSource solution), I would like to guide you on a journey to the basics in graphic design. Building a design is actually easy, but there are tools that designers use to make their work more interoperable, editable, and practical. These tools include layers, channels, paths and shapes, brushes, patterns, and gradients. As we build a simple graphic design, I will introduce you to all of these important features, which will help you become the best graphic designer you can be. Read more