CSCI 1210

Essentials of Web Development


Lab 0

Today, we'll take a look at the software tools that we'll be using for this class: Notepad++ and FileZilla. Click on the link to the left to access this lab.

Lab 1

Today's lab will walk us through setting up your external drive for this class. We're going to create a folder whose name is the same as the one on the server, to make it easier to navigate in FileZilla. It will named (for example, my ETSU id is ramseyjw, so my folder would be named Nested inside that folder will be subfolders named homework and labs.

Then, we'll create a simple web page, using some basic HTML elements, like <p> (paragraph), <h1> (heading 1), and <ul> (unordered [bulleted] list - don't worry, we'll talk about that)

Lab 1.5

Click on the link to the left to access this lab

Lab 1.6

In this lab, we'll be practicing with paragraphs and lists. There is a stylesheet provided with the starter files, but we'll be talking about CSS real soon so you can make your own!

Lab 2

We're going to explore some of the features of GIMP to optimize a couple of pictures for the web. I will walk you through image optimization using the Gnu Image Manipulation Program (GIMP)

Then, starting with page 2, we'll make an ordered (numbered) list of hyperlinks. Finally, we'll embed the optimized pictures on our web page, make sure it's displaying correctly, upload our files to the server, and correct any errors that crept in along the way