1. Engineering
  2. Computer Science
  3. use your knowledge of file handing in java to create...

Question: use your knowledge of file handing in java to create...

Question details

Use your knowledge of file handing in Java to create a web page generator that will:

Upload your code, as well as a photo or screen capture or video of your home page installed on your browser.

The basic format of a web page to accomplish this assignment appears here: webPageTemplate.htm

Open this page in a browser, right click and choose the option to View Source or inspect the source code somehow.

Or, open this page in a text editor like Notepad, Wordpad, nano, TextEdit, or Notepad++ to see and examine the code.

Your challenge is to automate the creation of a full web page that will read from your source file and populate a web page.

You may want to store your data as:

{URL} {ImgURL} {WebSiteName}

...

...if you would like to write longer names for the web pages.

Here's what I already have in my text document.


Your title goes here, appears in the title bar

  1. take in data from a text file listing the name of a site, the URL of that site, and an icon representing that site,
  2. incorporate that data in a web page using your knowledge of HTML and especially, the tag,
  3. output to an HTML file your finished web page containing hotlinks to the list of sites.

<html>
<head>
<title>Your title goes here, appears in the title bar</title>
</head>
<body>
<table>
<tr>
<td>
<a href="www.google.com">
<img src="https://cdn4.iconfinder.com/data/icons/new-google-logo-2015/400/new-google-favicon-512.png" width=50px height=50px
alt="Google">
</a>
</td>
                              
                               <td>
<a href="www.reddit.com">
<img src="https://cdn2.iconfinder.com/data/icons/font-awesome/1792/reddit-512.png" width=50px height=50px
alt="Reddit">
</a>
</td>
                              
                               <td>
<a href="www.youtube.com">
<img src="https://cdn1.iconfinder.com/data/icons/logotypes/32/youtube-512.png" width=50px height=50px
alt="Youtube">
</a>
</td>
                              
                               <td>
<a href="www.drive.google.com">
<img src="https://cdn1.iconfinder.com/data/icons/logotypes/32/google-drive-512.png" width=50px height=50px
alt="Google Drive">
</a>
</td>  

                               <td>
<a href="www.cnn.com">
<img src="https://cdn1.iconfinder.com/data/icons/metro-ui-dock-icon-set--icons-by-dakirby/512/CNN.png" width=50px height=50px
alt="CNN">
</a>
</td>
                              
                               <td>
<a href="www.espn.com">
<img src="https://cdn2.iconfinder.com/data/icons/miscellaneous-13-solid/128/espn_microphone_reporter_record_press_channel_interview-512.pn" width=50px height=50px
alt="ESPN">
</a>
</td>
                              
                               <td>
<a href="www.facebook.com">
<img src="https://cdn1.iconfinder.com/data/icons/logotypes/32/square-facebook-512.png" width=50px height=50px
alt="Facebook">
</a>
</td>
  
                              
</tr>
<!-- Enter multiple <tr>...</tr> blocks to enter many rows...-->
<!-- I.e. these sections are subject to manipulation by iteration....-->
</table>
</body>
</html>


Solution by an expert tutor
Blurred Solution
This question has been solved
Subscribe to see this solution