For Monday, November 2, please print out the two pdf files attached to this post and write on them according to the instructions below. If you do not have access to a printer, you may also download the files and do this assignment digitally using Acrobat Pro, Photoshop or a Word Processor to add comments.
The two files are:
These should look familiar. They are the code files we have been working on in class.
Read the following steps carefully and do each one. It is very important that you understand these concepts as we move forward with hand coding. Why? As you have probably noticed, there is not enough time during our regular period to get you caught up if you are not keeping on track with the class. If you are struggling, I am happy to answer questions, but, for this assignment, queries must be sent to me via e-mail no later than 10pm on Sunday, November 1. The assignment itself is due in hardcopy form at the beginning of class on Monday, November 2.
Steps for Homework Assignment Due 11/02
Read Carefully and Complete All Steps
- Go through both files line by line until you understand how the code is structured and why.
- For each pair of html tags, explain briefly what the code does. This can be written next to the tags on the pdf or organized on a second sheet of paper. Even if a pair of tags is repeated multiple times, you must write an explanation each time or draw an arrow back to an already written explanation.
- For each pair of html tags, explain why that element was chosen to mark up the content rather than another element. This can be written next to the tags on the pdf or organized on a second sheet of paper. Even if a pair of tags is repeated multiple times, you must write an explanation each time.
An image of the index.html file with a couple of elements explained according to steps 2 and 3 is pictured below. Of course, there are a number of additional tags that still need explanation.
- Draw a family tree of index.html and a separate family tree of elixirs.html. The family tree should show parent/child relationships between the elements in each file. Any element that is entirely enclosed within the tags of another element is the child of that first element. There are some especially tricky familial relationships on the elixirs.html page, so watch out!
Below is an example. It is not representative of either of our files; it is merely provided to give you an idea of how you might layout the family tree.
- Define the term “nesting” with regard to web page design and list three specific examples where nesting occurs in our file. If you’re not sure what this means, do some research online.
- Write the steps you would take if you were going to add a third page of html to this website with directions on how to get to the Juice-o-Rama lounge. Guiding questions are listed in the bullet points below. If you’re not sure of the answers, review your notes or do some online research. You are expected to know this information at this point in the semester. The directions to the lounge are:
How to find us:
Drive to Salem Community College
Follow your nose to the scent of fresh fruit and happiness!
- Assuming you are using a Macintosh computer, what program would you open to write code and how would you open it?
- What kind of text does the program produce (i.e. what kind of text is necessary for writing web code)?
- What would you name the file and why?
- What steps do you take to save the file? How often should you save?
- Where would you place the file within the organization of our Juice-o-Rama site? Why? Think about what makes sense logically in both the short and long-term.
- How would you write out the code? What elements structure the page as a whole? What elements structure content?
- How would you add a link back to the homepage from this page. Be sure to consider the relative path between this file and the index.html file. The path changes depending on how you organize your website.
Don’t forget, you are being given this homework because understanding this content is crucial as we move forward. Therefore, please leave yourself enough time to complete the assignment thoughtfully. It is due in hardcopy form at the beginning of class on Monday, November 2.
Have a Happy, Spooky, Festive Halloween weekend!