00. [10p] Getting Started
First, download the skeleton archive (.zip) and unzip it.
It has the following structure:
├── initial_design.html # initial HTML template ├── public/ │ ├── bootstrap/ # bootstrap sources │ ├── images/ │ └── style.css # main stylesheet ├── server.py # server-side application └── templates/ # Jinja templates
To test, open initial_design.html in a browser. It should look similar (almost: minor text differences) to the following screenshot:
Our website uses the Bootstrap frontend library – a CSS framework for building responsive web designs! Check out its documentation for a list of features.
Also, there are other open-source CSS toolkits, google them before starting a website and choose something you like before starting a design project.
Also, it would be a good idea to test your Python / Flask setup now:
python3 server.py
# it should say that the server is running on http://127.0.0.1:5000/
Note: the initial Python Flask app doesn't display this webpage just yet, it will only give you a TODO message! You will make it yourself later this lab :P