<img src="https://www.clarkeis.com/introwebdev/cat.png" />: 
<img src="https://www.clarkeis.com/introwebdev/robot.png" />: 
+Hotlinks are when you use an image hosted on someone else's website. This implies actually pasting a URL in the form "https://website.com/path/to/image.png" into your
+<img>'s src. You should never hotlink without permission! If the website owner changes their layout, you'll lose your images,
+and every time someone loads your page it'll create traffic on their page which can overload their servers. You have explicit permission to hotlink these images on my server:
+
<img src="https://www.clarkeis.com/introwebdev/cat.png" />: <img src="https://www.clarkeis.com/introwebdev/robot.png" />:
+Note: all of the above images are quite large so you should probably use the width property to make them smaller, e.g.
+
<img src="https://www.clarkeis.com/introwebdev/robot.png" width="200px" />
++I set their widths to 64px each for display. +
++Note that it is not hotlinking if you download the image and host it on your own website - this is the way we've used all of our images so far, and is generally correct. +You should still generally make sure you have permission to download and use it (e.g. some images are copyright-protected and nonpermissively licensed). +
++For a large repository of images that you can download +at will (but still not hotlink, because that's rude!), use Pics 4 Learning - those images are explicitly permitted +for use in an educational context, so while you shouldn't use them elsewhere, they're ideal for this course. +
++Classroom wifi is unreliable so I recommend downloading a collection of images you like - we'll be using images pretty heavily throughout the entire course. +
+[/] +[#template.html] diff --git a/site/introwebdev/index.html b/site/introwebdev/index.html index d1d6380..044300c 100644 --- a/site/introwebdev/index.html +++ b/site/introwebdev/index.html @@ -19,6 +19,9 @@ and Khan Academy, because they have sA rolling list of tags we've covered can be found here.
++Hotlink images available HERE. +
This is a graded course! The weights are as follows: diff --git a/site/introwebdev/robot.png b/site/introwebdev/robot.png new file mode 100644 index 0000000..d8fd63b Binary files /dev/null and b/site/introwebdev/robot.png differ