Page 2 Of 2 Project Ism3011 This May Be Something New

Page 2 Of 2html 1 Project Ism3011 This May Be Something New For So

The assignment involves creating two simple HTML web pages using basic code, testing them locally, and then uploading them to the USF server for online access. Students must use Notepad, TextEdit, or Notepad++, avoid using Word or website builders, and ensure the files are properly saved with the correct extensions. The process includes reviewing provided HTML tutorials, preparing practice1.html and practice2.html files with coding comments, troubleshooting issues, and verifying that the pages display correctly in a browser like Firefox. After successful local testing, students will upload the files via FileZilla to their designated USF web space and submit the URLs to Canvas for grading. The project emphasizes understanding HTML basics, file management, and proper online publishing to demonstrate foundational web development skills.

Paper For Above instruction

The creation of basic web pages using HTML is a foundational skill for anyone beginning to explore web development. This project aims to familiarize students with essential HTML coding practices, file management, and web publishing procedures. The process begins with understanding core HTML concepts through review of instructional videos and tutorials, which serve as the knowledge base for developing the practice pages.

Students are tasked with creating two simple web pages, practice1.html and practice2.html, using only standard text editors such as Notepad, TextEdit, or Notepad++. This restriction ensures students learn to write clean, manual code instead of relying on website development software like FrontPage or Dreamweaver. Importantly, students must verify that their files are saved correctly with explicit '.html' extensions, as this greatly affects how browsers interpret the files. Mac users need to adjust TextEdit preferences to disable 'Smart Quotes,' which can interfere with code syntax.

Creating the practice pages involves typing the HTML code from provided PDF files, ensuring that each element is accompanied by explanatory comments. These comments clarify the purpose of tags and structure, reinforcing understanding of HTML syntax. After coding, students will open their files in a browser such as Firefox, troubleshooting any display or functionality issues. Continuous editing and refreshing enable rapid testing and correction, emphasizing the importance of iterative development.

Once pages display correctly locally, students must upload the files to their assigned USF web server using FTP software like FileZilla. Each student has a unique web space rooted at a URL format such as yournetid.myweb.usf.edu. The project requires that practice1.html link to practice2.html, demonstrating an understanding of relative linking. Proper uploading ensures that the webpage functions correctly on the internet; failure to do so or improper URL formatting results in reduced or no credit.

Final verification involves accessing the uploaded web pages from computers outside the local environment to confirm full visibility of text, images, and links. Students then submit the correct URL for practice1.html on Canvas by the specified deadline. It is crucial that the files remain unchanged post-submission, as modifications can affect grading and late penalties. Overall, this project provides a practical introduction to HTML, emphasizing troubleshooting, file management, and safe publishing practices essential for budding web developers.

References

  • W3Schools. (2023). HTML Tutorial. https://www.w3schools.com/html/
  • Mozilla Developer Network. (2023). HTML Basics. https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics
  • Hamelman, D., & McNamara, D. (2020). Learning Web Development: A Hands-On Guide. Springer.
  • Beaird, J., & George, J. (2014). The Principles of Beautiful Web Design (4th ed.). SitePoint.
  • Duckett, J. (2014). HTML and CSS: Design and Build Websites. Wiley.
  • Levy, S. (2010). Web Development and Design Foundations with HTML5. Pearson.
  • Chung, S. (2018). Web Programming with HTML, CSS, JavaScript. McGraw-Hill Education.
  • Freeman, E., & Robson, E. (2019). Head First HTML and CSS (3rd ed.). O'Reilly Media.
  • Fitzgerald, M. (2015). HTML5 & CSS3 All-in-One For Dummies. Wiley.
  • Bradley, B. (2021). Practical Web Development. Packt Publishing.

Related Assignments