The purpose of this assignment is to demonstrate how different scripting languages can interact to produce common results that you see on the web every day.
Create a web form that adds a journal entry to your webserver blog.
The form should include a title field, along with a file upload prompt. Review the information in "IT/Python Web Forms & UI," prior to beginning the assignment.
Assignment Instructions:
Using your homepage from Topic 3, create a Python script that prompts the user for a title, description, and filename of your Python program and add the following to the bottom of the existing homepage: Add the post title with an emphasis Add the post description beneath the post title Create a hyperlink to the Python file using the filename input
Topic 3 Homework
JOURNAL ENTRY
homepage.html
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="main-wrapper">
<center><h2>Home Page</h2></center>
<center><h3>Welcome
</h3></center>
<form action="homepage.php" method="post">
<div class="imgcontainer"> <center>
<img src="avatar.jpg" style="width:200px"> </center>
//HERE you can pick any image and download and save
<h2><center>JOURNAL ENTRY</h2>
</center>
<h2><center><table><tr><td>WELCOME<td>
</tr>
<tr><br /><td>PLEASE SIGN UP <td>
</tr>
<tr><br /><td> AND ENTER YOUR
DETAILS<td>
</tr></table></center>
</h2>
</div>
<h2><center>
<a
href="login.html">signup</a></center></h2>
</form>
</div>
</body>
</html>
LOGIN.HTML
<!DOCTYPE html>
<html>
<head>
<title>Blank App</title>
</head>
<style>
body
{
background="C:\ADT lab\4.jpg"> //HERE you give your path of any
jpg picture
height:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
h1
{
text-align:center;
color:blue;
}
h2
{
text-align:center;
color:black;
}
</style>
</head>
<body background="C:\ADT lab\4.jpg">
<form action=" homepage.html">
<div id="container_demo">
<a class="hiddenanchor" id="toregister"></a>
<a class="hiddenanchor" id="tosignin"></a>
<div id="wrapper">
<h1>JOURNAL ENTRY </h1>
<table style="width:100%"><tr><th>JOURNAL
NAME</th>
<th>JOURNAL PASSWORD></th>
<th>DESCRIPTION</th>
</tr>
<tr>
<td>
<input id="journalname"
name="username" required="required" type="text"
placeholder="myusername or [email protected]"/>
</td><td>
<input id="journalname"
name="password" required="required" type="text"
placeholder="mypasswordname or [email protected]"/>
</td>
<td>
<input id="journalname"
name="username" required="required" type="text"
placeholder="description or [email protected]"/>
</td>
</tr>
<tr><td><input id="journalname" name="username"
required="required" type="text" placeholder="myusername or
[email protected]"/>
</td><td>
<input id="journalname" name="password" required="required"
type="text" placeholder="mypasswordname or
[email protected]"/>
</td>
<td>
<input id="journalname"
name="username" required="required" type="text"
placeholder="description or [email protected]"/>
</td></tr></table>
<h2><center>
<a
href="save.html">save</a></center></h2>
<h2><center>
<a
href="thank.html">sign</a></center></h2>
</form>
<script type="text/javascript"
src="cordova.js"></script>
</body>
</html>
SAVE.HTML
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="main-wrapper">
<center><h2>SAVED</h2></center>
</body>
</html>
THANK.HTML
<!DOCTYPE html>
<html>
<head>
<title>sign in</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="main-wrapper">
<center><h3>THANK YOU !!
</h3></center>
</body>
</html>
First you have to copy paste the above four html document to notepad and save it .
next run the home page.
then click the signup and go to the login page .
then click save button and saved. This is hyperlink example
The purpose of this assignment is to demonstrate how different scripting languages can interact to produce...
The purpose of this assignment is to create a program that works like a simple html file converter. Your program will read a text file and will produce an html file that can be viewed using a web browser, like Mozilla Firefox or Internet Explorer. Write code that converts an input file, myfile, into a simple Hyper Text Markup Language (HTML) file, myfile.html. In order to do this, you will read the input file, myfile, from the beginning to the...
Overview The purpose of this assignment is to explore the manner in which CSS styles can be transported into an external file. Assignment You may find the W3 Schools examples on this process useful (http://www.w3schools.com/css/css_howto.asp). Once you have a working understanding of how to move your stylesheet outside of the HTML file and into a CSS file, remove and style information from your Weekly Assignment #02's HTML file and move it to an externally attached CSS file. When you are...
How do I get my HTML and CSS to look similar to this mockup? HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>nitro site</title> <link href="css/main.css" rel="stylesheet"/> </head> <body> <header class="header"> <section class="navlist"> <img class="logo" src="assets/logobeans.png"/> <h2 class="headertitle">nitro</h2> <nav> <ul> <li><a href="index.html" target="_parent">About</a></li> <li><a href="/html/menu.html" target="_blank">Menu</a></li> <li><a href="/html/menu.html">Shop Now</a></li> </ul> </nav> </section> <section class="headerContainer"> <h1 class="heading">Nitro Coffee</h1> <p class="productDesc">Coffee is a brewed drink prepared from roasted coffee beans, the seeds of berries from certain Coffea species.</p>...
Below is the code created for a previous assignment. I now need to create functions to validate the name, age, and item selection in an external JavaScript file. Specifically, check for the following: The user has entered a name Age is a number between 18 and 110 An item is selected Ensure that a handler returns true if the input is acceptable and false otherwise. Add an onSubmit attribute to the form tag so that a validation failure prevents the...
can you do this js and html question. ill give you the html and js and css files just fix my error use if and else like what i did dont use switch just fix my erorr. <!DOCTYPE html> <!-- Webpage HTML document for Lab 4. Authors: Amirhossein Chinaei, Andriy Pavlovych For: EECS 1012, York University, Lassonde School of Engineering --> <html lang="En"> <head> <meta charset="UTF-8"> <!-- title for web page --> <title> EECS1012: Lab 4 - Computational Thinking </title>...
Problems: Develop a web page that allows a user to try out different text and background color combinations by clicking buttons. Use Javascript to implement the functionalities. Below are two screen shots of the working application. Clicking the buttons at the bottom changes either the foreground color or the background color. The following descriptions are about the details. Specifically, you have to implement: An HTML file should include the following features (3 points) Some texts (Anything you like) Put the...