{"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":"2017-03-28T11:28:39","modified_gmt":"2017-03-28T18:28:39","slug":"personal-website","status":"publish","type":"page","link":"https:\/\/sites.evergreen.edu\/compcog17\/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 more links, html pages, and pictures. \u00a0 \u00a0Make sure all files are in the same folder. \u00a0Get ideas for other improvements to your html by using the\u00a0w3schools<\/a> website examples. \u00a0You can see this example run here<\/a>. \u00a0Have fun, but keep your time investment manageable. \u00a0At the same time, this is your first chance to show your commitment to this program. \u00a0 Put is some serious thought and effort. \u00a0I will post your site to the Handouts folder. \u00a0 Make sure you use the file structure here. \u00a0Do not use an html editor. \u00a0The point here is to get used to writing and modifying html files so we can use JavaScript later.<\/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 more links, html pages, and pictures. \u00a0 \u00a0Make sure all files are in the same folder. \u00a0Get ideas for other improvements to your html by using the\u00a0w3schools website examples. \u00a0You can see this example […]<\/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\/compcog17\/wp-json\/wp\/v2\/pages\/684"}],"collection":[{"href":"https:\/\/sites.evergreen.edu\/compcog17\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.evergreen.edu\/compcog17\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.evergreen.edu\/compcog17\/wp-json\/wp\/v2\/users\/274"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.evergreen.edu\/compcog17\/wp-json\/wp\/v2\/comments?post=684"}],"version-history":[{"count":0,"href":"https:\/\/sites.evergreen.edu\/compcog17\/wp-json\/wp\/v2\/pages\/684\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sites.evergreen.edu\/compcog17\/wp-json\/wp\/v2\/pages\/45"}],"wp:attachment":[{"href":"https:\/\/sites.evergreen.edu\/compcog17\/wp-json\/wp\/v2\/media?parent=684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}