title

assignments

Date due		Percent
Week 2	Website Analysis	5%
Week 3	Midterm Worksheet (8 Steps)	5%
Week 3	Responsive Mockup	5%
Week 3	CSS Selection Exercise	5%
Week 4	Grid Exersize	5%
	First Quarter Assessment	25%
Week 5	Responsive Wireframe	5%
Week 5	Code Portfolio Front Page	5%
Week 5	Quiz
Week 6	Typography Poster	5%
Week 7	Current Topic Website	5%
Week 8	Portfolio: Class Presentation	5%
	Second Quarter Assessment	25%
Week 9	Final: Worksheet	5%
Week 10	Final: CSS3 Collateral	5%
Week 11	Final: CSS3 Animatic	5%
Week 12	Final: HTML/CSS	5%
Week 12	Final: Modular Navigation	5%
	Third Quarter Assessment	25%
Week 13	Final: Multimedia	5%
Week 13	Final: Alternatives	5%
Week 13	Final: Peer Review	5%
Week 14	Final: Forms	5%
Week 15	Alternative	5%
	Final Quarter Assessment	25%
Week 15	Final: Presentation	10%
	Two assignments dropped:	-10%
	Total:	100%

goals

My main goal for this class is to gain a strong foundation in coding and website building. I aim to grasp the core concepts and skills required for creating functional websites. Also, I hope to develop an understanding of both coding and website design, so I can confidently work on web projects independently and potentially explore more advanced aspects in the future.

openai text

1 | What are the current trends in website portfolio for a design student?

Minimalism: Minimalist design is a timeless trend. Clean and simple layouts with ample white space allow your work to shine. A minimalistic approach often emphasizes high-quality visuals and straightforward navigation.

Responsive Design: Ensure your portfolio is fully responsive, meaning it adapts to various screen sizes and devices. Mobile-friendly design is critical because a significant portion of web traffic comes from smartphones and tablets.

Grid Layouts: Grid-based layouts provide a structured and organized way to present your work. Masonry grids, in particular, can give your portfolio a dynamic and modern look.

Large Visuals: High-quality images and visuals are essential for a design portfolio. Use large images and consider implementing techniques like lazy loading to optimize performance.

Custom Typography: Unique and eye-catching typography can make your portfolio stand out. Custom fonts and creative typography choices can help express your design style.

Interactive Elements: Engage visitors with interactive elements like hover effects, animations, or scroll-triggered animations. Keep it subtle and purposeful, though, as too much interactivity can overwhelm.

Video Backgrounds: Using video backgrounds can add a dynamic element to your portfolio. They can help showcase your design projects in a more immersive way.

2 | How do I start?

Define Your Goals

Select Your Best Work

Domain and Hosting

Choose a Website Platform

Design Your Portfolio: Keep the design clean, minimal, and user-friendly.

Create Compelling Content

Navigation and User Experience

SEO Optimization

Add Contact Information

Personal Branding

3 | What do employers look for in a website for media and communication design?

Relevant Work: Showcase projects that are directly related to the job you're applying for. Highlight your experience in areas such as web design, user interface (UI) design, graphic design, branding, and multimedia content creation.

Visual Appeal: Your portfolio should be visually engaging. It's essential to demonstrate a strong sense of design, including a clean and aesthetically pleasing layout, typography, color choices, and overall visual cohesiveness.

Creativity and Innovation: Employers are often looking for candidates who can bring fresh and creative ideas to the table. Highlight projects that demonstrate your ability to think outside the box and solve design challenges in unique ways.

4 | How can I make my website unique?

To make your website unique, focus on personal branding, unique visuals, creative layout, interactive features, custom elements, and a distinct color palette.