This short course makes it easy to build your own website with step-by-step lessons and hands-on projects that have you apply what you learn. With each lesson, you create a piece of your very own website. When done, you have a complete website using the latest technologies.
Master the Basics of HTML5 and CSS3 for Creating Your Own Website
Step-by-step learning of web technology basics that get you ready to build your own website.
This course takes you from a broad overview of setting up a website and then drills down into the details of headings, paragraphs, tables, lists, colors and links, for a solid understanding of HTML.
Then, you graduate to CSS3 and HTML5. You learn how to control the layout of your page with positioning and floating elements. You learn to handle color, transparency, borders, backgrounds and images. You even learn some of the special effects that can make your website uniquely your own -- things like, rounded corners, drop shadows, and see-through backgrounds.
This course can be finished in under a week with as little as an hour a day. Each step is seemingly easy, building on the skills in earlier lessons. Most lessons include an Action Item where you take the facts you've learned and put them to use creating your own website. The course includes 4 handouts detailed with facts and resources to help you complete your website project.
Building a website can be fun and rewarding. This course shows you how to build it and to get it hosted so the rest of the world can enjoy your work.
This lesson gives you an overview of the course and the topics to be covered.
This handout gives you many of the resources which could make building your own website far easier. Includes links to free software.
Preparing for the lessons ahead, first by showing how easy it is to create a web page. If you have never created one before, here you create your first in mere seconds.
You learn about top level domains like, .com, .net and others. You also learn about choosing a domain name and registering it so you have a meaningful address on the internet.
Includes a project to research potential domain names and to register one, if you are ready.
Getting your website files hosted on the internet is an important, one-time action. Here are some of the things to look out for when choosing a company to host your website.
Includes a project to investigate specific features of web hosting companies before deciding on which one is right for you.
We review the course overview, briefly repeating the concepts we learned in these first few lessons. This will help create a solid foundation for the remainder of the course.
This lesson gives an overview and introduction to HTML and the topics to be covered in this section.
This PDF handout gives you the essential elements of a web page, key design considerations, website arrangement, and reviews domain name selection and web hosting details. With this, you are armed with the knowledge of how to put together a website.
This lesson shows you,
It also discusses the need for a web page template file to speed the development of a website and to ensure that all future pages to be created remain consistent across your site.
The project in this lesson walks you through the steps for setting up some basic folders to be used throughout this section of the course and starting the creation of your HTML template file.
This PDF handout gives you a handy reference of key HTML tags for setting up your website, including,
This lesson tells you how to use,
This lesson covers the details of building a table to display your data. It also covers,
This lesson introduces,
This lesson makes you a budding expert on typefaces by drilling deep into the topic for better understanding. Here we cover,
This lesson goes in-depth into colors and how the computer's palette differs from a painter's. In this lesson, you learn to use Hexadecimal numbers to represent colors by controlling the three color channels,
The project in this lesson gives you more hands-on experience using various colors in Hexadecimal form. When done, the code for colors will no longer look so foreign.
In this lesson, you learn all about the <img> tag and its key attributes for controlling its properties. This lesson shows you, step-by-step, acquiring pictures for your website that you can legally use. It details how to give proper attribution or credit to the copyright owner of the picture. You learn all about controlling,
This lesson also teaches you about backgrounds and how to use pictures or color to make your web pages look more dazzling. You also learn about changing the background of a table and the individual elements within a table.
The project in this lesson gives you experience acquiring a picture and using that picture on your very own web page. You also change the background color to something more pleasing.
This lesson teaches you everything you need to know about ordered (ol) and unordered (ul) lists.
When done with this lesson, you will be able to establish an ordered list with its very own starting point and numbering type. You can chose from,
The project in this lesson gives you experience working with both kinds of lists.
This lesson teaches you how to create professional looking forms with all the elements found on established websites, including,
The lesson comes with a sample sendmail.php script file for handling your form data. It also briefly discusses the security concerns involved and possible solutions your web hosting company may have.In the project portion of this lesson, you create a full email form for your website's Contact page.
This lesson shows you how to build hyperlinks for your website and how to use the three key attributes of the <a> tag,
This lesson shows you how to use pictures instead of text for your hyperlinks. This allows you to use pictures as buttons.
And finally, you learn about the two different types of addressing,
The project accompanying this lesson walks you through the creation of a site map link list which includes a jump to an ID tag for recipes in one of your own web pages.
This lesson gives a quick review of all the topics covered in this section and helps to prepare you for the upcoming quiz. More than that, it reinforces the knowledge you've gained so that building your own website becomes easy.
This lesson gives a broad, bird's eye view of CSS and covers briefly the topics taught in this section of the course.
This is a rough road map to give you an idea of the journey ahead.
This lesson starts with the doctype browser instruction essential for gaining the maximum benefit from HTML5 and CSS3. It tells what to type and where to put it. Then, we jump into CSS, learning about the three types,
In this lesson, we dive into the details of your web page's head section. Here, we will find,
In this lesson, we dive into the details of specific CSS selectors, converting your old HTML tags into elements with style. We start with the body, p and various heading selectors. We also touch on the subject of CSS classes and how they extend the power of CSS. This lesson presents a real-world example of how multiple styles cascade into one.
We then look into background images and colors, and the properties which control them:
Finally, we look at a number of text properties and how to master the look of the words we use on our web pages. Properties include,
In this lesson, we show how fonts are handled in CSS. With CSS3, you also gain the ability to use your own, properly-licensed fonts on your own website, using the @font-face rule.
Once you've mastered fonts, we dig deeper into tables and how CSS makes tables a lot prettier.
Finally, we look at links and how to control the look of them depending on their current state:
In the project for this lesson, we put what we've learned to work, creating a table with alternating rows of color, and cells that light up when the mouse hovers over them.
This lesson takes color to the next level with CSS and adds three new ways to establish colors through CSS3. You will learn about HSL (hue, saturation, lightness) and the Alpha channel for controlling the transparency of an element.
In the project for this lesson, you use a picture as background art and overlay it with a semi-transparent area for your text.
Classes and IDs are two of the most powerful aspects of CSS and you learn all about them in this lesson. You will learn how to modify existing HTML tags with one or more classes. You will also learn how to extend element selectors, like the p element, with sub-classes especially made for them.
Finally, you earn your license to use CSS power tools by learning the details of CSS3 Combinators. These are methods of extending the power of CSS by controlling how different selectors work together, based on their relationships. You will learn about,
The project with this lesson has you walk through creating your own adjacent sibling combinator to control the indent of paragraphs immediately following headings. You will also create a slick, modern looking menu.
In this lesson, we cover,
You will learn the four ways to position elements:
You will also learn about the float property so that text wraps around pictures and other elements in an elegant and professional manner.
Finally, in the project portion of this lesson, you put all these concepts to work, redesigning your template file into discrete areas with a heading + menu area that remains fixed while the page scrolls underneath it.
In this lesson, we return to the topic of borders and learn how CSS gives us masterful and detailed control over every aspect of them. You will learn to control,
This lesson's project gives you more hands-on experience, this time making borders.
In this lesson, you learn how to apply two interesting properties to pictures:
In the lesson's project, you make a picture semi-transparent and add the code that makes it pop to full strength when you mouse over it.
This lesson is not essential to your creation of a beautiful website, but it sure is fun.
Here you learn about,
This lesson reviews all of the CSS material we've covered and prepares you for your final quiz.
Perpetual student and perpetual teacher.
Professor Martin has had several successful careers—Hollywood artist with screen credit, software engineer with a degree summa cum laude, published author and first-place award-winning essayist, and college professor in information technology, mathematics and ethics.
As an artist, he worked with Star Wars, special effects manager, George Mather and with two-time Academy Award winning designer, Saul Bass. He has had one-person shows of his space art at the Bonaventure in downtown Los Angeles, at the world renowned Griffith Observatory, and other venues.
I.T. Specialist & Software Engineer
As an information technology specialist, he has worked for Control Data Corporation, Bank of America, Ceridian Payroll, Global Database Marketing, and IPRO Tech. He has also created 3D astronomy software, "Stars in the NeighborHood," which remains available online. He has programmed in over 20 languages.
As a writer, he has written both science fiction and non-fiction. In 1983, he co-authored as Carl Martin, with John Dalmas, Touch the Stars: Emergence. In 1994, he won first-place awards for both an essay ("Outsiderness in the Scientific Community," Krupnick Award) and a short story ("Toady," Dutton Books Award). In 2012, he published The Art of Forgiveness. In 2014, as Carl Martin, he published two other books of science fiction, Touch the Stars: Diaspora, and Entropy's Children. In 2014, he published The Bible's Hidden Wisdom, and The Spark of Creativity, and in 2015, Watered Down Christianity.
As a college professor, Mr. Martin has taught college algebra, database development, web development (HTML, CSS, and PHP), computer fundamentals, assembly language, professional ethics, and quality in software development.
Mr. Martin maintains nearly twenty websites, including websites for Rod Martin, Jr., Tharsis Highlands and Ancient Suns, starting in 2001.
Spiritual Searcher of Truth
Throughout his life, Mr. Martin has hungered to know more about the universe in which we all live, including the spiritual side of it all. He has studied comparative religion, including Christian Fundamentalism, Scientology, Buddhism (Tibetan and Thai), Judaism, Kabbalah (Bnei Baruch) and Christ's teachings. He has written several books on spirituality and the Bible.