Create a single page document for your website with basic information for your portfolio.
Launch Presentation | Slide Notes
Watch these
The importance of HTML, Basic HTML Syntax, Exploring an HTML document structure, Formatting content with HTML, The Value of Structure, Creating links, Inserting images, Unordered lists
Turning in your project
- On your desktop, create a folder called projects
- Inside that folder, create a subfolder called validhtml
- Inside that folder, create a file called index.html
- Use this basic html template to get your page started
- Inside the body section of the document write some text with a basic portfolio
- Upload the folder to your github repo (drag and drop it onto your repository)
- Use the w3c validator and make sure your the URL to your project’s Github pages validate.
Sections for resume
A short paragraph with a welcome message plus 4-6 sentences that include a short bio about yourself (see the example bio on my LinkedIn Learning page.
Skills
An unordered list of your skills. These would be something other than software skills. In LinkedIn, they appear in the Featured Skills and endorsements. For example the top skills on my LinkedIn profile are listed as: User Interface Design, User Experience, Web Development, CSS, JavaScript, etc. Please list at least ten skills…think of the skills you’ll be learning in this or other classes this semester.
Software/Hardware
This is a list of the software and hardware you’re comfortable with. Don’t use specific version of software. If possible, try to make it specific to your career. If you’re going into graphic design, then perhaps Photoshop and InDesign might be something you’d list, for 3-D animation, perhaps Maya and for video, After Effects. At least five.
Social Media/Web
A list of links to your public social media profiles or other websites where people can find you; things like LinkedIn, Twitter, Youtube, etc. At the very least, you should link to your website address, and your github repo. If you’re a graphic designer, perhaps a link to Beehance.
Work Samples
These will be images to samples of previous work. If you’ve done some work for other classes, these will be a great place for them. If you don’t already have them online, upload them to your server like you did the photos and create links for them. At least 5 images.
Expectations
- Use headlines (H1-H6) for headings
- Use paragraph tags for paragraphs
- Use br tags, but ONLY for breaking up single lines of text. DO NOT use this for formatting your document or adding extra vertical spacing.
- Convert text links to URLs using the anchor tag
- Convert links to work samples to images using the img tag.
- Use ordered and unordered lists where necessary.
- Use the strong tag to give strong importance to text.
- DO NOT use any tags not mentioned in this list.
- DO NOT use anything that will format or style the document in any way.