You need a browser and a text editor for this course. In this video, get some suggestions for good choices.
- [Instructor] You need only two things to set up for this course, a web browser and a text editor. You'll want a web browser that has good support for developers. I recommend either Google Chrome or Firefox Developer Edition. You'll also need a text editor. If you don't already have a favorite text editor, you can use a simple yet powerful one like Notepad++ for Windows or Geany, which works on Window, Macintosh and Linux. Or you can go with an integrated development environment, like Atom or Visual Studio Code, which also work on Windows, Macintosh and Linux.
All of these are free to download and use. In this course, I am using Firefox and Geany on a Windows 10 machine, but you'll be able to follow along with the software of your choice. If you have access to the exercise files for this course, each chapter contains a folder for each video. In the specific video folder, you'll find begin and end. The begin folder contains the HTML file and images for you to follow along at the start of the video, and the end folder shows the state of the files at the end.
Also in the exercise files folder, we've included the file links.html, which has all the links that we'll refer to throughout this course. Now that you know what you need to get set up, let's start working with images.
- Using the img element
- Resizing images
- Obtaining images for your website
- Image formats and when to use them
- Styling images with CSS
- Adjusting borders, margins, and padding
- Adding background images
- Testing screen resolutions
- Autonumbering figures with CSS