From 017a41d83ac15e47af2d69809040c438831eb178 Mon Sep 17 00:00:00 2001 From: RodgerRG Date: Thu, 14 Apr 2022 11:14:40 +1200 Subject: [PATCH] Feature/html workshop (#16) * Added HTML + CSS Workshop * Added link in main readme * Update README.md whoops Co-authored-by: road2paradise * Title rename and some more context for opening HTML files * Added image for opening in browser Co-authored-by: Rodger Gu Co-authored-by: road2paradise --- 6. HTML+CSS workshop/README.md | 41 ++++++++++++++ .../images/2022-04-14-11-09-06.png | Bin 0 -> 23272 bytes 6. HTML+CSS workshop/msa.html | 53 ++++++++++++++++++ 6. HTML+CSS workshop/styles.css | 4 ++ README.md | 2 +- 5 files changed, 99 insertions(+), 1 deletion(-) create mode 100644 6. HTML+CSS workshop/README.md create mode 100644 6. HTML+CSS workshop/images/2022-04-14-11-09-06.png create mode 100644 6. HTML+CSS workshop/msa.html create mode 100644 6. HTML+CSS workshop/styles.css diff --git a/6. HTML+CSS workshop/README.md b/6. HTML+CSS workshop/README.md new file mode 100644 index 0000000..a5ef233 --- /dev/null +++ b/6. HTML+CSS workshop/README.md @@ -0,0 +1,41 @@ +# MSA 2022 HTML and CSS workshop + +Welcome to the HTML and CSS workshop. There are two parts to this workshop: + +- [HTML](./README.md#html) +- [CSS](./README.md#css) + +## HTML +HyperText Markup Language(HTML) is what the internet is fundamentally made out of. Each web page is made up of HTML elements. + +* Start by opening up the `msa.html` file (double click the file and select the browser of your choice when prompted) + +![](images/2022-04-14-11-09-06.png) + + * In this file, you will notice a few things. The `` is at the top of each HTML file, and specifies that the file is HTML + * `` is the header of the HTML file. Each HTML element is represented with an _opening_ and _closing_ tag. This is because HTML elements can **contain** other HTML elements. + * `` contains the title of the page, and other metadata style info, such as related files, etc. + * `` contains the actual content of the page. +* We will start by adding some HTML to the page: + - [ ] Create an additonal list item in the list called List Item Three + - [ ] Add a row to the table + - [ ] Create a new block element containing some text about yourself :) + - [ ] Create an editable text field + +## CSS +Cascading Style Sheets (CSS) is how we _style_ HTML. It is how we make HTML look pretty, without the need to inline the styling on every element. + +* Take a look at the `msa.html` file. + * In the top of this file, you will notice that there is a link to `styles.css`. + * This reference is what lets the css styles be applied to the page. +* Open up `styles.css` + * You will notice that there is a single bit of styling in this file which changes the **body** element of the html page. + * CSS uses _selectors_ to define what elements the styling will target. This lets us target multiple different elements, and allows us to be quite specific about what we can change. +* Let's make some styling changes: + - [ ] Change the background colour to purple for the document + - [ ] Change the text colour to white for the document + - [ ] Add Some Selectors + - [ ] Make the list have a different background colour + - [ ] Reference the button using an ID selector and make the button green + - [ ] Reference the table using a class selector and make the table background colour red + - [ ] Center the button to the middle of the page \ No newline at end of file diff --git a/6. HTML+CSS workshop/images/2022-04-14-11-09-06.png b/6. HTML+CSS workshop/images/2022-04-14-11-09-06.png new file mode 100644 index 0000000000000000000000000000000000000000..ed08d851fb441b0d6dfc93065ea85c4b594516bd GIT binary patch literal 23272 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 NRgifrT`px5@E_Y+zk literal 0 HcmV?d00001 diff --git a/6. HTML+CSS workshop/msa.html b/6. HTML+CSS workshop/msa.html new file mode 100644 index 0000000..104cf0e --- /dev/null +++ b/6. HTML+CSS workshop/msa.html @@ -0,0 +1,53 @@ + + + MSA HTML+CSS Workshop + + + +

MSA

+
+

+ Welcome to the MSA Phase 1 HTML Workshop! +

+

Here is some placeholder text which does some stuff

+

This is a List

+
    +
  • + List Item One +
  • +
  • + List Item Two +
  • +
+

This is a Table

+ + + + + + + + + + + +
+ Column One + + Column Two +
+ Row One, Column One + + Row One, Column Two +
+ Row Two, Column One + + Row Two, Column Two +
+
+
+ +
+ \ No newline at end of file diff --git a/6. HTML+CSS workshop/styles.css b/6. HTML+CSS workshop/styles.css new file mode 100644 index 0000000..11738ad --- /dev/null +++ b/6. HTML+CSS workshop/styles.css @@ -0,0 +1,4 @@ +body { + background-color: beige; + color: #800080; +} \ No newline at end of file diff --git a/README.md b/README.md index e2909f5..e26d366 100644 --- a/README.md +++ b/README.md @@ -85,7 +85,7 @@ We have also created small modular workshops for each section of MS Learn. **The - [ ] [5. C# workshop](https://github.com/NZMSA/2022-Phase-1/tree/main/5.%20C%23%20workshop) - [ ] Week 7 (27 MAY - 2 JUN) - [ ] [HTML & CSS](https://docs.microsoft.com/en-us/learn/modules/build-simple-website/) - - [ ] [6. HTML & CSS workshop](//TODO_INSERT_LINK_HERE) + - [ ] [6. HTML & CSS workshop](https://github.com/NZMSA/2022-Phase-1/tree/main/6.%20HTML%2BCSS%20workshop/README.md) - [ ] Week 8 (3 JUN - 9 JUN) - [ ] [JavaScript](https://docs.microsoft.com/en-us/learn/paths/web-development-101/) - [ ] [7. JavaScript workshop](//TODO_INSERT_LINK_HERE)