2023 Web Design I

Title 7: Education K-12 Part 253: Mississippi Secondary Curriculum Frameworks in Secondary Education, 2023 Web Design I

2023 Web Design I Direct inquiries to: Instructional Design Specialist Research and Curriculum Unit P.O. Drawer DX Mississippi State, MS 39762 662.325.2510

Mississippi Department of Education P.O. Box 771 Jackson, MS 39205 601.359.3077

Published by: Mississippi Department of Education Jackson, MS 39205

Research and Curriculum Unit Mississippi State University Mississippi State, MS 39762

The Research and Curriculum Unit (RCU), located in Starkville, as part of Mississippi State University (MSU), was established to foster educational enhancements and innovations. In keeping with the land-grant mission of MSU, the RCU is dedicated to improving the quality of life for Mississippians. The RCU enhances intellectual and professional development of Mississippi students and educators while applying knowledge and educational research to the lives of the people of the state. The RCU works within the contexts of curriculum development and revision, research, assessment, professional development, and industrial training.

1

Table of Contents Acknowledgments........................................................................................................................... 3 Standards ......................................................................................................................................... 4 Executive Summary ........................................................................................................................ 5 Course Outlines ............................................................................................................................... 6 Unit 1: Foundations of Web Design ............................................................................................... 7 Unit 2: Website Construction.......................................................................................................... 8 Unit 3: Basic HTML ...................................................................................................................... 9 Unit 4: Image Formatting............................................................................................................. 10 Appendix: National Standards for Business Education ................................................................ 11

2

Acknowledgments The Web Design I curriculum was presented to the Mississippi State Board of Education on April 19, 2023. The following persons were serving on the state board at the time: Mr. Michael D. Kent, interim state superintendent of education Mrs. Rosemary G. Aultman, chair Mr. Glen V. East, vice chair Mrs. Mary Werner Dr. Ronnie L. McGehee Dr. Wendi Barrett Mr. Matt Miller Mr. Bill Jacobs Ms. Micah Hill, student representative Mr. Charlie Fruge’, student representative The following Mississippi Department of Education (MDE) and RCU managers and specialists assisted in the development of the Web Design I curriculum: Wendy Clemons, the associate state superintendent of the MDE Office of Secondary, Professional Development, and Career Technical Education, supported the RCU and teachers throughout the development of the framework and supporting materials. Betsey Smith, the director of the RCU, supported the RCU staff and teachers throughout the development of this framework and supporting materials. Courtney McCubbins, the curriculum manager for the RCU, supported the RCU staff and teachers throughout the development of this framework and supporting materials. Angie Davis, a project manager with the RCU, researched and coauthored this framework. [email protected] Special thanks are extended to the educators who contributed teaching and assessment materials that are included in the framework and supporting materials: Jessica Beaird, Starkville High School, Starkville Tina Craft, Richland High School, Richland Amy Dotson, Tishomingo County High School, Iuka Justin Loden, Tupelo High School, Tupelo Adrain Lynch, Belmont High School, Belmont

3

Standards Some standards and alignment crosswalks are referenced in the appendix. Depending on the curriculum, these crosswalks should identify alignment to some of the standards mentioned below, as well as possible related academic topics as required in the Subject Area Testing Program in Algebra I, Biology I, English II, and U.S. History from 1877, which could be integrated into the content of the units. Mississippi’s Web Design I curriculum is aligned to the following standards: National Standards for Business Education The National Business Education Association (NBEA) has created standards to introduce students to the basics of personal finance, the decision-making techniques needed to be wise consumers, the economic principles of an increasingly global marketplace, and the processes by which businesses operate. In addition, these standards provide a solid educational foundation for students who want to successfully complete college programs in various business disciplines. NBEA Business Education Library (2020). nbea.org International Society for Technology in Education Standards (ISTE) Reprinted with permission from ISTE Standards for Students (2016). All rights reserved. Permission does not constitute an endorsement by ISTE. iste.org College- and Career-Ready Standards College- and career-readiness standards emphasize critical thinking, teamwork, and problemsolving skills. Students will learn the skills and abilities demanded by the workforce of today and the future. Mississippi adopted Mississippi College- and Career-Readiness Standards (MCCRS) to provide a consistent, clear understanding of what students are expected to learn and so teachers and parents know what they need to do to help them. mdek12.org/oae/college-and-career-readiness-standards Framework for 21st Century Learning In defining 21st-century learning, the Partnership for 21st Century Skills has embraced key themes and skill areas that represent the essential knowledge for the 21st century: global awareness; financial, economic, business, and entrepreneurial literacy; civic literacy; health literacy; environmental literacy; learning and innovation skills; information, media, and technology skills; and life and career skills. battelleforkids.org/networks/p21/frameworks-resources

4

Executive Summary Pathway Description The Web Design I curriculum includes elements that will help contribute to student success in web design-related careers. Students will be introduced to the foundations of web design, website construction, basic HTML, and image formatting. Web Design I is a prerequisite for Web Design II. Applied Academic Credit The latest academic credit information can be found at mdek12.org/ese/approved-course-for-the-secondary-schools. Teacher Licensure The latest teacher licensure information can be found at mdek12.org/oel/apply-for-an-educator-license. Professional Learning If you have specific questions about the content of any of training sessions provided, please contact the RCU at 662.325.2510.

