Website Development & Maintenance I
Dixie School District
Instructor: Alfia Wallace
What you need for this class: A notebook, access to a computer, Optional - email access
Objective: To create a 3-page minimum website in raw HTML including header tags, 2 types of lists, external and internal hyperlinks, imported images, and navigational links. Basic knowledge of tag attributes, file types and directories.
What is the WWW? What is the Internet?; HTML, markup languages and web development; Text editors vs. WYSIWYG - Using Notepad and Simpletext
Definitions: WWW, HTML, URL, http, FTP, .jpeg/.jpg, gif, .bmp,
View Source: Saving and amending html from pages you like
Basic HTML tags: <HTML>, <HEAD>, <TITLE>, <BODY>, <body background="" bgcolor="#FFFFFF" text="" link="#">, <P>, <BR>, <BLOCKQUOTE>, <HR>
All tags close with a backslash: </HTML>; Physical Styles: <B> bold text , <I> italic text, <TT> typewriter text, (fixed-width font)
Homework: Think about a web development project you would like to undertake for this semester. Discuss your idea with family, teachers and friends. You may want to do a service project. You may collaborate with one other person in the class if you like but each person must contribute an equivalent amount of work to the project. Come into class next week with at least one idea for a project. Be prepared with notes and have ideas for images.
Your web project – Hyperlinks, Internal, external (URLs), email links. Intro. to directory management. Search engines. File formats: .html, .shtml, .pdf, .doc, .asp
Class assignment - Create a page with links on your topic of interest and an email link to
you or your school.
Homework: Decide on images you would like for your website. Bring ideas to class.
Images. Image import, manipulation and alignment; Image file formats (.jpg, .GIF, GIF89, .BMP) and image size constraints; Image tags and image alignment; Directory management and intro. to FTP
Class assignment - Create an image in Kidpix and import it into your webpage. Grab an image from the WWW and include it in your page.
Homework: Think of other pages for your site and names for them (title.html)
Building a website. Relative links. Directory management. Servers and hosting.
Homework: Review class notes and source code for final quiz.
Back to Web Development 1