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
Homework Answers
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
Add Answer to:
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...
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...
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...
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...
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...
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...
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...
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...
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>...
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...
Most questions answered within 3 hours.
-
A car travels at an average speed of 56 mph for 15 hours. What
was the...
asked 5 minutes ago -
Exercise on Mirror, Mirror on the Wall/lnitial Self
Evaluation
Write an Initial Self Evaluation paper that...
asked 1 hour ago -
Implementation of policy recommendations is often a
problem. What do you see as the major barriers...
asked 2 hours ago -
23- The consideration needed to support a contract
must:
a. Flow to the promise AND have...
asked 4 hours ago -
1. What is the main causal factor of Border line personality
disorder? Research has also found...
asked 6 hours ago -
The National Institute of Standards and Technology (NIST)
supplies "standard materials" whose physical properties are
supposed...
asked 6 hours ago -
Alpha Centauri A and B are Sun-like stars, and together they
form the binary star Alpha...
asked 6 hours ago -
What is the pH of a 0.200 M solution of sulfurous acid? Given:
Ka1 = 1.70×10–2,...
asked 6 hours ago -
Sociologists have conducted much interesting research on gender
stereotypes in American society. A curious aspect of...
asked 6 hours ago -
1. Based on your results, calculate how many kilograms of plant
material you would need to...
asked 6 hours ago -
Sample (taken every two minutes)
Angle of Rotation
0
102.9
2
104.2
4
106.2
6
104.8*...
asked 6 hours ago -
Adrian's utilities of two consumption bundles are 50 and 100,
respectively. This implies that A. Adrian...
asked 6 hours ago