Welcome
Hello! My name is Asif Khan and I am an undergraduate student at the University of Wisconsin-Milwaukee, pursuing a B.S. in Information Science and Technology. This page serves as my assignment hub for INFOST 240, where I will link to each project as the semester progresses.
Throughout this course I am learning HTML5, CSS, and WordPress, and getting hands-on with how the web actually works.
About This Course
INFOST 240 covers the following areas:
- HTML5 - The structure and backbone of web pages
- CSS - Styling and visual presentation
- Forms - Collecting user input on the web
- Layout - Arranging content using modern techniques
- WordPress - Content management and publishing
Course Assignments
Below is the full list of assignments for this course. Links will become active as each assignment is completed and uploaded.
| Assignment | Topic | Link |
|---|---|---|
| Assignment 1 | Main Web Page | Home Page (this page) |
| Assignment 2 | Tables | Tables |
| Assignment 3 | Forms | Forms |
| Assignment 4 | Resume | Resume |
| Assignment 5 | Layout | Layout |
| Assignment 6 | CSS | CSS |
| Assignment 7 | WordPress | Coming soon |
Tools and Resources
Here are the tools I am using for this course:
- Notepad++ - Text editor for writing HTML
- FileZilla - FTP client for uploading files to the server
- W3Schools - Reference and tutorials for HTML, CSS, and more
- Learn-HTML.org - Interactive HTML learning platform
- MDN Web Docs - Comprehensive web development documentation
Useful HTML References
What I Learned in Modules 1, 2, 3 and 4
Module 1: Orientation
In Module 1, I learned how to set up my web development environment. This included setting up web space on the UWM server, downloading and configuring Notepad++ as my text editor, and using FileZilla as my FTP client. I also learned the importance of file naming conventions, specifically using lowercase letters and avoiding spaces in file names.
Module 2: HTML Introduction
Module 2 introduced the fundamental building blocks of HTML. I learned about the document structure, including the <!DOCTYPE html> declaration, and the role of <head> and <body> tags. Key elements covered include:
- Headings (
<h1>through<h6>) - Paragraphs (
<p>) - Links (
<a>) - Lists (
<ul>,<ol>,<li>) - Images (
<img>) - Tables (
<table>) - Semantic tags (
<header>,<nav>,<main>,<section>,<aside>,<footer>)
I also learned about meta tags and how they help search engines discover and categorize web pages, as well as the significance of the charset attribute and UTF-8 encoding.
Module 3: Tables and Media
In Module 3, I learned how to create tables in HTML using tags like <table>, <tr>, <td>, and <th>. I practiced organizing data into rows and columns and learned how to adjust borders, spacing, and colors to make tables look better. I also learned how to highlight specific cells and align content inside them.
I also learned about images on the web, including bitmap images (JPG and PNG) and SVG graphics. Bitmap images are made of pixels, while SVG images are created using code and can scale without losing quality. I practiced adding both types of images to a webpage.
Module 4: Web Forms
In Module 4, I learned how to create web forms in HTML to collect user input. I used the
<form> tag along with elements like
<input>,
<textarea>,
<select>, and
<button> to build different types of form fields. I also learned how to use labels to clearly describe each input and improve usability.
I practiced working with different input types such as text boxes, password fields, radio buttons, checkboxes, and dropdown menus. I also learned that forms have a front-end and back-end, and in this course we are focusing only on the front-end, meaning the form collects data but does not process it.