• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
Wooster

Educational Technology

Collaborating with faculty and students to explore questions of pedagogy, practice, and technology.

  • About
  • I’d like to
  • Events
  • Staff
    • Professional Staff
    • Student Digital Media Assistants
  • Resources
    • ArcGIS Online
    • Hoonuit online training
    • Moodle
    • Professional Development
    • Projects in a Box
    • Qualtrics
    • Select Survey
    • WordPress(Voices)
    • Workshops
  • Technologies
    • Classroom Technology
      • Document Cameras
      • Epson Technologies
      • SMART Technologies
      • Student Response Systems
      • Video Conferencing
    • Digital Media
      • Audio
      • Images
      • Mobile Apps
      • Presentation
      • Video
    • Virtual Reality
      • VR Resources
      • Virtual Worlds
    • Web 2.0
      • Information Management
      • Mashups
      • Media Sharing
      • Social Communication
      • Social Knowledge Building
    • Web Authoring
      • Blogging
      • CMS
      • Wikis
  • Contact Us
    • Consultation request
  • Technology Services
You are here: Home → Workshops → Portfolio Website

Portfolio Website

The portfolio website workshop is designed to give attendees the knowledge necessary to make a personalized portfolio website. Attendees will create a simple portfolio during the workshop and also learn about code free alternatives to make their portfolio website. Register for the event.

Resources:

  • CSS:
    • Mozilla CSS
    • W3 CSS
    • cssreference
    • fontawesome
  • Codepen:
    • codepen
  • Jekyll:
    • jekyll tutorial
    • jekyll templates
  • Wix:
    • wix
  • Hosting:
    • hostgator
  • Prebuilt components:
    • prebuiltcomponents

Agenda:

  1. A quick intro to HTML, CSS and how websites are structured.
  2. Intro to codepen and a review of the resources that will be used in the workshop.
  3. Making the portfolio website using prebuilt components.
    1. Making the header.
    2. Making the navbar.
    3. Making the work experience section.
    4. Making the education section.
    5. Making the skills section.
    6. Making the testimonials section.
    7. Making the portfolio section.
    8. Making the contact me section.
  4. How to find and add icons to your website.
  5. Making the portfolio website easily and hosting it for free using Jekyll.
  6. Introducing a code free alternative, Wix.
  7. Hosting your website and the cost associated with a portfolio website.
  8. How to get help/how to fix problems.
  9. Questions

 

 

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to print (Opens in new window)

Related

Filed Under: Workshops

Primary Sidebar

Interesting Videos

Resources

  • We can help with…
  • Professional Development
  • Projects in a Box
  • Workshops
  • I.S. Support
  • Request an Appointment
  • ArcGIS Online
  • Hoonuit online training
  • Qualtrics
  • Poster Printing
  • Loaner Equipment

Copyright © 2022 · Technology Theme 3.0.0 on Genesis Framework · WordPress · Log in

We are using cookies to give you the best experience on our website.

You can find out more about which cookies we are using or switch them off in settings.

Educational Technology
Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookies

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.