5

Course Outlines One 1/2-Carnegie Unit Course This curriculum consists of one 1/2-credit course. Web Design I—Course Code: 110705 Unit 1 Foundations of Web Design 2 Website Construction 3 Basic HTML 4 Image Formatting Total

Title

6

Hours 5 20 30 15 70

Unit 1: Foundations of Web Design Competencies and Suggested Objectives 1. Discuss the necessity of websites in a global world. DOK1 a. Discuss the importance of having a web page to reach mass consumers. b. Describe the difference between web development and web design. c. Discuss basic web development terminology (e.g., website, webpage, Hypertext Markup Language [HTML], tags, wireframes, source code, Uniform Resource Locator [URL], etc.). 2. Explore legal and privacy issues related to website content and publication. DOK2 3. Explore various methods and identify the challenges of developing websites. DOK2 a. Explore various methods of developing websites. b. Identify the challenges of web development (e.g., coding errors, lacks usability, domain issues, etc.). c. Discuss how web developers meet the requirements of universal access and design. 4. Discuss and demonstrate the skills needed for planning and creating an effective website. DOK4

a. Identify website development components. • Audience • Purpose • Content • Competition • Management and maintenance • Future growth b. Plan and create a detailed storyboard using an established website structure. 5. Research best practices for designing websites (e.g., site navigation, maintaining consistency, separating content from design, using standard fonts, etc.). DOK4 6. Discuss the four types of website structures (e.g., linear, hierarchical, webbed, database).

7

Unit 2: Website Construction Competencies and Suggested Objectives 1. Identify appropriate aspects of web design. DOK1 a. Discuss the creation of content that is readable, accessible, searchable, etc. b. Assess website content in terms of policies, practices, and federal and state law. 2. Identify and utilize various types of resources for web development. DOK4 a. Compare and contrast features of web development applications and web content management systems. 3. Organize and evaluate the elements of a webpage. DOK4 a. Determine the layout of content on a webpage. b. Evaluate content for existing use (e.g., images, text, video, etc.). 4. Identify and define errors throughout the design process. DOK3

8

Unit 3: Basic HTML Competencies and Suggested Objectives 1. Define HTML and research the role of HTML in web development. DOK2 a. Identify and discuss HTML tags. b. Compare and contrast the different forms of HTML. c. Utilize proper HTML structure in creating a functional webpage. 2. Incorporate a variety of HTML tags when creating a webpage (e.g., unordered list, ordered list, paragraph, strong, list, horizontal rule, etc.). DOK4 3. Design and develop a home page using appropriate tools. DOK4 4. Understand the purpose and steps for creating HTML tables in webpages. DOK2 5. Discuss and demonstrate the use of links in basic website structures. DOK4 6. Create, test, and evaluate a website incorporating basic HTML. DOK4

9

Unit 4: Image Formatting Competencies and Suggested Objectives 1. Determine the appropriate size and use of images on a webpage. DOK2 a. Explore image size and resolution as it applies to web design. b. Use images that effectively enhance the content of your webpage. 2. Apply the necessary principles to incorporate images on a webpage. DOK4 a. Identify correct file extensions for image use. b. Explore factors that affect image quality. c. Apply appropriate alternate text to images. 3. Create a website using HTML structure and appropriate image selection and formatting. DOK4

4. Test, implement, and evaluate the website. DOK4

10

Appendix: National Standards for Business Education National Standards for Business Education Crosswalk for Web Design I Units Standards IT.WDD.9.1 IT.WDD.9.2 IT.WDD.9.3 IT.WDD.9.4

1

2

3

4

X X X X

IT.WDD.9.5

X

X

X X

IT.WDD.9.6 IT.WDD.9.7

X X

X X

X X

IT.WDD.9.8 IT.WDD.9.9

X X

X X

X X

IT.WDD.9.10 IT.WDD.9.11 IT.WDD.9.12 IT.WDD.9.13 IT.WDD.9.14 IT.WDD.9.15 IT.WDD.9.16 IT.WDD.1.17 IT.WDD.1.18

X

X X X X

X

X X X X

X X

X

Information Technology IT. WDD.9 Web Development and Design 1. Identify and utilize various types of resources for web development. 2. Identify and apply appropriate design concepts. 3. Design and create web pages. 4. Design and create websites incorporating digital media. 5. Publish websites on local and cloud-based web development platforms. 6. Identify client and target audience needs. 7. Create content that is readable, accessible, searchable, and sticky. 8. Explain and use various internet protocols. 9. Research and apply accessibility guidelines and laws affecting website design. 10. Assess website content in terms of organizational policies, inclusive practices, and federal and state laws. 11. Research and analyze hosting and domain name solutions.

11

12. Compare and contrast the features of web development applications and web content management systems. 13. Use digital media optimized for website integration. 14. Install and configure web development applications and plug-ins. 15. Design, develop, and deliver advanced web content and applications using authoring tools. 16. Build dynamic web elements utilizing scripting, coding, and database integration. 17. Create a comprehensive website using industry design standards. 18. Test, implement, and evaluate the website.

12