1 of 2

Advanced

Innovative Creations

FLASK WEB SERVER

Set up a web server and create a simple website using Flask

Think Like an Engineer:

What information should your website include? How can it be interacted with?

Think Like a Artist:

How will you design an interesting and appealing website?

EXAMPLE IDEAS

Flip over for more details!

Made by:

Natalie Sheehan

v06.15.2021

Coding Focused

Website created with Flask

Website created with Flask and HTML

Website created with Flask, HTML, and CSS

2 of 2

CUSTOMIZE IT!

  • Create a style sheet with a CSS file to control colors, appearances of buttons, etc.
  • Reference the CSS file toward the top of your HTML template file

CHALLENGE YOURSELF

Can you make your website more complicated?

BUILD A FLASK WEBSITE!

Modify It

  • Create other pages by adding another route, starting with the command @app.route()
  • You can also add functions to be performed by that route besides returning a string
  • Create an HTML template to control the layout and reference it by returning render_template()

Beginning of HTML file referencing a CSS file:

Sample CSS file: