Jonathan Rivera ▪ Portfolio

Webpages I have created for IS40A using HTML5 and CSS3

  • Web A - My Hobbies
  • Some hobbies I like to do for fun.

  • Unit A - Getting Started With HTML
  • Defining a project plan, creating an HTML document, and setting up document head and body paragraphs.

  • Unit B - Structuring Content in a Web Document
  • Evaluating web accessibilty standards, implementing div elemnts, add HTML 5 semantic elements, using special character, and specifying the viewport.

  • Unit C - Getting Started with CSS
  • First look into CSS3: Assess style rules, creating a stylesheet, implementing an ID and a class selector, creating, linking and adding comments to style sheet.

  • Unit C - IC1
  • Unit C challenge that tests you on creating a webpage without visual coding.

  • Unit D - Laying Out Elements with CSS
  • Setting elements width and borders, setting margins and paddings, aligning elements with float, and implementing fixed and relative positioning.

  • Unit DCB - Review
  • A review on the fundamentals of Unit D, C, and B.

  • Unit DCB - Review 2
  • More review on the fundamentals of Unit D, C, and B.

  • Unit E - Formatting Text with CSS
  • Access web fonts, declaring a font family, using custom fonts, declaring font size and line height, creating a media query, and implementing bolds and italics.

  • Unit F - Inserting and Working with Links
  • Creating relative and absolute links, changing CSS display type, style links with a pseudo-class, styling mutiple link styles, and aid navigational accessibility.

  • Unit G - Inserting and Working with Images
  • Inseting images, marking images as figures, creating a figure caption, using images as links, and adding favicon and touch icons.

  • Unit H - Organizing Content with Lists and Tables
  • Creating a ordered, unordered, description, and nav bar using list, inserting a table, spaning columns and rows, and formatting a table with CSS.

  • Unit I - Implementing Responsive Design
  • Access responsive design, construct a multipart media query, adding columns with a media query, and create a responsive navigation.

  • Unit IC1
  • Unit I challenge that tests your knowledge and understanding of Unit I.

  • Unit J - Creating and Processing Web Forms
  • Designing and creating a form, creating and customizing text fields, creating check boxes and option buttons, and adding drop-down menus.

  • Acme Project
  • A website using everything we learned from IS40A.