Related questions
Please help me with the following exercise.
Use your programming environment to generate a simple Web site using Python flask. The site should be unique, include at least 3 routes (e.g. 3 pages one can navigate), each route should render the HTML pages by using the render_template() functionality.
A style sheet should be included that is used by all Web pages.
Proper organization should take place of the web site including the location of templates and static pages.
Keep in the basic HTML form for a function web page includes the following components:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
...your page content...
</body>
</html>
In addition to the requirements list above the following functionality should be found within your web site on one or more web pages.
• Use at least 3 different heading styles (e.g. <h1>, <h2>, <h3>)
• Paragraph (<p>)
• Comments <!-- -->)
• Ordered list
• Unordered list
• At least 3 Links to other External Web Sites
• Display the Date and Time on a Web page (Hint: Just use the Python datetime functions)
The content and topic of the Web site is up to you. Consider an information web site about a topic you are interested. It should be unique and something you want to create.
According to the information given:-
We have to follow the instruction given in order to get desired outcome.
Trending nowThis is a popular solution!
Step by stepSolved in 2 steps with 3 images
- Very overwhelmed and have no idea of where to start so any help is appreciated. This requirement for the assignment has me very frustrated. Registration.html (theres some code that reference other parts of the assignment but this is what I need help with right now. <!DOCTYPE html> <html> <head> <title>registration</title> </head> <body> <h1>Registration Form</h1> <form action="" method="post"> <label for="username">Create your own username:</label> <input type="text" id="username" name="username" required> <br><br> <label for="Email">Email:</label> <input type="email" id="email" name="email" required> <br><br> <label for="password">Create your own password:</label> <input type="password" id="password" name="password" required> <br><br> <label for="password">Confirm Password:</label> <input...arrow_forwardCreate a web page that contains three buttons and two images. To meet the requirements follow the instructions given below by writing JavaScript and jquery: When user clicks the "Hide Images" button, both images should be vanished (jquery). When user clicks the "Show Images" button, both images should be appeared again (jquery). When user clicks the swap button, the height of both images should be swapped (JavaScript).arrow_forwardWe need to create an HTML and CSS page with the following requirements. Thank you in advance ! ... has a method attribute with the value of "post" and an action attribute with the value of "/pets" ... has an single-line text input with and id of "name", a name of "pet_name", and with an associated label that reads "Name". ... has a drop-down with an id of "type", a name of "pet_type", an associated label that reads "Type", with only the options "Cat", "Dog", "Hamster", "Other", "Zebra". ... has a multi-line text input with and id of "bio", a name of "pet_bio", and an associated label that reads "Biography" ... has an email input with id of "owner-email", a name of "pet_owner_email", and with an associated label that reads "Owner's Email" ... has a button that reads "Create new pet" with type "submit" and id "new-pet-submit-button" ... has a button reads "Reset" with type "reset" ... is 600px wide when the screen is greater than or equal to 600px wide ... uses grid layout to layout...arrow_forward
- Use JavaScript to display the following information: The current date and time in the following format: Day, Date Month Year (Hours:Minutes), such as Wednesday, 26 August 2020 (8:50). Use the following colours for different date and time components: Day in red, Date in green, Month in yellow, Year in blue, Hours and Minutes in brown. The URL of the page. The user agent information of the web browser used to display the page. The number of forms and links in the page (for testing purpose, please include a few forms and hyper-text references in the page).arrow_forwardHow to code? Hello, Im completely lost with my coding assignment. Here are the instuctions: Summary Kidder Garden Pete Burnham of the Kidder Garden website wants you to develop an application for drawing images or "stamps". As a proof of concept, he wants you to create a webpage in which users can choose stamps of a specified size and shade (opacity) and then place those stamp images on a canvas using the mouse. The user can then modify the size, position, rotation, or shading (opacity) by clicking tools from a toolbar and applying that tool to a stamp image. Pete has already designed the webpage. He needs you to write the code to create the stamp objects and place them as images on the page's canvas. Figure 14-50 shows a preview of a completed page with stamp images created and modified by the user. Pete has also supplied you with the following object methods that will be useful to you: The elementX() method for the Event object prototype that returns the x-coordinate of a mouse...arrow_forwardWeb Page: http://web.archive.org/web/20210411193535/https://docs.python-requests.org/en/master/ Inspect the Title Text (Requests: HTTP for HumansTM). What kind of element is it (what is its HTML tag)?arrow_forward
- I'm creating a Webpage that calculates fuel economy. Javascript. See instructions.arrow_forwardUse HTML/CSS/JavaScript to build a textbox that accepts a maximum of ten lower-case alphabetic characters. The entering of upper-case alphabetic characters, numeric characters, or special characters are prevented by your code. That is, the prohibited characters are unable to appear in the textbox. Events are to be addressed by JavaScript event listeners. Usage of HTML onEventName attributes are strictly prohibited. Note: you do not have to code a complete working webpage, only necessary code that satisfy the requirements are needed.arrow_forwardUsing the template engine, build a page that pulls a list of shapes from the ColorShapes database and presents that list, as a form, to the webapp user. The webapp user is then prompted to select a single shape from the list. Menus or radio buttons are acceptable presentation methods for this page (radio buttons preferred). Using the template engine, build a page that takes the Shape the webapp user selected, and generates a list of Colored Shapes for the selected Shape. I will fill in for database , just leave an open spacearrow_forward
- Complete the following webpage assignment. Assignment Instructions: Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.arrow_forwardCreate a web page that contains three buttons and two images. To meet the requirements follow the instructions given below by writing JavaScript and jquery: • When user clicks the "Hide Images" button, both images should be vanished (jquery). • When user clicks the "Show Images" button, both images should be appeared again (jquery). • When user clicks the swap button, the height of both images should be swapped (JavaScript). Hide Images Show Images Swap Height| Hide Images Show Images Swap Heightarrow_forward
- Text book imageComputer Networking: A Top-Down Approach (7th Edi...Computer EngineeringISBN:9780133594140Author:James Kurose, Keith RossPublisher:PEARSONText book imageComputer Organization and Design MIPS Edition, Fi...Computer EngineeringISBN:9780124077263Author:David A. Patterson, John L. HennessyPublisher:Elsevier ScienceText book imageNetwork+ Guide to Networks (MindTap Course List)Computer EngineeringISBN:9781337569330Author:Jill West, Tamara Dean, Jean AndrewsPublisher:Cengage Learning
- Text book imageConcepts of Database ManagementComputer EngineeringISBN:9781337093422Author:Joy L. Starks, Philip J. Pratt, Mary Z. LastPublisher:Cengage LearningText book imagePrelude to ProgrammingComputer EngineeringISBN:9780133750423Author:VENIT, StewartPublisher:Pearson EducationText book imageSc Business Data Communications and Networking, T...Computer EngineeringISBN:9781119368830Author:FITZGERALDPublisher:WILEY