About Me Markup due January 13, 2015
- Make your own 2-page About Me website.
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:
- Upload your project to your folder on the FTP server that we started using on Tuesday. (I suggest making a
projectsfolder in your personal folder on the server to match the ones we made yesterday.)
- On Schoology, let us know that you’ve finished putting your project on the server by submitting a link to the page.
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).
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
resume.html are in the same folder), we could have a link to the Résumé page by putting this somewhere in our
Likewise, we could put the following somewhere in our
<a href="index.html">About Me</a>
We’ll discuss all of this more on Monday.
Optional Reading & Viewing
What Web Developers Do
- The Guardian Blog: What is front-end development?
- Web Design or Web Development, What’s The Difference?
- Redefining Web Designers, Web Developers, and Web Hybrids for the modern market. Discussion about the modern web development job market.