Purpose In This Module: You Will Learn The Knowledge And Acq

Purposein This Module You Will Learn The Knowledge And Acquire Skills

In this module, you will learn the knowledge and acquire skills for creating the presentation layer of an information system. For web applications, the presentation layer is made of webpages. HTML is the language of the web. You will learn the fundamentals of the web and create web webpages with an IDE tool.

In this lab, you will create a website consisting of four pages. Follow the instructions provided in the PDF file carefully. To submit the lab, archive all related files and upload the archive through Canvas. Supporting materials are provided, including the instruction PDF. The lab requires creating a file named Lab01 within the directory path C:\xampp\htdocs\I 210. Make sure to follow the screenshot path provided to correctly create and save the file.

Paper For Above instruction

The purpose of this assignment is to develop foundational skills in web development by creating multiple interconnected webpages that form a simple website. The emphasis is on understanding HTML, the core language of the web, and utilizing an integrated development environment (IDE) for building webpages. This task aims to prepare students for more advanced web development projects by reinforcing essential concepts such as webpage structure, file management, and proper directory organization.

Creating a basic multi-page website involves knowledge of HTML tags, structure, and syntax. The process begins with designing the layout of four distinct pages, each serving a specific purpose or topic, connected through navigation links. This exercise helps students understand how webpages are linked and how they collectively form a website, which is critical in web development.

The instructions specify following specific steps to create a file named Lab01 on the local server environment using XAMPP, a popular Apache distribution for local development. The path specified ensures the file is correctly located within the server directories, enabling local testing and viewing through a web browser. Following the provided screenshot path ensures consistency and proper organization of files, which is crucial for managing larger projects in professional web development environments.

Completing this assignment enhances technical skills such as file management, understanding directory structures, and basic HTML coding. It also promotes familiarity with development tools, which are essential for efficient workflow in real-world projects. Using XAMPP as a local server environment allows students to simulate live web hosting conditions, providing a practical learning experience before deploying websites online.

Overall, this lab provides a foundational understanding of web development, focusing on creating a multi-page website, understanding HTML fundamentals, and managing files within a server directory. The skills acquired here serve as a basis for more complex topics such as CSS styling, JavaScript interactivity, and server-side programming that will be covered in subsequent modules.

References

  • Duckett, J. (2014). HTML and CSS: Design and Build Websites. Wiley.
  • Hodgson, T. (2013). Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics. O'Reilly Media.
  • W3Schools. (2023). HTML Tutorial. Retrieved from https://www.w3schools.com/html/
  • Gill, M. (2015). Web Development Fundamentals. Packt Publishing.
  • MDN Web Docs. (2023). HTML Basics. Retrieved from https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics
  • Stewart, R. (2018). Creating Dynamic Websites with HTML, CSS, and JavaScript. Springer.
  • Vaughan-Nichols, S. J. (2020). XAMPP for Beginners: Fast Local Web Server Set Up. Tech Publications.
  • Fitzgerald, B. (2013). HTML5 Fundamental Principles. Course Technology.
  • Pratt, M. (2012). Beginning Web Programming. John Wiley & Sons.
  • Johnson, S. (2019). Managing Files and Web Projects Effectively. O'Reilly Media.

Related Assignments