DotNet-100-PreWork-GitBook
  • DotNet PreWork
  • Part 0: Intro
    • 1.0: Installation
    • 2.0: Getting Started
    • 3.0: Configuration
  • Part 1: HTML Fundamentals
    • Basic Tags
    • H & P Tags
    • Lists
    • Links
    • Images
    • Tables
    • Divs
    • Inputs
    • Forms
    • Sections
    • Articles & Headers
    • Footers
    • Navs
    • iFrames
  • Part 2: CSS Fundamentals
    • CSS Set Up
    • Classes
    • Ids
    • Margins & Padding
    • Fonts
    • Backgrounds
    • Widths & Heights
    • Borders
    • Positions
  • Part 3: C# Fundamentals
    • 1.0: Hello World
    • 2.0: Variables
    • 3.0: Basic Types
    • 3.0a: Types Challenges
    • 3.0b: Types Challenges Answers
    • 4.0: Operators
    • 5.0: Strings
    • 6.0: Booleans
      • 6.0a: Boolean Challenge
      • 6.0b: Challenge Answers
    • 7.0: Conditionals
      • 7.1: Switch Case
      • 7.2: If Statements
      • 7.3: Ternary Expressions
    • 8.0: Numbers
    • 9.0: Loops
      • 9.0a: Loop Challenges
      • 9.0b: Challenge Answers
    • 10.0: Classes and Objects
    • 11.0: Properties
    • 12.0: Useful-Links
Powered by GitBook
On this page
  • Folder Setup
  • HTML PreWork File Set Up
  • CSS PreWork File Set Up
  1. Part 0: Intro

2.0: Getting Started

Previous1.0: InstallationNext3.0: Configuration

Last updated 7 years ago

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
New Folder