2.0: Getting Started

In this module we'll set up files and folders for the prework for HTML & CSS.

Folder Setup

• Create a folder where you would like to keep your work for this class, it's best to make this in your C drive.

  

HTML PreWork File Set Up

We'll continue setting up the structure for our PreWork by adding files to the folders now.

1. Inside the DotNetProjects folder, create a folder called HTMLCSSPreWork.

2. Inside the HTMLCSSPreWork folder, create a folder called 1-HTML-Basics.

3. Go into the 1-HTML-Basics folder and add the following files, noting that each file has an extension of .html. Make sure that you are adding the files inside of the 1-HTML-Basics folder:

    DotNetProjects
        └── HTMLCSSPreWork
            └── 1-HTML-Basics
                00-setup.html
                01-basic-tags.html
                02-h&p-tags.html
                03-lists.html
                04-links.html
                05-images.html
                06-tables.html
                07-divs.html
                08-inputs.html
                09-forms.html
                10-sections.html
                11-articles-headers.html
                12-footers.html
                13-navs.html
                14-iframes.html

CSS PreWork File Set Up

Next, we'll scaffold out the files for CSS lessons. Please note that the extensions will alternate between .css and .html. 1. Inside the HTMLCSSPreWork folder, create a folder called 2-CSS-Basics. 2. Add the following files inside fo that new folder:

    DotNetProjects
        └── HTMLCSSPreWork
            └── 1-HTML-Basics
            └── 2-CSS-Basics
                00-setup.css
                00-setup.html
                01-classes.css
                01-classes.html
                02-ids.css
                02-ids.html
                03-margins-padding.css
                03-margins-padding.html
                04-fonts.css
                04-fonts.html
                05-backgrounds.css
                05-backgrounds.html
                06-widths-heights.css
                06-widths-heights.html
                07-borders.css
                07-borders.html
                08-positions.css
                08-positions.html