Welcome to Web Development & Design

Instructor: W.B. Merriman


LACES, a magnet school, is part of the Los Angeles Unified School District. This course is part of our computer electives curriculum and is offered to students in grades 9-12.

This is an introductory course in Web Development and Design. Students are taught to construct websites in raw HTML using a simple text editor. Students will be introduced to web page design and development through a series of online tutorials. These will include introductory lessons in HTML, XHTML, CSS and JavaScript as well as an overview of currently accepted Web Standards as outlined by the World Wide Web Consortium. Students will build a variety websites, centered on a theme of their choosing, demonstrating the skills acquired from these tutorials. To explore the course offerings more fully, explore the Class Syllabus as well as the other links on this page.

The final project for this course is the creation and setup of an actual web hosting account. In other words they will establish an online presence and upload their coursework to the Internet. They will publish their work online.

Top Navigation Bar

The navigation bar at the top of this page provides links to all sections of this course. Through these links students have access to the course syllabus as well as all assignments and their related tutorials. Below, is guide to these links.


The course Syllabus provides a Course Description as well the an outline of the Course Objectives. You will also find here a listing of Student Expectations in regards to Academics, Attendance and Behavior. The syllabus includes a detailed explanation of my Grading Policy and a Course Outline.


The Setup section of this site will guide students throught the preliminary items needed for the successful completion of the course. Students are expected to setup several different online accounts which will be utilized in the completion of their projects as well as their Tasksheet, which they use to record their daily activities and reflect on their work.


The Tasksheet section provides students with more detailed instructions on the maintenance and completion of their Tasksheet. Here you will find the expectations regarding the content of your daily entries. You will also find here the due dates aligned with the grading periods and instructions for printing and submitting your Tasksheet periodically.


The Primer section begins the actual introduction to Web Development. Here students are introduced to the language of the Web, HTML. This introduces the basic structure of web pages, or HTML documents and the process for creating them. This section will also inform students as to the use of their Dropbox accounts in saving and organizing their coursework. This is a guided exercise where I walk students through the HTML creation process and show them the 'ropes' of the course.


The Fall section encompasses the Fall Semester work. The first semester focuses on the basics of HTML. Here you will find links to all the web projects to be completed during the Fall semester. Each link to will provide detailed instructions for the various projects you will be expected to complete and links to required tutorials. You will also find due dates, project rubrics and information about upcoming quizzes.


The Spring section encompasses the Spring Semester work. The Spring Semester work focuses on more advanced aspects of Web Development and Design. As with the Fall section, you will find here links to all project pages with related instructions, due dates, rubrics and quiz information.


The Editor is an online HTML editor that students can use during class demonstatios for hands-on practice. HTML code can be typed into a text area and the output of this code is immediately demonstrated below. This can also be used for individual practice and experimentation.


The contact page provides a form to send Mr. Merriman a message. Comments and suggestions are appreciated.

Right Navigation Bar

The navigation bar to the right of this page provides links to required student account pages, course tutorial sites and a variety of resource pages for easy access. On the assignment pages, the right navigation bar is used for access to reguired tutorials for each assignment as well as other resources relevant to particular assignments.


These are accounts that students are required to set up for the course. This includes a Gmail, Dropbox, Facebook and Quizstar account.


Although increasingly irrelevant, an email account can still be useful. I no longer rely on email as I have in the past, but it still provides for easy and quick communication. In addition, Google Gmail provides an array of very useful resources for students that I want to introduce them to.


Dropbox is a great online tool that allows students to easily access thier work at school and home. It will keep thier work done at school and home synchronized automatically. Files are automatically uploaded and downloaded for them. Dropbox also provides me easy access to student work for grading purposes, as well as review and individual consultation.


QuizStar is my online testing site. Almost all tests for this class are administered via the Internet. These tests provide students with immediate scores and feedback on their performance.

Online Tutorials

These are links to a variety of online tutorial sites used in the completion of coursework.

Resource Pages

These are links to resource and reference pages that students will find useful during the completion of their assignments.

Tutorial Sites

Valid CSS!Valid XHTML 1.0 Strict