Tips after Assignment 2 (HTML)

Some observations and advice from me to you:

Spelling errors are not okay: I saw a lot of common words spelled incorrectly, like recipe (recipie) and original (orginal). You’re going to be doing work in this course that you might show to someone in a job interview. You must not have typos in your text.

Making your content fit to be seen by others: A photo caption that says “Photo by Joe Blow” is okay (really that’s a photo credit). A photo caption that says “Original Photo Here” doesn’t look like something I would expect to see on a real website. See example below the photo.

falafel

Falafel are small fritters made of ground chickpeas. They are popular throughout the Middle East and Egypt. Photo by Leon S.K. (Flickr) [CC BY-SA 2.0], via Wikimedia Commons.

In the caption above, I said something interesting about the dish, and then I added the required attribution. Think about what looks professional, and then do that on your own pages.

Filenames and folder names: Professionals lowercase all filenames and folder names. Also, NO SPACES. Robbins says this explicitly on page 53. Your page will not validate if any image filenames have spaces in them, for example. All punctuation marks are forbidden in filenames except the underscore, the hyphen, and one (ONE!) period preceding the file extension.

Choice of filenames: For any assignment, the main page in a folder can be index.html. For Assignment 2, recipe.html makes sense. Naming a file assignment2.html looks like homework. Think about your portfolio.

Text for the ALT attribute value:Alternate text (also referred to as alt text) should serve as a substitute for the image content — serving the same purpose and presenting the same information” (Robbins, page 126). More here, from the W3C, keeper of all Web standards.

Typing an attribute correctly: The ALT attribute, HREF attribute, and SRC attribute all have the same format. First the attribute name. Then, an equals sign. Finally, a pair of quotes. Inside the quotes is the value of the attribute.

screen-shot-2016-09-11-at-6-07-03-pm

Editing a super-long URL: Any super-long URL is unwieldy, and also, it will often throw an error in the validator. I demonstrated how to fix this in the “Assignment 2 Part 2” walkthrough video, at 4:00 in the video. This editing is also recommended for links you click in social media, like this one:

http://www.nytimes.com/2015/09/13/arts/design/review-broad-museum-los-angeles.html?smid=tw-nytimes&smtyp=cur

See the question mark in the URL? That question mark and everything following it can be deleted:

http://www.nytimes.com/2015/09/13/arts/design/review-broad-museum-los-angeles.html

That is a cleaner, shorter and better URL to share and to use on your Web pages. But a word to the wise: ALWAYS click the link on your page to double-check that it goes where you intended it to go.

screen-shot-2016-09-11-at-5-55-27-pm

“All basic structure tags and elements are present and correct.” From now on, if you have any errors in these tags, or if any are missing, your points for the assignment will be 4 or fewer.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s