| Week | Information |
|---|---|
| Assignments due in one week unless otherwise stated. I may add some things during the week, so double check the schedule each week! Please keep copies of all work you submit until you receive your final grade at the end of the semester. | |
| Unit #14 | This week we will look at some more object-oriented or DOM types of JavaScript just to give you an idea of where you can go. To look at this week: 1)Web ethics: Bloggers code of ethics 2)Searching: Search tools chart Yahoo advanced search Google searching 3)Read about DOM - w3schools is a good place to start. See some examples under DOM under JavaScript. Please check back! I wanted to get things up for you by the end of July. If I missed something I will post it under unit #14. The next thing is the final. The final is available, let me know when you want it and I will send it to you. The finished final should be passed in by Aug 21st. I have had some requests, so we can make the due date Sunday, Aug 22nd. |
| Unit #13 | I would like you to look at some sites that deal with evaluating the information you find at a web site: Evaluation from Cornell Evaluation from Berkeley Evalution from Ohio Evaluation from Maryland Assignments: Write the JavaScript to take in a persons name, their pay type (salary or hourly, use radio buttons for this), a text box for pay per hour and a text box for hours worked (only filled in if hourly employee), a text box for salary (only fill in if salary employee), a radio button to choose from three medical plans (Plan A costs $50, Plan B costs 35 and Plan C costs 25). Then have a button to click to calculate the pay and a text box to hold the calculated pay. If the person is a salary employee then divide the salary by 52 to get the weekly salary and then subtract the cost of the appropriate medical plan. If the person is a hourly employee and does not work over 40 hours per week calcualte their pay per hour times hours and subtract their medical. If the hourly employee worked over 40 hours they should get time and a half for the hours over 40. Calculate their pay and subtract their medical. |
| Unit #12 | We will continue with JavaScript. Some JavaScript tutorials: Tutorial on JavaScript Another JavaScript tutorial Looks like a good JavaScript tutorial I want you to write a quiz, this is the way I want it to look: Quiz look Here are three working models of the quiz (please try to write the quiz prior to looking at these examples): quiztotry quiztotrynopass quiztotryall You should also look at more of my examples under JavaScript at my site. Assignments: Write the quiz described above. You can look at the examples after you have tried your own code. Third quiz Second web site or modification to first site |
| Unit #11 |
We will continue with JavaScript this unit. These are programs that I do in CIS17, I want to look at them here as well: we will look at the logic and code for the guess game written in JavaScript. Guess number, one guess Guess number, one game Guess number, multiple games Assignments: Using JavaScript: I want you to set up a form where you can enter at item number, a price and quantity bought for 4 different items and I want you to calculate and show the total amount owed. Using JavaScript: Fix the math facts program (you can use mathfor1x.html, mathfor2x.html or mathfor2ax.html) so that if the student gives a wrong answer, a while loop will stay at that problem giving an incorrect message until the user enters the correct answer. Using JavaScript: Fix the math facts program (you can use mathfor1x.html, mathfor2x.html or mathfor2ax.html) so that if the student gives a wrong answer, a while loop will stay at that problem giving a total of three chances to get it right. If you get it right in less than 3 tries than you move on, if you take three tries you give the right answer and then move on. |
Unit #10 | I have family visiting for the week of July 16th so I am going to basically be on vacation. I will check my
email but only periodically. I want you to continue to look at JavaScript this week, specifically we will look at examples at the site. Be sure to look at the examples under CIS17 as well as those under CIS44. First we will look at events, then we will look at other uses of JavaScript and finally I hope we will start to look at functions. Assignments to turn in: JavaScript Event assignment Second JavaScript Quiz As you do the JavaScript, you are welcome to find examples on the web. However, if you are using something that I have not covered, I want you to include an explanation of what you found and used or changed. |
| Unit #9 |
This unit please spend time on JavaScript and go over the things in the examples! Be sure to look at the PowerPoint and samples from last unit and start to look at events and functions if you have not looked at them. Assignments to turn in: Catch up time! Work on the project and missing homework... |
| Unit #8 | This unit, we will work on writing JavaScript. If you are not comfortable with if logic, you should look at the following presentation carefully, otherwise you can just use it for the assignment. Presentation on logical if structures Separate speaker notes to accompany presentation on logical if structures Simple IF Simple IF ELSE Simple IF AND Assignments to turn in: JavaScript Quiz #1 Note that on question #1 in the quiz in one of the literals I use may instead of my, sorry... You can fix it if you like. When you write these out, I want you to use the variable names, I do not want you to retype the text. Second Assignment: Write the JavaScript for four other examples in the PowerPoint (see Presentation on logical if structures above). Show the results the way I showed the results in the three samples above. Send me the working programs. If you do #20, I will give extra credit. |
| Unit #7 | This unit, I want you to continue to look at CSS. Please make sure you have found a template for two
or three column setups and have gone over and understand how it works. Check these CSS references: CSS reference - first CSS reference - second CSS reference - third CSS reference - fourth CSS reference - fifth CSS reference - sixth CSS reference - seventh CSS reference - eighth CSS reference - ninth CSS reference - tenth Other recommendations from the class: CSS reference CSS reference Look at these experiments along with examples from the references above: Zipped set of CSS experiments We started JavaScript this week and I looked at the examples through loops at CIS17 under JavaScript as an introduction. JavaScript examples from CIS17. Please review these and make sure you see what is happening. Notes are in the Smartboard. Assignments to turn in: I want you to experiment with templates and write a sample project of your own with three columns and a header and footer. Write a brief explanation of what you did. I would also like you to experiment with putting up boxes with tests and images in a variety of places on a page. Use my test examples in the zipped set of CSS experiments as a guide to what I am looking for. |
| Unit #6 | Some articles I would like you to read: Article on relative and absolute paths About paths Storyboard Wireframing Prototyoing Last week we finished up XHTML, talked about what makes a good site and started looking at CSS. This week we will continue looking at CSS. We will look at my examples under CSS. Selectutorials on CSS Assignments to turn in: CSS Assignment First project now assigned: First web project Note that a working web site is required for this course. You cannot pass the course if you do not have a working website written using XHTML and CSS. |
| Unit #5 | This unit will wind down looking at the basics of HTML/XHTML. Note that I have now posted the work for
the first third of the course. If you want flexibility, you should be moving through these initial units
as rapidly as you can while still practicing and learning. If you want to see me, please check my on campus schedule and send me an email to set somethingup. Please make sure you look at these examples on embedded lists: Embedded lists HTML Embedded list example XHTML Please look at mapping, forms and iframes. I also want you to think and research what makes a good site: A starting point for thought. Articles on what makes a good website that I have come across recently. Please find a few you like and put them on delicious. Good website Developing site What makes a good web site Assignments to turn in: Forms and maps Please do not use pre in your assignment. Try to go beyond the assignment and get creative with some of the things you are learning. |
| Unit #4 | Remember I am putting up two units a week at the beginning so you can work on them at a pace that works for
you, there are 15 units in all so you can plan how to fit things into your summer schedule. Please continue to review the XHTML that we looked at so far. I would like you to go through the examples on frames at Sample code. I also want you to start thinking about your web site project. Assignments to turn in: Tables, Images and Frames assignment |
| Unit #3 |
There are a lot of interesting CSS links on the original del.icio.us. I suggest you take a look. Last week we looked at color and formatting, spent quite a while on CSS and looked at tables. You should be sure you have looked at the examples and presentations for links and tables. Looking at centering, margins and tables (problem from last week that I forgot I encountered last semester as well): Center/Table Example #1 Center/Table Example #2 Center/Table Example #3 Center/Table Example #4 Center/Table Example #5 Center/Table Example #6 We will move on and look at images etc. Assignments to turn in: Style (CSS) and links assignment Introductory assignment on frames |
| Unit #2 | This week we will start the basics of CSS. I have had some questions about how to take pictures of screens. The answer can be found at PrintScreen Finish looking at the examples under XHTML -Intro and look at the second PowerPoint presentation. Look at the examples under XHTML and then under the category CSS and formatting and look at the third PowerPoint presentation. Be sure you note what validates and what does not validate as you experiment and try validating with strict and with transitional. You should read something about the difference between strict and transitional validating. Validating issues will continue to haunt us! Post a site about it on delicious! Note that I have not updated the PowerPoint to include the 4 lines of code at the top. I have updated most of the examples. I also comment on validation when I give you the list of examples. WINSCP information: Here is information about using cisweb at BCC Talks more specifically about portfolio Here is some information on CSS: CSS Intro This is not an assignment to pass in it is just something that might be helpful to understanding. I will send you the password for delicious and the password for cisweb as soon as I get them. If you have a cisweb site from CIS17 or another course, you can use that address. Just be sure to let me know. Assignments to turn in: XHTML pages Please pass in via email next week - should pass in the .html version or you can send me a link if you load it to your site. |
| Unit #1 | There are 15 units of work during the summer course to match the work done during the Fall or Spring semester.
So, during the summer, there are some weeks where you need to do two units of work. I strongly recommend, that
you do the extra units at the beginning to give yourself some flexibility. Please check back often, I may add things during the week.
If you need help, check my on campus schedule on the home page of this site or contact me via email.
Please use the email address I sent you with information about the course. Look at the examples under XHTML - Getting started at: XHTML samples. Also look at the first Presentation (PowerPoint) that explains many of the examples. It is located at XHTML presentations. Note that these sites can be reached by clicking on XHTML sample code and Presentations (XHTML) under Site Resources on the left side of the CIS44 home page. Next you should look at the first 6 examples under XHTML intro. You should familiarize yourself with the site so you can locate information. In the PowerPoint Presentation, I showed you two lines of code to put at the beginning of your XHTML code, a more complete version of this is explained below, the standards have been upgraded and now I want you to use 4 lines of code. This example will show you the four lines of code if you open the example and view the source. You should copy and paste these four lines of code as the top four lines you use when you write XHTML. These four lines of code will help you get a clean validation (more about that later): Code with first 4 lines of XHTML Again: View the source and use the first four lines at the top of your XHTML for good validation. Remember, the fourth line includes html. Important: Audio lectures and Smartboard presentations are on the web for the course that I taught in the Spring. This course will be very similiar, so I strongly recommend using them if you are confused about anything or just to give you more information to help you master the material. Assignments to turn in: Although assignments are frequently posted at the beginning of the week, some of the assignments cannot be done until you have covered all the material in the posting. Survey of past experience - must be completed by all students Notice that there is a class delicious site. I want you to post the addresses of the articles you think are useful in the design and development of web sites on the delicious site to help your classmates. There will be a grade for particpation with the delicious site. I will send you the login to use the delicious site. First XHTML assignment For extra credit you can work on validating the code using the W3C validator and for a second extra credit you can load it to the server and send me the address. W3C validator Please note: I will send group emails to your BCC account, please be sure to check! Check back several times, I sometimes add something so you should check out the schedule as the week progresses! I want to give you time to work on this first unit, so I will not post the second unit until about half way through the week. |