WEB PAGE DESIGN I & II

Course Syllabus

Instructor Information

Instructor: Tony Diaz
Email: tony_diaz@yahoo.com
Phone: 202-359-6500
Website: www.tonydiaz.com

Course Schedule

Dates: TBD
Days: Monday – Friday
Time: 6:00 PM – 8:00 PM (Alaska Time)

Course Description

Web Page Design I & II introduces students to the fundamentals of website development and online publishing. Students will learn how websites function, how to acquire and manage a domain name, configure web hosting, and create professional websites using WordPress and Elementor.

The course also introduces Artificial Intelligence (AI) tools to assist with content creation, website planning, and productivity. Through hands-on projects and guided instruction, students will build and publish a personal portfolio website on a custom domain.

This course emphasizes practical workforce skills, digital literacy, and creative problem-solving while preparing students to manage and maintain a professional online presence.

Course Learning Objectives

Upon successful completion of this course, students will be able to:

• Explain how websites and the Internet function.

• Register and manage a custom domain name.

• Configure and manage website hosting services.

• Install and configure WordPress.

• Design webpages using the Elementor Page Builder.

• Create website layouts using modern web design principles.

• Utilize AI tools to assist with content generation and editing.

• Create navigation menus, hyperlinks, and multimedia content.

• Publish and maintain a professional website.

• Develop a digital portfolio for personal and professional use.

Required Materials

The instructor will provide:

• Course handouts and study materials

• Lab exercises and project instructions

• WordPress installation resources

• Hosting setup instructions

• AI tool demonstrations and examples

Students should have access to:

• Reliable Internet connection

• Active email account

• Computer capable of running a modern web browser

Prerequisites

Students must have completed: A Basic Computer Skills Level 1-2-3 or similar course 

Students should be able to:

• Create and manage documents

• Navigate the Internet

• Use search engines effectively

• Send and receive email

• Download and upload files

• Manage folders and files

Methods of Instruction

Instruction will include:

• Lectures
• Instructor-led discussions covering website concepts and best practices.
• Hands-On Labs
• Practical exercises focused on website development and publishing.
• Guided Demonstrations
• Live demonstrations of WordPress, Elementor, hosting platforms, and AI tools.
• Group Discussions
• Interactive discussions and student participation.
• Independent Projects
• Students will apply learned skills through real-world website development projects.

Web Page Design I

Course Focus

Students will explore how websites are designed, structured, and published. Topics include:

• Internet fundamentals

• Website planning

• User experience basics

• WordPress fundamentals

• Website creation tools

Students will gain hands-on experience with modern website development platforms while building foundational web design skills.

Course Topics

Phase 1 – Website Planning and Internet Fundamentals

• How the Internet Works

• Website Components

• User Experience Fundamentals

• Website Planning

• Site Mapping

• Content Organization

Phase 2 – Domains and Web Hosting

• Domain Registration

• Domain Management

• DNS Fundamentals

• Hosting Services

• Connecting Domains to Hosting

Phase 3 – WordPress Installation and Configuration

• Installing WordPress

• WordPress Dashboard

• Website Settings

• Themes and Plugins

• Creating Pages and Posts

Phase 4 – Designing with Elementor

• Installing Elementor

• Creating Layouts

• Responsive Design

• Building Landing Pages

• Visual Design Principles

Phase 5 – Using Artificial Intelligence (AI)

• AI Content Generation

• Website Copywriting

• AI-Assisted Editing

• Image Generation Concepts

• Ethical Use of AI

Phase 6 – Publishing and Portfolio Development

• Website Testing

• Hyperlinks and Navigation

• Multimedia Integration

• Publishing Websites

• Portfolio Development

Web Page Design II

Course Focus

Students will continue developing their website while exploring how the Internet impacts business, communication, and society.

Students will:

• Expand their websites

• Create additional pages

• Add images and hyperlinks

• Utilize Elementor and AI tools

• Publish and maintain their websites

The emphasis is on creating functional websites using industry-standard tools.

Modules

• Images for the Web and Types of Images
• Working with Pictures in Elementor
• Setting Up eCommerce Using Stripe
• Linking Stripe Payment Links to Your Website
• Overview of Webpage Design Course 1
• Overview of Webpage Design Course 2
• Final Course Project

Final Project: Personal Portfolio Website

Students will create and publish a professional website using a custom domain name.

The website must include:

Required Pages

• Home Page

• About Me Page

• Projects Page

• Contact Page

Required Features

• Navigation Menu

• Hyperlinks

• Images and Multimedia

• Elementor-Designed Layout

• AI-Assisted Content

• Responsive Design

The website will serve as a professional portfolio that students can continue developing after the course concludes.

Student Outcomes and Assessment

Successful completion of the course is based upon:

Students must:

• Attend all scheduled classes

• Participate in discussions and labs

• Complete assignments on time

• Demonstrate competency in required skills

• Successfully publish a portfolio website

Attendance Policy

• Attendance is required for all class sessions.

• Students should arrive on time and prepared to participate.

• Students arriving more than 15 minutes late may be required to make up missed work.

• Students missing a class must coordinate with the instructor regarding missed assignments and activities.

• Consistent attendance is essential for successful completion of the course.

Code of Conduct

Students are expected to maintain a professional learning environment.

The following behaviors are prohibited:

• Disruptive classroom behavior

• Harassment, intimidation, or discrimination

• Physical or verbal abuse

• Academic dishonesty, including plagiarism and cheating

• Unauthorized access to computer systems

• Damage to equipment or property

• Possession of weapons or dangerous devices

• Possession or use of alcohol or illegal substances

• Any behavior that interferes with teaching, learning, or student safety

Violations may result in removal from class and/or administrative action.

Certification and Career Pathways

This course prepares students for:

• Website Development Fundamentals

• Digital Portfolio Creation

• Small Business Website Management

• Freelance Website Design Opportunities

• Continued Training in Web Development and Digital Marketing