admin/clarkeis.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

w3
All checks were successful
ClarkeIS Build / Build-Docker-Image (push) Successful in 25s
Details

Browse Source
This commit is contained in:
Tyler Clarke
2026-01-21 23:30:43 -05:00
parent 0863e932d5
commit 0ce859a50e
7 changed files with 315 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
site/introwebdev/week-3-homework.html Normal file
View File

@@ -0,0 +1,95 @@
[!]
[=title "Week 3 Homework"]
[=content-]
<p>
This homework will require a functioning Github Pages website. If we weren't able to do that activity for some reason or other,
it will be replaced with something else.
</p>
<h2>Part 1: Your Multifile Website</h2>
<p>
At this point you most likely have a simple website with a single HTML page. But that's boring!
<span class="goal">At least 3 pages on your website</span>
Add a few pages - you should have at least 3 pages on your website in the end. Be creative, but here are some possible starting points:
</p>
<ul>
<li>
<code>about.html</code>: for a blurb about yourself (be careful not to include personal information; "I like cats" is good and "I like my cat Fwoofles" is okay but "my name is Johann
Sebastian Bach and I love cats" is bad).
</li>
<li>
<code>contact.html</code>: really, really don't make a real contact page, that would be bad. But a fake one is fine! There's no rule you can't lie on the internet.
+1 (555) 555-5555, +1 867-5309 are the classic fake phone numbers, and John (or Jane) Doe is the classic fake name.
</li>
<li>
<code>books.html</code>: a list of books you really like! Booklists are a fun way to share your literary preferences with others. Some of my favorite
books were found on an internet booklist, so it's not a pointless activity! Make sure not to include the names of local libraries or bookstores.
</li>
<li>
<code>food.html</code>: post recipes here! Don't post pictures of food you've made unless I've shown you how to strip EXIF metadata -
many pictures taken by phone cameras contain information about your location.
</li>
<li>
<code>new.html</code>: a little page listing significant events in your website's history.
</li>
<li>
<code>sitemap.html</code>: a list of pages on your website (note: this is different from the XML sitemaps made for search engine
crawlers - this one is meant for humans to read).
</li>
</ul>
<p>
While I will not literally be grading on creativeness, every boring website makes a baby bird sad. Have fun with it!
</p>
<p>
Ensure there exists at least one inter-page link on each page (like the "back to home" links on this website! but they don't have to lead back home),
and that every page can be navigated to from <code>index.html</code> just by clicking links.
<span class="goal">At least one inter-page link on each page in your site</span> <span class="goal">Every page accessible by some combination of clicks
from index.html</span>
</p>
<h2>Part 2: Conformity</h2>
<p>
While some degree of disorganized can be a design motif, a website that doesn't have any consistency at all is <i>awful</i>.
Go through each page and make sure each one has,
</p>
<ul>
<li>
A standardized title following some universal convention: common is "Website Name | Page Name", so like "Spoopy Website | Books Page" rather than "my books", but you should pick something
you personally like. <span class="goal">Consistent titles</span>
</li>
<li>
Universal navigation: a simple list of links at the top of the page suffices for this. It should be easy to navigate to any page from any page. <span class="goal">Universal navigation</span>
</li>
<li>
Universal icons: your website icon should always be the same on every page, and if you have a header image
or the like, that should also be the same. <span class="goal">Universal icons</span>
</li>
</ul>
<h2>Part 3: Style</h2>
<p>
Add some pizazz! Create a shared <code>style.css</code> file containing universal styles for your website (e.g. the universal font, background, etc)
and add it to <b>all</b> of your pages using a link tag. <span class="goal">CSS file linked in properly to every page</span> <span class="goal">Universal background color</span>
</p>
<h2>Part 4: Double Check</h2>
<p>
I will <b>instantly zero your grade</b> for any assignment that leaks personal information, unless you previously contacted me about it.
Make sure that there is no personal information on your website when you submit it.
If you have an information leak, <b>tell me immediately</b> so I can help you clean it up!
</p>
<h2>Self Study</h2>
<p>
Read through <a href="https://git-scm.com/book/en/v2">Pro Git</a>. I won't require you to use git properly in this course,
but it'll make your life a lot easier if you do!
</p>
<p>
Also, read about <a href="https://jekyllrb.com/">Jekyll</a> and <a href="https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll">the Pages/Jekyll docs</a>.
Jekyll is an awesome tool that can make running your website much, much easier.
</p>
<h2>Extra Credit</h2>
<p>
No extra credit this week :(
</p>
<h2>Submission</h2>
<p>
Once your site is up and you've verified everything is correct, just email the link to me.
</p>
[/]
[#template.html]