{"id":684,"date":"2014-04-03T19:26:44","date_gmt":"2014-04-03T19:26:44","guid":{"rendered":"http:\/\/blogs.evergreen.edu\/candc14\/?page_id=684"},"modified":"2014-04-03T19:26:44","modified_gmt":"2014-04-03T19:26:44","slug":"personal-website","status":"publish","type":"page","link":"https:\/\/sites.evergreen.edu\/compcog15\/communications-2\/forums\/classes\/week-1\/personal-website\/","title":{"rendered":"Personal Website"},"content":{"rendered":"

\u00a0You will be making a personal website for yourself in native html, using and adapting the following 6 files plus adding at least one picture. \u00a0You may want to add more files. \u00a0Make sure all files are in the same folder. \u00a0Get ideas for other improvements to your html by using your textbook<\/a> examples or w3schools<\/a> website examples. \u00a0You can see this example run here<\/a>. \u00a0Have fun, but keep your time investment manageable.<\/h2>\n

FIRST HTLM FILE: \u00a0COPY TO NOTEPAD. \u00a0SAVE AS HTML FILE NAV<\/h1>\n

<html>
\n<body>
\n<a href=”education.html” target=”main”>Education<\/a><br \/>
\n<a href=”contactme.html” target=”main”>Contact Me<\/a><br \/>
\n<\/body>
\n<\/html><\/p>\n

SECOND HTML FILE: \u00a0COPY TO NOTEPAD. \u00a0SAVE AS HTML FILE PICTURE<\/h1>\n

<html>
\n<body>
\n<h1>Ab Van Etten<\/h1>
\n<img src=”Ab&LauraVanEtten.jpg” alt=”Ab and Laura” width=”44″ height=”44″ \/>
\n<\/body>
\n<\/html><\/p>\n

THIRD HTML FILE: \u00a0COPY TO NOTEPAD \u00a0SAVE AS education.html<\/h1>\n

<html>
\n<body><\/p>\n

<h1>Oregon State University<\/h1>
\n<ol>
\n<li>1975-1979, BS in Math<\/li>
\n<li>More stuff<\/li>
\n<li>Even more stuff..<\/li>
\n<\/ol><\/p>\n

<\/body>
\n<\/html><\/p>\n

FOURTH FILE: \u00a0COPY TO NOTEPAD. \u00a0SAVE AS contactme.html<\/h1>\n

<html>
\n<body><\/p>\n

<h3>Send e-mail to someone@example.com:<\/h3><\/p>\n

<form action=”MAILTO:someone@example.com” method=”post” enctype=”text\/plain”>
\nName:<br \/>
\n<input type=”text” name=”name” value=”your name” \/><br \/>
\nE-mail:<br \/>
\n<input type=”text” name=”mail” value=”your email” \/><br \/>
\nComment:<br \/>
\n<input type=”text” name=”comment” value=”your comment” size=”50″ \/>
\n<br \/><br \/>
\n<input type=”submit” value=”Send”>
\n<input type=”reset” value=”Reset”><\/p>\n

<\/form>
\n<\/body>
\n<\/html><\/p>\n

FIFTH FILE: \u00a0COPY TO NOTEPAD. \u00a0SAVE AS main.html<\/h1>\n

<html>
\n<body><\/p>\n

<table border=”1″>
\n<caption>Welcome to my Online Resume! Click on the links for more info<\/caption>
\n<tr>
\n<th>Topic<\/th>
\n<th>Data<\/th>
\n<\/tr>
\n<tr>
\n<td>Address<\/td>
\n<td>123 Lacey<\/td>
\n<\/tr>
\n<tr>
\n<td>Phone<\/td>
\n<td>222-5555<\/td>
\n<\/tr>
\n<\/table><\/p>\n

<\/body>
\n<\/html><\/p>\n

SIXTH AND LAST MAIN FILE: \u00a0SAVE AS index.html<\/h1>\n

<html>
\n<head>
\n<title>Sample Program<\/title>
\n<\/head><\/p>\n

<frameset cols = “200,*”>
\n<frame name = “leftframe” src = “nav.html” \/><\/p>\n

<frameset rows = “175,*”>
\n<frame name = “picture” src = “picture.html” \/>
\n<frame name = “main” src = “main.html” \/>
\n<\/frameset><\/p>\n

<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"

\u00a0You will be making a personal website for yourself in native html, using and adapting the following 6 files plus adding at least one picture. \u00a0You may want to add more files. \u00a0Make sure all files are in the same folder. \u00a0Get ideas for other improvements to your html by using your textbook examples or […]<\/p>\n","protected":false},"author":274,"featured_media":0,"parent":45,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_mi_skip_tracking":false},"_links":{"self":[{"href":"https:\/\/sites.evergreen.edu\/compcog15\/wp-json\/wp\/v2\/pages\/684"}],"collection":[{"href":"https:\/\/sites.evergreen.edu\/compcog15\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.evergreen.edu\/compcog15\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.evergreen.edu\/compcog15\/wp-json\/wp\/v2\/users\/274"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.evergreen.edu\/compcog15\/wp-json\/wp\/v2\/comments?post=684"}],"version-history":[{"count":0,"href":"https:\/\/sites.evergreen.edu\/compcog15\/wp-json\/wp\/v2\/pages\/684\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sites.evergreen.edu\/compcog15\/wp-json\/wp\/v2\/pages\/45"}],"wp:attachment":[{"href":"https:\/\/sites.evergreen.edu\/compcog15\/wp-json\/wp\/v2\/media?parent=684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}