FEWD 49

About Me Markup due January 13, 2015

Assignment

Details

Make a 2-page website about yourself. The first page should be about you, and the second page should be a résumé (or CV).

I recommend making a folder for this project, with two files in it, like so:

nevan_scott/
    index.html
    resume.html

For this assignment, you should only be worrying about the content and how it is marked up with HTML. We’ll start worrying about the presentation of the content with CSS next week.

Give the folder your name instead of mine, but please stick to using lowercase and no spaces for the folder and file names. Instead of spaces, developers typically use either hyphens (-) or underscores (_).

Check out this example that we’ll be working on next week, and you’ll get the idea.

When you are finished:

  1. Upload your project to your folder on the FTP server that we started using on Tuesday. (I suggest making a projects folder in your personal folder on the server to match the ones we made yesterday.)
  2. On Schoology, let us know that you’ve finished putting your project on the server by submitting a link to the page.

Links

We didn’t discuss links in class, so here are some basics.

Let’s say we have a paragraph like so:

<p>Visit the General Assembly website.</p>

The word “website” looks like a good candidate to be a link. Let’s add it:

<p>Visit the General Assembly <a href="http://generalassemb.ly/">website</a>.</p>

Links use an a tag (for “anchor”) with an href attribute (for “hyper-reference” or something).

The href can be a full URL, as it is here, but it could also be a link to a neighboring location, without using a full URL. So, given the file structure above (where index.html and resume.html are in the same folder), we could have a link to the Résumé page by putting this somewhere in our index.html file:

<a href="resume.html">Résumé</a>

Likewise, we could put the following somewhere in our resume.html file:

<a href="index.html">About Me</a>

We’ll discuss all of this more on Monday.

Optional Reading & Viewing

What Web Developers Do

How The Internet Works