Skip to docs navigation

15.01 Update Website Portfolio

On this page

Updated Website Portfolio Page(s)

Maintaining an online presence for your work will be important for your career as a creative professional. In Digital I, you learned how to make a basic website with and image gallery portfolio page. If not kept current, websites can quickly become out of date and then not give the best first impression to visitors interested in your work. Keep your website fresh by periodically updating your portfolio images.

You can swap out old images on your current portfolio page, or you can add them to the page. You can also add a whole new page for the new work.

For this assignment you need to have a page that has a presentation of work that you completed for Digital II this semester. That can be images or video or both. Your website should have a custom domain name of your choice. After the semester end you can edit and change the website however you wish.

Requirements

  • Have a custom domain name
  • Have a mobile first responsive design with media queries in the CSS
  • Use an external styles.css linked in the head rather than inline styles
  • Include a responsive image gallery of your original work
  • Include an about or contact page that shows how to get in touch with your and / or tells your creative story
  • Have navigation links to your html pages in a responsive nav bar
  • Optimize your images in Photoshop to reduce the file size so they download quickly. Images should definitely be less than 1MB. The pixel dimensions can be large but the file size should be small.

You can do all of the above for free using GitHub Pages and a free domain from Namecheap by following the tutorials posted in the weekly asynchronous content. You may use a domain registrar and hosting provider of your choice.

Link to Web Portfolio Instructions Playlist:  https://youtube.com/playlist?list=PL8G4GiXpgTvJSZCHRWUZK5o0U1c8CWqF2external link

Turn in Assignment

  1. Upload your website to GitHub Pages or the hosting provider of your choice.
  2. Test your domain name to make sure it is working online.
  3. Test on a mobile device.
  4. Take a screenshot of each of your pages that are online with the padlock showing https
  5. Put the screenshot images into a Google Doc to download as a PDF
  6. Put your name and a link to your website at the top of the Google Doc
  7. Download the Google Doc as a PDF
  8. Label your file YYYYMMDD Lastname Firstname Artist Portfolio Website.pdf
  9. Upload PDF to Google Drive

Google Drive Upload Folder

Next Steps

  1. Continue to update and change your website as you wish.
  2. The domain and site are yours to keep. Next fall you need to pay a small fee to Namecheap to renew your domain name.  I recommend doing this or changing to a new custom domain name. You can buy multiple years at one time. One year of domain registration costs about as much as 1 month of Netflix or 2 lunches at Chipotle. That way your portfolio remains online.
  3. As a creative it is essential that you have a custom online presence.  You can move you site to other hosting but the GitHub Pages hosting is free.  If you have questions about any of this in the future, send me an email.
AssessmentWeight
Add New Images from Spring25 points
Upload Zip Archive of Site25 points
PDF with Screenshots25 points
Published on Web25 points