From 08cf76ea84d03f4f0bd6c6b130ad65739cbe9790 Mon Sep 17 00:00:00 2001 From: Tyler Clarke Date: Sun, 11 Jan 2026 20:00:19 -0500 Subject: [PATCH] introwebdev updates --- site/introwebdev/index.html | 40 +++++++++++++--- site/introwebdev/week-1-homework.html | 68 +++++++++++++++++++++++++++ 2 files changed, 102 insertions(+), 6 deletions(-) create mode 100644 site/introwebdev/week-1-homework.html diff --git a/site/introwebdev/index.html b/site/introwebdev/index.html index e9ea10f..49d22d4 100644 --- a/site/introwebdev/index.html +++ b/site/introwebdev/index.html @@ -12,24 +12,52 @@ Welcome to the homepage for Trailside's Spring 2026 introduction to web developm This page is the source-of-truth for the entire course, so keep it bookmarked and check it often. There will be no Google Classroom; any information you need will be here, and announcements will be posted via good old fashioned email.

+

+If you ever have any questions about web development, feel free to email me at plupy44@gmail.com (bonus if you can figure out how I made that clickable...) +

+

+Some parts of this course are intended to be self-study - you can always ask me for help about these, of course, but I recommend first checking out W3Schools +and Khan Academy, because they have some pretty great resources for web development. +

+

Grading

+

+This is a graded course! The weights are as follows: +

+ +

+If you want to know your grades, just email me - I'll also tell you your running grades after each exam. +

+

+Note that your grade doesn't matter too much. The real point of grading is so that I know how well you're doing - you shouldn't really +assign much personal weight to the grades you get; they won't be on any permanent transcripts or anything. +

Course Schedule

-TBD. +TBD. Will post an announcement when this is worked out.

-

Homework and Quizzes

+

Homework

-No homework first week + Homework will drop every week on the Wednesday before class, and be due the following Wednesday. Your homework submissions will be entirely + in website form - you'll be emailing me your HTML files.

+

Lecture notes

-I'll be posting these in advance of lectures, so you can review the material before class and use class time for questions and practice. +I'll be posting these in advance of lectures, so you can review the material before class.

-

Parental Consent Information

+

Generative AI policy

-Find the form here. +Don't use AI to do your assignments. You're here to learn web development, not to learn AI prompting. I will assign a 0 grade to any assignment +that I suspect was written by AI.

diff --git a/site/introwebdev/week-1-homework.html b/site/introwebdev/week-1-homework.html new file mode 100644 index 0000000..605c51d --- /dev/null +++ b/site/introwebdev/week-1-homework.html @@ -0,0 +1,68 @@ + + + +Week 1 Homework + + +Back to home +

Week 1 Homework

+

+I didn't actually expect to get as far as we did in the first week, so homework is pretty short and spur-of-the-moment. Later homeworks will be much longer. +

+

+This homework is optional. You won't be graded on it, and there's nothing to submit. Future homeworks will not be optional. +

+

Part 1

+

+ If you didn't get an image working, try to do that! Remember the image tag has peculiar behavior, and looks like this: +

+
+	<img src="/path/to/image.extension">
+
+

+ If your image is in Downloads, for instance, your image tag might look like <img src="Downloads/image.png">. +

+

+ Be aware that this is relative to your index.html file. This means that, if your index.html file is in + Documents, trying to access "Downloads/image.png" will actually try to access Documents/Downloads/image.png, which usually won't exist. +

+

+ To fix this, either make sure your image and your index.html are in the same directory (e.g. one of Downloads, Documents, etc) and don't use a directory name (like <img src="image.png">) + or use the "../" path to break out of a directory (like <img src="../Downloads/image.png">). +

+

Part 2

+

+ Remember a link looks like: +

+
+	<a href="https://example.com/">Link Text</a>
+
+

+ Links are pretty cool - for instance, you can actually put most tags inside them. Try making a website with a clickable image! +

+

Self-Study

+

+ We're going to be introducing some more advanced tags and techniques in class on Friday. Get a head start by learning on your own about, +

+ +

+ You'll have to Google these on your own - remember to write concise queries, like "<tag> in HTML" or "how to use [some tool]". + And don't worry if you don't find anything; we'll go over it in class. +

+

+ If you can get the web inspector working, try using it to read the source-code of this page - there are some cool basic tags in here that you can play with! +

+

Bonus Points

+

+ I will give you bonus points (0.5% to your final grade) if you bring in an HTML tag you learned on your own and a quick demonstration of how it works on Friday! +

+

+ I'll make it 2% if you can bring in a tag I haven't heard of. +

+ +