Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
CSS enables you to control the look and layout of a web page much more precisely than you could with HTML alone, but it can be time-consuming to learn. In this workshop, expert developer Candyce Mairs makes styling a quick and easy process, walking you through the process of adding content to a web page and using CSS to position that content. Candyce explains CSS positioning concepts like the CSS box model, floats, and clears and demonstrates how HTML and CSS work together to create the look of your web page. By speaking the same language as the browser, you can learn to work with the browser to place content accurately and easily.
This CSS positioning course does not require any specific software to be installed, other than some form of HTML editor. And both Mac and PC operating systems do come with their own editors. But within the resources area on my website. Under HTML, I have a listing, of a variety of HTML editors, listed right here, that can be used in case you did not have an editor of choice at this point.
Some of these editors are free. Others do require you purchasing that specific editor. So, let me just give you a brief mention of which are which. BBEdit is a program you can use on the Mac side. It's a bit more of an advanced version of what comes built in to the Mac side, which is TextEdit. So think of BBEdit as a step up from the built-in text editor within the Mac operating system. Bluefish is available for any type of operating system. This is a bit less GUI based, and more coding based. In other words, this HTML editor is an open source one that was built by programmers.
So if you're looking for more of an interface that you can use instead of hand coding, Bluefish has quite a few features, but I don't feel it's as extensive as some of the other editors. Coda is another popular one for the Mac and there's also Sublime Text. Now those are some of the basic HTML editors on the Mac side. And Dreamweaver is also available for the Mac side. Dreamweaver would be the most full featured HTML editor that you can purchase.
On the PC side, Bluefish is available. There is also Sublime Text which is an interesting editor you can take a look at. On the PC side, Notepad is built-in to the operating system. And if you want to expand upon Notepad, Notepad++ is a free version that adds to the capabilities of the basic Notepad editor built-in to Windows. Dreamweaver is also available for the PC, and what I'm going to be using for this course is an editor called CoffeeCup. And this particular link links to the free version of CoffeeCup. There is also a paid version that's a slight upgrade from the free version. So I will be using the HTML editor called CoffeeCup, the free version. So anybody can download and install whatever is necessary, in order to have an HTML editor and run through this course.
Course files are provided, so it's best to have an HTML editor, so you can go through the exercises with me. But that's a brief overview, and some HTML editor suggestions, so that you can walk through this course, right along with me.
There are currently no FAQs about Exploring CSS Positioning.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.