Pre-Assignments ITSE 2402--Intermediate Web Programming

Purchase Textbooks now.

If you do not understand the assignment, just ask for further explanation.

Open your editor (LTS for PC users).
Click File, New Page
Notice the tabs on the right.
- HTML Source -- your edit mode.
- Preview -- allows you to view your page as it looks in Internet Explorer.
- Reference -- shows your validation results.
Notice the tools tab on the top.
- The W3 Validate link only works when you are connected to the Internet. The LTS editor sends a default meta tag with the content. You still need to include your meta tag showing the content on every page that you create.
- The Insert DTD will insert the selected DOCTYPE. FYI--You cannot highlight a line of code and press the Insert DTD and have it replace the highlighted line.
- The Syntax link, Autocomplete Enabled is a toggle to allow you to select the Autocomplete Enabled feature.
Create a folder on your hard drive named ITSE2402.
- Create a folder for each assignment or project. You decide if you wish to create separate folders for css, images, and projects.
If you do not have experience with placing files inside of folders, here is an explanation written by Sharon Joiner to help you understand file hierarchy.

The first page of your assignment is to copy and save an html page that you will name index.htm. You will modify this page the rest of the semester.
- Open up this page:
```
 j2sampleindex.htm
```
- Right click anywhere on the page and view the source. DO NOT click 'File, Save As' in your browser!
- Save the viewed source as index.htm in your ITSE2402 folder.
- Close the viewed source page.
- Invoke your Less Than Slash editor.
- Open your index.htm page.
- Click on Edit > Replace on your Menu Bar
- In the Text to Find box enter: Your Name
- In the Replace with box enter: your actual name
- There should be 2 replacements made
- Save your page.
- Click on Tools > W3 validate on your Menu Bar
- Your page should show that there are no errors
The second page of your assignment is to copy and save an html page that you will name template.htm. This page will serve as the start (template) when creating an html page.
- Outside of Blackboard open up this page:
```
j2template.htm
```
- Right click anywhere on the page and view the source.
- Save the viewed source as template.htm in your ITSE2402 folder.
- Close the viewed source page.
- Invoke your Less Than Slash editor (unless it is already open).
- Open your template.htm page.
- Click on Edit > Replace on your Menu Bar
- In the Text to Find box enter: Your Name
- In the Replace with box enter: your actual name
- Save your page.
- Click on Tools > W3 validate on your Menu Bar
- Your page should show that there are no errors
The third page of your assignment is to save and save the css page used for your template (this is just an example).
- Click on the myStyle.css link.
- In Firefox
  - Highlight, copy, and paste the code to a new page that you name myStyle.css. Save in your ITSE2402 folder.
- In IE
  - Click save and select your ITSE2402 folder.
- In Safari
  - Someone has to write to me to update this page for what to do when using a Mac.
You now need to upload your index page, your css page, and your template to your web site.
Be sure that you upload into the folder named public_html. You will see two additional files in that folder. Those allow for the password protection. Just leave them there.
- Uploading uses a file transfer program.
- Click on the How to Post link for further instructions.
- Also, visit the software link to download and install one of the file tranfer programs. Some students have more luck with one than another.
- Following one of the sets of instructions for file transfer, upload your pages to your web site.
- Your login will consist of the first letter of your first name, plus your last name. (hyphenated names, only the name up to the hypen). Your password is your ACC eid.

If any of these steps have errors let me know through email so that I can make the correction