| 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! | |
| Notes and assignments #15 Summer 2007 |
Please complete this survey that the Division has requested and email it to me or give it to
me in class or slide it under my door or give it to Karen Costa in the Division office.
CIS Student Survey Ron (student during the spring semester)put together a collection of JavaScript examples that validate strict including an explanation of what he did. Zipped examples of JavaScript Stict Examples Contact me when you are ready to take the final. You can have one week to complete it. I will send you the final and the status sheet (required). |
| Notes and assignments #14 Summer 2007 |
I want you to experiment with
a package/application that allows you to create a website.I suggest Netscape Composer
or FrontPage or any other package to make a web site.(I used Netscape version 7.2). Assignments: Your assignment is to experiment with either Netscape Composer or another package that allows you to create a web page. Obviously I would like you to work with something new that you have not experimented with. Create a web page using 12 different elements such as table, image, link, list etc. Does not have to be loaded to the web. I really want you to spend about a half an hour on this - no serious effort required! |
| Notes and assignments #13 Summer 2007 |
We will continue with the JavaScript examples this week. Assignments: JavaScript assignment: JavaScript write your own quiz assignment This assignment will be graded on the manner your choose and on whether it works or not. If you do something very basic, the grade will be in the B range, to get an A you need to make it a little more sophistocated. |
| Notes and assignments #12 Summer 2007 |
We will continue with the JavaScript examples this week. Please take a look at
them and make sure you are comfortable with the ideas of loops, checkboxes and radio
buttons, arrays and primitive animation (as we cover them). Assignments: Fourth and last JavaScript quiz |
| Notes and assignments #11 Summer 2007 |
Continue going through the JavaScript examples - we will look at arrays. Assignments: Third JavaScript quiz |
| Notes and assignments #10 Summer 2007 |
We will continue with JavaScript. Please look at loops and continuing looking at the examples. Assignments to turn in: Second quiz - we will work on it during class Second Web Project In addition, I want you to include audio at your site if possible. If the site you are using does not allow audio, then send me a web page with audio and I will test it. This assignment is due one week before the end of classes. Look ahead (next weeks assignment): Third JavaScript quiz |
| Notes and assignments #9 Summer 2007 |
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: Java Script Quiz #1 Using the PowerPoint presentation and the three samples that accompany it as a guide, I want you to write the JavaScript for three other examples in the PowerPoint. Send me the working programs. For in class students, this will be done during class. Evaluation and research assignment. Note there may be some dead links but there are enough so you can work around it (this should be done in two weeks). |
| Notes and assignments #8 Summer 2007 |
Here are two sites for examples of web page design: Robin Williams Web Design Workshop URLS Internet Cafe Classroom We have looked at basic CSS styles - please be sure to check the examples in CSS up through the layered backgrounds and watermark (image in one spot) examples. This week you should send me the address of the blog where you have been putting the report on the three articles a week for check off. This week and next, I am asking you to read these six articles and report on them at your blog: Storyboard Wireframing Prototyoing Jessett.com on accessibility Content management htmldog.com The part of JavaScript we will start with this week is JavaScript Events. Be sure to look at the samples under the topic JavaScript Events and the PowerPoint about JavaScript events. We will then start looking at some other JavaScript examples. Recommended book (although it is a little older): Programming the Web Using XHTML and JAVASCRIPT by Larry Randles Lagerstrom (McGraw-Hill ISBN # 0-07-256031-2) You should be finding a tutorial on the Web or acquiring a book on JavaScript if you did not buy the recommended book. The recommended book is a reference book - you should use at this point to help with JavaScript. Assignments to turn in: CSS Assignment Extra credit if you get it to validate in XHTML. Send me the address of the blog where you are making your log - this is just a check off - the grade comes at the end of the semester. |
| Notes and assignments #7 Summer 2007 |
One of the grades for this course is based on your postings to the del.icio.us site. A lot of people
have not posted or if they have, they have not identified themselves. We will start the week by talking a little about what makes a good site and then continue with CSS. Left over from last week: what makes a good site: A starting point for discussion Check this example of setting up an outline: Embedded list example This looks like another interesting source for information about CSS: htmldog.com and another Looks interesting... and still another More CSS... Here is the address for validating CSS: W3C CSS Validation Service Assignments to turn in: First web project - Should be done in 5 weeks 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 XHTML with CSS. Your evaluation assignment is at: Evaluation Blog Respond by sending me your comments in a word document. I have left previous comments at the blog but I am having trouble with the log in with the new version. So, read what is there, visit the sites and send me your comments in a word document. |
| Notes and assignments #6 Summer 2007 |
We will finish up basic XHTML this week - we will be looking at forms. We will
then start to work our way through the CSS examples. Be sure to look at the examples in XHTML and the PowerPoint presentation. Look at the examples under CSS (both HTML and XHTML). You should start looking at web page design and development issues for your log book. Please set up an area on Brinkster or another provider that you can use for your web site. Brinkster is located at www.brinkster.com and has free student websites (the developer one looks like the best choice). Look at the information on the smartboard presentation. I have added an introduction to using Brinkster under the smartboard notes. You might find the PowerPoints on Sites located under HTML PowerPoints of use at this point. Looks like an interesting site for CSS information I only explored some things! Start thinking about your web site. There are two presentations under sites at the following site that might be helpful: Site Information We will talk a little about what makes a good site: A starting point for discussion Embedded list example Assignments to turn in: Form and Syl assignment Please do not use pre in your assignment. |
| Notes and assignments #5 Summer 2007 |
We started frames last week and will finish them up this week. For your log this week I would like
you to read one or more articles about the use of frames and the reasons that frames are not recommended
by many groups. I also want you to post at the blog and get some discussion going about frames. I have sent you an optional invitation to use instant messaging with me if you feel it would be helpful. Assignments to turn in: Extra credit: Can you set up frames so that you do not see the borders? Send me the answer plus an illustration if you are successful before next week! Frame assignment Mapping assignment By mapping points in the assignment I mean something like the i or the m or the a in my example - mapping point could also mean a single point (but that is not what I meant). |
| Notes and assignments #4 Summer 2007 |
The Boston Public Library has a special offer (let me know if it is no longer available) that allow you to go to their site and read a large number
of books on line - you can go to their site at bpl.org and signup. Then you can find books about XHTML
and CSS to read - this would work for your blog - a chapter is a reading. We started tables last week - look at my examples and experiment with things to make your use of tables more effective in a variety of browsers. Look at my samples and the accompanying source code. Beyond this you can use presentations, smartboad, audio, and tutorials you find on the web to back up your understanding. We will also look at embedded lists this week. Please make sure you look at this example on embedded lists: Embedded lists Our other topic this week is images. By the end of this week, you should have looked at all of the examples under links, tables and all of the examples under images. Examples You should also have looked at the PowerPoint Presentations up through images. Presentations In addition, you should have found and be looking at one or more tutorials on these topics for your log book. Speaking of log books. I would like one of the articles you read this week to deal with the differences between gif, jpg and png and when each is effective and why. Possibly, I will get to frames - check back to see where I am, I might be adding a basic frame assignment. Assignments to turn in: Assignment on images and tables This should be done with XHTML and it should validate transitional at least. Extra credit if you write code that validates strict You have been sent an invitation to join a wiki. The wiki contains a HTML document that you need to edit so that it becomes XHTML. This is a group project - you should all contribute to the editing. Wiki spaces are at CIS44 and follow the instructions at CIS44 home to edit the assignment called editHTML. This assignment should be started by the end of June. Introductory assignment on frames |
| Notes and assignments #3 Summer 2007 |
I have posted several interesting CSS links on del.icio.us site including some links to
CSS references. Last week we looked at linking and spent quite a while on CSS and validation. Next week we will begin the week with tables. You should be sure you have looked at the examples and presentations for this topic. We will also look at images this week. You should look at the examples under CSS style, links, tables and images and you should look at the accompanying PowerPoints. Assignments to turn in: Style (CSS) and links assignment practice sheet on some style and table issues Students need to experiment with these pages and send me some comments. |
Notes and assignments #2 Summer 2007 |
For now the only blog you need to be involved in is your own blog where you are doing your
readings - I will be making some changes to the class blog this semester - I will let you
know when I am done. You should send me the address to your personal CIS44 blog after you have created it.
I have had some questions about how to take pictures of screens. The answer
can be found at PrintScreen I am revising my XHTML examples to include the 4 lines of code at the top as opposed to the two that appeared in a lot of my examples. I have finished changing the examples XHTML examples - and will move on. I will not make the changes to the presentation - I will simple comment on it in the presentation list. Sorry, but since there are only a few people this summer it seems like the best time to make changes. Finish looking at the examples under XHTML -Intro and look at the second PowerPoint presentation. Look at the examples under 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 for one of your blog entries. Validating issues will continue to haunt us! For one of your articles this week, please do some additional research on validating! Note that the best source for telling if my examples validated is the PowerPoint presentation or the comments on the listing. List of CSS commands DOCTYPE that seems to work well Site to use to try and validate your XHTML code Assignments to turn in: Please comment I am looking for comments here to show you went through and understood. XHTML page Please pass in via email next week - should pass in the .html version and the .txt version Be sure to check back as always - I may add something depending on how we are doing! |
| Notes and assignments #1 Summer 2007 |
I will be posting 15 sets of notes and assignments. You should schedule them so that you
finish by the end of the summer. I will try to keep ahead of where you should be so students
can schedule vacation time. My availablity this summer The schedule can also be accessed through my home page. I will keep updating. Look at the examples under XHTML - Getting started at: XHTML samples. Also look at the first PowerPoint that explains 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. In addition you should start to look at the second PowerPoint that explains the introduction samples. You only need to go through the PowerPoint to see the explaination for the first 6 examples. You should familiarize yourself with the site so you can locate information. In the assignment I gave you two lines of code to put at the beginning of your XHTML code, a more complete version of this is explained below. These four lines of code which I usually cover a little later in the semester will help you get a clean validation: Code with first 4 lines of XHTML View the source and use the first four lines at the top of your XHTML for good validation. Remember, the fourth line includes html. 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. The search engine assignment is something to research on your own, I will not go over the material at this site. Survey of past experience - must be completed by all students Blog containing articles you have read for this course. First XHTML assignment For extra credit you can work on validating the code using the W3C validator. W3C validator Don't forget to change the encoding to Western Europe if you do not use the first four lines of XHTML code I refered to above. Please read the following search engine information very completely: The Pandia Goalgetter: A short and easy Internet search tutorial After you read the article, take the following quiz (due in two weeks): Search Quiz I left out something on the second Boolean Logic question, it should have shown (chicken AND saffron) OR (lamb AND mint). Check back several times, I sometimes add something so you should check out the schedule as the week progresses! |