Are you ready to get a FULL web design foundation and overview (the equivalent of 12 power-packed smaller courses) all in one concise bundle from an artist and professor teaching web design since 2002 to hundreds of happy University students?
Use these bite-sized lessons to make your own website from scratch or learn how to manage a website that someone else created for you.
Worried that you are too late to get started or there is too much you don't know? Online tools, software programs, coding languages, and methods change or come and go, but a good web design foundation will stay with you no matter which direction you go in or which tools you ultimately use.
This course will teach you best practice web design fundamentals that NEVER change (the way software programs change) along with several current and easy methods for creating beautiful websites. Learn at your own pace and in the order you choose. Web Snax is one giant, delicious resource that you can come back to again and again.
What Students Are Saying:
"Excellent. This is probably to date one of the best courses that I have taken here at Udemy. Kristen is an excellent instructor and is very helpful as you move forward. I would recommend this course to anyone that is even thinking about learning web design. Kristen is Amazing. Thanks!" -Shawn G. Miller
Most of my past and current students are artists, designers, and technophobes who now never have to pay anyone else to make their own websites, saving themselves thousands per year.
Many have also gone on to start their own web design businesses or joined companies as well-paid web designers and content managers. If they can do it, so can you.
This fun and easy to follow course was originally created for my Web Graphics, Coding, and Site Design Students from The American University of Rome to use as a resource at the end of our busy semester and beyond. It's now open to the public, is constantly being updated, and has received glowing reviews from students all over the world.
In Web Snax, I draw upon my experience teaching web design on four continents to students from all walks of life and can show you how to create and manage your own website regardless of your personal software/hardware set up, resources, and budget.
New lessons are continuously added, making this the most comprehensive online web design course available and the best choice for right-brained, visual learners who are often intimidated by technology, software, and the like and prefer to be taught in plain language from a fellow creative.
I'm a practicing award-winning multimedia artist and a former tenured Associate Professor of Digital Media and Program Director of Film & Digital Media at The American University of Rome (2006-2016). I'm currently a Visiting Associate Professor of Digital Media at the brand new American University of Myanmar in Yangon, Myanmar (Burma).
I have run my own charitable website, Aura's House that has raised over $125K for needy children in developing countries around the world. I also manage my own online portfolio, and have personally worked on the official website for multi-platinum, award-winning rock band, The B-52's and designed and/or contributed to websites for clients and non-profit organizations.
Since 2000 I've been teaching students all over the world using my tried and true custom approach (turning complex information into something simple, memorable, easy-to-understand in as short amount of time as possible) to ensure that you get the most important, relevant, and useful information that can be applied immediately.
This course teaches you TWELVE important essentials of web design, leaving you empowered to go in any direction you choose in the field.
This course will show you what to do and why to do it so you will understand the material easily and can apply it no matter what you decide to do next; as a content manager for your organization's website, a web designer for yourself or others, or as a key member of a company's full web team, etc.
You have a 30-day, 100% money-back guarantee with no questions asked so you have nothing to lose. I make myself available so you will have access to me if you have questions or need feedback along the way.
Please Note: Students enrolled in ANY of my courses periodically receive freebies and discounts to my other top-rated current and upcoming courses as well.
Are you ready to get started right away saving yourself money on web design fees and even making new income setting up websites for others? Let's go!
Click the "Take This Course" button in the upper right corner of this page to enroll now. I look forward to working together with you so you can empower yourself to achieve your web design goals.
This is an introduction to the course, who it's for, what you'll get out of it, and how to best use it as a resource.
Some advice before you get started.
This is an introduction to web design best practices and starts off with where to place the most important information on a web page.
We go over placement of important links, site organization, loading times, visual strategies, and the importance of having a good website that works well with additional social media pages.
More good web design best practices are covered such as how to order and prioritize content, getting your viewer's attention (and keeping it), and choosing the right color scheme. Oh, and how to not design a website like someone with Multiple Personality Disorder.
Here we take a look at tone or "vibe" in a website and how important it is for the web designer to ensure they are sending the intended message to the target audience.
Please don't glob up your page with too much text, make us scroll forever hunting for links, and hurt our eyes with bad contrast, sparkles, flashy animated gifs, and poorly cut-out graphics. Please?
Learn to recognize more hallmarks of bad web design, see places that cultivate and dissect bad websites, and how one man's bad website led to his dream fairytale wedding. (Sniff)
Let's see if you can recognize the good, the bad, and the ugly in web design.
A disclaimer and some advice about learning HTML5.
An introduction to HTML and its importance to web design, past and present.
Use this sheet to create your own first web page and follow along as I show you how to build it step by step.
Learn how to use the basic building blocks of web design, Hypertext Markup Language. All you need is a simple text edito, and a browser. Don't worry, right-brainers, it's EASY (as long as you don't make typos!)
We'll use some simple HTML code to make THE most simple web page that can still be called a web page. Training wheels ON.
We'll add some text to the body of your HTML document so your first web page will actually be able to say something.
We'll add some images that are already web-ready.
Now that we're warmed up, here's the second cheat-sheet that adds a few more HTML tags to your tool belt. Use this sheet to follow along with me as we go from having a web page to a web SITE.
If you'd like me to show you what some of the tags on your new HTML5 cheat sheet do, watch as I add and test them. Here I mostly demonstrate some formatting and spacing tags.
It's time to make a second page as well as a link to it from our first HTML page. Once you have more than one web page, you have an actual mini web site.
I don't always teach you what to do. I also teach you what NOT to do. Here I easily fix a broken image link with no drama or panic whatsoever.
Learn how to link to any page currently online and make it open in its own window or tab.
Are you still with me? You've almost jumped through your "mandatory-HTML-coding-for-beginners hoop." Here we add an email link and I show you another spacing trick for this stage of the game.
Let's see what you've learned so far after the HTML5 crash-course.
Here is a great HTML Reference resource and a lovely animated video about the history of the internet.
I'll tell you some important things you need to know before you start putting images online.
This is a crash course in itself of how to take an image and make it the correct size, resolution, and format for use on the web.
Find out when it's best to save as a JPEG and when a GIF is called for and why.
Time to get out of the box and make some more interesting graphics that ditch their rectangle borders.Please click on the download/resources tab to get a link that discusses more about transparent GIFS as well as two other possible formats you might decide to use.
I'll teach you how to make a simple animated GIF and how to use your new powers for good and not evil. (Bad animated GIFS are annoying.)
Here is a simple, cheap, and easy way to make a slideshow for your website without needing to get into Wordpress plugins or anything else. All you need are your images and Photoshop. (*Remember, you can always get 30 day free trial versions of Adobe software at adobe.com.)
See how much you just learned from the Images, Graphics, and Animations Section.
Having a new website is nice, but at some point we need to actually put it online. Here is my take on free web hosts and a link of recent recommendations to get you started.
A quick note about this section.
The Cheat sheet for setting up in Dreamweaver and putting your site online.
I'll show you how to set up a new site in Dreamweaver, enter your local and remote server information, and actually put your files online for the world to see.
This quiz will help test your knowledge of FTP programs and getting your stuff online.
This is an introduction to my approach regarding teaching visual learners CSS
This is an introduction to CSS and how it can be used to finally control the look and feel of your HTML pages.
Design View, where have you been all my life? Here's what the right-brainers have been waiting for.
Here we'll use the Properties Window to start adding background colors, fonts, and other visual settings to our web page.
Here I show you some easy ways to make little edits to your HTML pages in Dreamweaver's Design View.
I'll show you how to easily edit images in Design View in Dreamweaver as well as introduce the importance of adding accessibiltity features for your web audience
Here is one online and one offline resource for learning more about CSS.
This quiz will test your knowledge of what we covered in the CSS intro section.
I'll show you what I will cover regarding beginning layout strategies as well as additional resources for the extra self-motivated and inquisitive.
I'll show you an old-school trick that can be a lifeline for right-brained web design beginners. Training wheels ON.
This is a simplified introduction to how CSS takes HTML elements and uses the box model to create a layout.
Here we'll look at a Dreamweaver HTML template so I can show you exactly how DIVS and CSS work together to create layouts and how you can use such a template for your own site.
Here I show how I use tables as training wheels for artsy-folks for displaying tabular data and as a crude layout hack for those committed to learning the more proper DIVS and CSS layout methods among others later on.
Here I get into all the settings for controlling tables as well as provide overall good design advice regarding text and imagery.
Web design is NOT like graphic design. You can't guarantee your colors, layout, sizes, and text won't change. You CAN however be aware of what is beyond your control and plan things so your site more or less displays and functions the way you expect it to.
My goal is to empower ordinary people to do extraordinary things.
Since 2000 I have been teaching graduate and undergraduate university students and adult learners in North America, Europe, Africa, and Asia. I currently live and work in Yangon, Myanmar (Burma) and am an Associate Professor of Digital Media at American University of Myanmar.
I also lead dynamic workshops and master classes locally and internationally. Recent clients include The UN's World Food Programme (Myanmar), Addis Ababa University (Ethiopia), Mango Group (Myanmar), and The American University of Rome (Italy).
I'm an American/Portuguese multimedia artist and educator and a former tenured Associate Professor of Digital Media (2006-2016) at The American University of Rome where I also co-founded and directed its Film and Digital Media Program.
Besides teaching tens of thousands of students at Udemy and other online platforms since 2014, I'm also a Course Facilitator for the UN-mandated University for Peace (Costa Rica) through their Centre For Executive Education.
My work is exhibited internationally and online and has received a number of awards. I received my MFA from Pratt Institute in Computer Graphics and Interactive Media and also hold a BFA in Painting from Massachusetts College of Art and Design.
I love taking complex topics and making them simple.
What can I help you with today?