Web Development Foundations (D276 v3)
Project Setup G Submission Instructions
Performance Assessment (PA) Submission Instructions
For this assessment, you will create a well-organized folder structure to house your personal
portfolio website files. Follow the instructions below carefully to ensure your submission meets all
requirements.
Folder Setup Instructions
1. Create a main folder for your project and name it:
yourlastname_portfolio (e.g., smith_portfolio).
2. Inside the main folder, create the following subfolders:
o images/ → for all image files used in your website.
o media/ → for your audio and video files.
o css/ → for your stylesheet(s).
3. Place your files in the appropriate locations:
o HTML Files: Place your three .html files directly inside the main folder:
index.html (Homepage)
coverletter.html (Cover Letter)
goals.html (Goals C Aspirations)
o CSS File: Place your stylesheet (styles.css) inside the css/ folder.
o Images: Store all image files (.jpg, .png, .gif, etc.) inside the images/ folder.
o Audio G Video Files: Store any audio (.mp3) and video (.mp4) files inside the
media/ folder.
How to Compress (ZIP) Your Folder for Submission
Before submitting your project, you must compress your yourlastname_portfolio folder into a .zip
file.
Windows Users
1. Right-click on your yourlastname_portfolio folder.
, 2. Select “Send to” → “Compressed (zipped) folder”.
3. A .zip file will be created with the same name as your folder (e.g., smith_portfolio.zip).
Mac Users
1. Right-click (or Control + Click) on your yourlastname_portfolio folder.
2. Select “Compress [folder name]”.
3. A .zip file will be created with the same name as your folder (e.g., smith_portfolio.zip).
Compression Tools:
Your PA submission needs to include image, audio, and video files, which can often be quite large.
Please note that the maximum file size for your entire PA submission (zip file) is 200MB. If
necessary, you can use the following file compression tools to reduce the size of your media files.
Image Compression Tool
Audio Compression Tool
Video Compression Tool
Final Submission
1. Verify your folder structure to ensure all files are in their correct locations before zipping.
2. Double-check your HTML and CSS files to ensure they are properly linked.
3. Submit your compressed ZIP file (yourlastname_portfolio.zip) in the designated
submission area.
Failure to follow these instructions may result in a request for resubmission.
, Web Development Foundations (D276 v3)
Study Guide
Summary of Chapter 1: Introduction to Web Programming
Chapter 1 introduces the history, structure, and technologies behind the web. It traces the
evolution from early computer networks to the modern internet and World Wide Web, detailing the
roles of HTML, CSS, and JavaScript in creating webpages. The chapter covers foundational
concepts like IP addresses, domain names, URLs, and HTTP, alongside the standardization of HTML
and the separation of webpage structure, presentation, and interaction. It provides practical
examples to illustrate how these technologies work together to build functional, styled, and
interactive webpages.
Key Concepts
Internet and Web Origins:
o The internet began in 1969 with four networked computers; it’s now a global
network.
o Early internet used plain text and FTP for file transfers (e.g., NASA FTP site).
o Tim Berners-Lee invented the World Wide Web (WWW) in the early 1990s at CERN,
using HTML files, browsers, and HTTP.
Core Web Components:
o HTML (HyperText Markup Language): Standard language for webpage structure
and content, including links and metadata.
o Web Browser: Program to view HTML files, using HTTP to fetch them from servers.
o HTTP (HyperText Transfer Protocol): Rules for transferring HTML files between
computers.
Web Terminology:
o Webpage: A document viewed in a browser.
o Website: A collection of related webpages.
o Web Server: Software serving webpages to browsers.
Hypertext History:
Project Setup G Submission Instructions
Performance Assessment (PA) Submission Instructions
For this assessment, you will create a well-organized folder structure to house your personal
portfolio website files. Follow the instructions below carefully to ensure your submission meets all
requirements.
Folder Setup Instructions
1. Create a main folder for your project and name it:
yourlastname_portfolio (e.g., smith_portfolio).
2. Inside the main folder, create the following subfolders:
o images/ → for all image files used in your website.
o media/ → for your audio and video files.
o css/ → for your stylesheet(s).
3. Place your files in the appropriate locations:
o HTML Files: Place your three .html files directly inside the main folder:
index.html (Homepage)
coverletter.html (Cover Letter)
goals.html (Goals C Aspirations)
o CSS File: Place your stylesheet (styles.css) inside the css/ folder.
o Images: Store all image files (.jpg, .png, .gif, etc.) inside the images/ folder.
o Audio G Video Files: Store any audio (.mp3) and video (.mp4) files inside the
media/ folder.
How to Compress (ZIP) Your Folder for Submission
Before submitting your project, you must compress your yourlastname_portfolio folder into a .zip
file.
Windows Users
1. Right-click on your yourlastname_portfolio folder.
, 2. Select “Send to” → “Compressed (zipped) folder”.
3. A .zip file will be created with the same name as your folder (e.g., smith_portfolio.zip).
Mac Users
1. Right-click (or Control + Click) on your yourlastname_portfolio folder.
2. Select “Compress [folder name]”.
3. A .zip file will be created with the same name as your folder (e.g., smith_portfolio.zip).
Compression Tools:
Your PA submission needs to include image, audio, and video files, which can often be quite large.
Please note that the maximum file size for your entire PA submission (zip file) is 200MB. If
necessary, you can use the following file compression tools to reduce the size of your media files.
Image Compression Tool
Audio Compression Tool
Video Compression Tool
Final Submission
1. Verify your folder structure to ensure all files are in their correct locations before zipping.
2. Double-check your HTML and CSS files to ensure they are properly linked.
3. Submit your compressed ZIP file (yourlastname_portfolio.zip) in the designated
submission area.
Failure to follow these instructions may result in a request for resubmission.
, Web Development Foundations (D276 v3)
Study Guide
Summary of Chapter 1: Introduction to Web Programming
Chapter 1 introduces the history, structure, and technologies behind the web. It traces the
evolution from early computer networks to the modern internet and World Wide Web, detailing the
roles of HTML, CSS, and JavaScript in creating webpages. The chapter covers foundational
concepts like IP addresses, domain names, URLs, and HTTP, alongside the standardization of HTML
and the separation of webpage structure, presentation, and interaction. It provides practical
examples to illustrate how these technologies work together to build functional, styled, and
interactive webpages.
Key Concepts
Internet and Web Origins:
o The internet began in 1969 with four networked computers; it’s now a global
network.
o Early internet used plain text and FTP for file transfers (e.g., NASA FTP site).
o Tim Berners-Lee invented the World Wide Web (WWW) in the early 1990s at CERN,
using HTML files, browsers, and HTTP.
Core Web Components:
o HTML (HyperText Markup Language): Standard language for webpage structure
and content, including links and metadata.
o Web Browser: Program to view HTML files, using HTTP to fetch them from servers.
o HTTP (HyperText Transfer Protocol): Rules for transferring HTML files between
computers.
Web Terminology:
o Webpage: A document viewed in a browser.
o Website: A collection of related webpages.
o Web Server: Software serving webpages to browsers.
Hypertext History:
