WGU D276 - Web Development Foundations
RGN1 Task 1: Portfolio Website
Rubric-Aligned Reference Exemplar | August 2026
HTML + CSS + JavaScript + Local Multimedia + Contact Form
Reference persona: Jordan Avery (hypothetical)
Academic authenticity: This PDF is a study/reference exemplar designed around the publicly available RGN1 A-F
requirements. It is not an official WGU answer key, does not guarantee an evaluator result, and should not be
submitted unchanged as a student's own work.
Prepared for clarity, rubric traceability, and visual verification.
Page 1
,1. Assessment Alignment Summary
Current course status. WGU publicly describes D276 as a foundational HTML/CSS course whose competency is
demonstrated through a performance assessment. The August 2026 catalog lists D276 as Web Development
Foundations in current technology programs.
Best-supported RGN1 structure. The current public task text describes one portfolio project containing three HTML
pages - a resume, a cover letter, and a career-goals page - plus one external stylesheet. The project also demonstrates
basic JavaScript, local multimedia, form controls, CSS selectors, source acknowledgement when needed, and
professional presentation.
Version-control note: WGU can revise task directions without public notice. A student's live Task Overview and
Evaluation Rubric should always be treated as the final controlling source.
Rubric area What this exemplar Evidence Status
demonstrates
A - Resume Semantic HTML resume with resume.html PASS
required text, navigation, list, table,
semantic emphasis, date
container, and script.
B - Cover Letter Semantic HTML cover letter using coverletter.html PASS
section/article, span, paragraphs,
horizontal rule, strong/em/mark,
and portfolio navigation.
C - Career Goals Career goals page with image, careergoals.html PASS
audio, video, and complete contact
form with required field types and
choices.
D - CSS One external stylesheet linked styles.css PASS
from all pages; includes element,
class, ID, descendant, pseudo-
class, universal, typography,
background, box-model, and list-
style rules.
E - Sources All exemplar text/media are All pages + source notes PASS
original; source notes explicitly
state that no external content was
quoted or paraphrased.
F - Professional Communication Consistent navigation, readable All pages PASS
layout, semantic structure, labels,
alt text, spelling, and visual
hierarchy.
Local structural audit: 84 of 84 programmed rubric-structure checks passed. This confirms presence and wiring of the
required HTML/CSS elements in the exemplar; it is not an official WGU evaluation.
2. Scenario and Competencies
Scenario framing: an aspiring web developer builds a personal portfolio website to demonstrate clean web-document
structure, separation of content and presentation, basic scripting, and troubleshooting of display/functionality issues.
Competency 4073.1.1 - create basic web documents using HTML.
Competency 4073.1.2 - implement web-page formatting and interface aesthetics using CSS.
Competency 4073.1.3 - resolve problems in a web-development environment using debugging and verification
techniques.
3. Recommended Project Package
Project folder structure
D276_RGN1_Portfolio/
|-- resume.html
Page 2
, |-- coverletter.html
|-- careergoals.html
|-- styles.css
`-- assets/
|-- career-path.png
|-- career-goals.wav
`-- career-goals.mp4
Submission format: The actual PA is a website-file submission, usually packaged as an archive. A PDF like this is
useful documentation/reference but is not a substitute for functional HTML/CSS/media files if the Task Overview
requires the project files.
Page 3
RGN1 Task 1: Portfolio Website
Rubric-Aligned Reference Exemplar | August 2026
HTML + CSS + JavaScript + Local Multimedia + Contact Form
Reference persona: Jordan Avery (hypothetical)
Academic authenticity: This PDF is a study/reference exemplar designed around the publicly available RGN1 A-F
requirements. It is not an official WGU answer key, does not guarantee an evaluator result, and should not be
submitted unchanged as a student's own work.
Prepared for clarity, rubric traceability, and visual verification.
Page 1
,1. Assessment Alignment Summary
Current course status. WGU publicly describes D276 as a foundational HTML/CSS course whose competency is
demonstrated through a performance assessment. The August 2026 catalog lists D276 as Web Development
Foundations in current technology programs.
Best-supported RGN1 structure. The current public task text describes one portfolio project containing three HTML
pages - a resume, a cover letter, and a career-goals page - plus one external stylesheet. The project also demonstrates
basic JavaScript, local multimedia, form controls, CSS selectors, source acknowledgement when needed, and
professional presentation.
Version-control note: WGU can revise task directions without public notice. A student's live Task Overview and
Evaluation Rubric should always be treated as the final controlling source.
Rubric area What this exemplar Evidence Status
demonstrates
A - Resume Semantic HTML resume with resume.html PASS
required text, navigation, list, table,
semantic emphasis, date
container, and script.
B - Cover Letter Semantic HTML cover letter using coverletter.html PASS
section/article, span, paragraphs,
horizontal rule, strong/em/mark,
and portfolio navigation.
C - Career Goals Career goals page with image, careergoals.html PASS
audio, video, and complete contact
form with required field types and
choices.
D - CSS One external stylesheet linked styles.css PASS
from all pages; includes element,
class, ID, descendant, pseudo-
class, universal, typography,
background, box-model, and list-
style rules.
E - Sources All exemplar text/media are All pages + source notes PASS
original; source notes explicitly
state that no external content was
quoted or paraphrased.
F - Professional Communication Consistent navigation, readable All pages PASS
layout, semantic structure, labels,
alt text, spelling, and visual
hierarchy.
Local structural audit: 84 of 84 programmed rubric-structure checks passed. This confirms presence and wiring of the
required HTML/CSS elements in the exemplar; it is not an official WGU evaluation.
2. Scenario and Competencies
Scenario framing: an aspiring web developer builds a personal portfolio website to demonstrate clean web-document
structure, separation of content and presentation, basic scripting, and troubleshooting of display/functionality issues.
Competency 4073.1.1 - create basic web documents using HTML.
Competency 4073.1.2 - implement web-page formatting and interface aesthetics using CSS.
Competency 4073.1.3 - resolve problems in a web-development environment using debugging and verification
techniques.
3. Recommended Project Package
Project folder structure
D276_RGN1_Portfolio/
|-- resume.html
Page 2
, |-- coverletter.html
|-- careergoals.html
|-- styles.css
`-- assets/
|-- career-path.png
|-- career-goals.wav
`-- career-goals.mp4
Submission format: The actual PA is a website-file submission, usually packaged as an archive. A PDF like this is
useful documentation/reference but is not a substitute for functional HTML/CSS/media files if the Task Overview
requires the project files.
Page 3
