Create a Single HTML5 Resume
What you'll learn
- Build a single HTML5 resume page.
- Learn about the 960 grid system using the 12 column layout.
- Use a detailed layered Photoshop template.
- Add HTML5 elements, HTML lists, CSS pseudo class selectors, CSS positioning.
- Get you practice on your own using similar techniques.
- Basic Photoshop skills
- Some working HTML and CSS knowledge
- Use any HTML editor
- Web browsers: Firefox, IE, Chrome, Safari
The reasons to have an online resume are countless! With one click you can introduce yourself to potential employers, highlight your accomplishments and your leadership experiences, talk about your qualifications, prove you care about the job and you understand the working world. An online presence is easy to share, it makes you look good, it’s limitless, always working for you and its sole purpose is to get you an interview.
What this course will cover:
In this intermediate course you will create a single HTML5 Resume page based on the 960 grid system, a very popular streamline web development workflow used by a lot of developers and designers.
The course begins with an introduction of the 960 grid system, what it means, and how to use the 12 column framework. We will be creating this page together code by code, line by line, controlling typography, styling every element and utilizing the framework. This resume page is using HTML5 elements, HTML lists, CSS pseudo class selectors, and CSS positioning. Some working HTML and CSS experience is required as well as a basic knowledge of Photoshop.
The whole resume layout is based on a detailed layered Photoshop template which I am proving as of the exercise files to follow along. We are going to be measuring spaces, gaps, widths, heights, sampling background colors, and typographical elements.
Total Time: 72.04 minutes
Who this course is for:
- All graphic, web, and interaction designers.
- Anyone with some working HTML/CSS knowledge.
- Anyone who wants to be introduced and use the 960 grid system.
- Anyone who wants to create their resume page using coding standards and layout techniques.
- Anyone who wants to pick up more knowledge using HTML/CSS3.
Born in Athens, Greece, Elias migrated to the US where he received his BA and MA degrees. He started his professional career in the mid-90s working for tech startups focusing on web technologies and being a part time faculty in various educational institutions. An instructor and mentor over 20 years of teaching experience Elias has taught both graphic and web design courses in corporations, universities, and colleges.
In 2008 he started 3rdElement.com, his personal free online training blog teaching subjects on Photoshop, Web Design, Photography, Illustrator, and 3D tutorials which have also been published and shared to various prominent community blogs (Cgtuts+, Design Instruct among others) for all graphic and web designers. His lectures focus on creative examples from start to finish so students practice, troubleshoot and finish a whole project.
He has developed an iOS application; the Hagia Sophia Tour Guide (three different languages) based on one of the architecturally most recognized museums in history. He is an avid amateur photographer collecting materials for his lectures as well as enjoying casual photography.
Elias is currently residing in Istanbul, Turkey teaching at a private university participating in all aspects of visual communication design.