Assignment $1$

Why are we doing this?

HTML is the basic language for presenting information via the Internet. While

there are many web development tools that will create HTML for you

automatically, such as Dreamweaver, in this assignment you will not use these

tools. Rather, in order to be a professional, you need to know how to write HTML

on your own. The best way to do this is just to build web pages.

How I want you to do this assignment

I want you to write your pages for this assignment using Notepad, or some similar plain

text editor. You might feel this is unrealistic that a real professional would never create a

site this way. Actually, that is not true. Many true professionals prefer to code their

HTML by hand with a text editor because they can have more control over their code,

and they can really understand what's going on with their web pages. Doing this by hand

it will take you longer to create your pages, but you will understand HTML $1000$ times

better!

Bootstrap MAY NOT be used for any projects in this course

The Assignment

Overview: Create a user login page $($using HTML and CSS each should be

created in its own file$)$ for a therapist at a local occupational therapist office called

Holistic Hand Healers $($HHH$).$

Task Description: Scenario

Suppose that you have been hired to design the new web$-$based interface for a local

occupational therapy practice, Holistic Hand Healers $($HH$).$ The interface gives the

therapist access to patient accounts where they can search their own account, book a

session, cancel a session, request medical devices$/$supplies$,$ update patient record, or

create a new patient account.

Program Design and Implementation

Design the HTML interface. The interface should have five text fields, $($for the therapist's

name $($first and last$),$ the therapist's phone number, for therapist's ID and therapist's

email address$),$ a password field $($for therapist's password$),$ a checkbox for indicating an

email confirmation for the patient if requested, a drop$-$down menu allowing the therapist

to indicate what type of transaction they wish to perform, and buttons as input elements

as shown in the figure below. Be sure to give each input element a unique id attribute and

name attribute.

The options on the drop$-$down menu do not need to be implemented.

Below is an example to illustrate the HTML form requirements. You must tailor the

page to your own style, but make sure the form has all key elements illustrated in my

form and described above. The form should have a background $($mine is a depiction of a

of a heart using hands$)$ with the form laid on top of your chosen background.

rUIII Usily Divpuuwil ivienu

Once you have created the form using a drop$-$down menu, I would like you

to recreate the form using:

Radio buttons

Checkboxes

for the options found in the dropdown menu.