Editing Text And Code: Alice's Adventures in Computerland (section)

=== Class 1 ===
'''Demos'''
# HTML/CSS
# CSS grid

'''Setup'''

During the classes we will work in groups of 3. 

We will work in Visual Studio Code. [[Visual_Studio_Code|Download and install Visual Studio Code]].

To help you out with this project we have created some starter files.
# Go to the [https://gitlab.com/wdk-academy/text-and-code/ files]
# Click the arrow pointing downwards <br/> [[File:Gitlab-download-button.png]] 
# Select "zip"
# This will download the files
# Unzip the files 
# Open the folder in Visual Studio Code

'''Tasks'''

1. Use the [https://www.webscraper.io/ WebScraper.io] extension to scrape [https://www.gutenberg.org/files/11/11-h/11-h.htm Alice in Wonderland] or any other book you like. 
* Follow [[Web_scraping|instructions]] on web scraping
* Place the JSON into your web project

2. Add a CSS grid
* Read the introduction on [[CSS_Grid]] and apply to your own website

3. Creating and adding images
* Create images with [https://www.craiyon.com/ Dall-E Mini]
* Add images via the `JSON` files