| 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 | You can ask me for a copy of the final anytime after the 17th of August. It is due
one week from the time that I send it. |
| Notes and assignments #14 | Continue researching JavaScript. Assignments to turn in: Please post the address for your web site(s) at the class blog. Fourth and last JavaScript quiz |
| Notes and assignments #13 | We will continue with JavaScript this week. Please be sure you have looked at the function examples
and started looking at loops. Look at the examples
and the PowerPoint and be sure to read about functions at an outside source.
Check back to see how we are doing! Assignments to turn in: Extra Credit JavaScript assignment: JavaScript write your own quiz assignment Third JavaScript quiz |
| Notes and assignments #12 | This week I want you to do some research on search engine optimization (SEO) for your log. Please take
a look at the following sites:
Search Engine Optimization SEO Tips SEO from WiIkipedia This week you should continue working on JavaScript. Assignments to turn in: 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. |
| Notes and assignments #11 | We will start looking at JavaScript functions this session - you should have looked at all of the
examples prior to functions.
I have gotten questions about the outline that will validate - try this:
Outline notes Assignments to turn in: Spend time working on your Web Site Project. Second quiz |
| Notes and assignments #10 | I would like you to do some research on the correct way of writing JavaScript events and for that matter
JavaScript. Be sure to check the W3 site. Here are some other sites to look at (these can be your log/blog entries this week): Gatescript JavaScript events JavaScript Tutorial for Programmers - Event Handlers Accessible JavaScript Summary Creating browser-independent event handlers... The JavaScript Event Model JavaScript Weirdness Assignments to turn in: We will continue with last weeks JavaScript assignments this week. Evaluation and research assignment. |
| Notes and assignments #9 | I started an introduction to JavaScript last week and I will continue. The following is a good tutorial. I recommend you read it. Good tutorial 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 Please note: I pointed out last week the use of capitals in JavaScript events versus the use of no capitals. Most of my examples have not capitals and I am in the process of revising. For your blog comments, continue to do some research on this and also experiment. 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. |
| Notes and assignments #8 | When commenting at the evaluation blog - I wanted you to click on the comments for the individual pages
so you could see everyones comments about a particular site - for those who have not done the
assignment yet, please follow this model. NOTE: You have been invited to two blogs (one for the class and one for a specific assignment), you have also been invited to a wiki. You need to get involved in all three and contribute. If there is a problem with access, you need to let me know! In addition, you are supposed to have your own blog (that makes 3) where you are keeping your weekly log of articles read. Have I totally confused you yet? I have gone through most of the CSS examples under XHTML. This week we will look at a few additional examples. I have added to the links section, so please take a look at some of the CSS links I added. This is an excellent site for information about XHTML, CSS and JavaScript This looks like another interesting source for information about CSS: htmldog.com and another CSS Commands (a list I found) and another Looks interesting... and still another More CSS... Here is the address for validating CSS: W3C CSS Validation Service 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. I want you to do some research and find out whether the on click event should be written as onClick, onclick or OnClick. I started out using onClick, then went to onclick and am now changing things again. Tell me your opinion! Recommended book: 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: Wiki: Don't forget our wiki adventure! I want you to use to create a list of things to consider when you are developing a web site. The site is at Wiki for web site development One of the important things to experiment with is editing someone elses entries. They won't mind as long as you are tactfully improving what they did or just commenting. After all, it is part of the assignment. If you do not have the invitation to wiki, let me know and I will invite you again. I am looking for a really extensive list here, so get busy! Another nag... Please make sure you go to the class blog Class Blog and contribute to the discussion question about the pros and cons of frames. Again, if you did not receive or respond to my invitation, you can email me for another invitation. JavaScript Events Assignment 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 |
| Notes and assignments #7 | You should go through my CSS examples. You should also
be experimenting with putting up pages on the web - even if they are not what you finally want
to do - just to make sure you are comfortable with the process. You should start looking at web page design and development issues for your blog. Remember I need the address of your blog because I check it at midsemester to see how it is going. Assignments to turn in: Your evaluation assignment is at: Evaluation Blog Respond at the blog and send me a copy of your comments in a word document. An invitation to join the blog has been sent to your BCC account. Only members are allowed to post comments. Please post your comments underneath the the name of the site by clicking on comments associated with that site (you will have to scroll down a little to see them). I left up comments from last year because I thought you might find them interesting. CSS Assignment Extra credit if you get it to validate in XHTML. Additional extra credit if you experiment with validating CSS. Wiki: I have also set up a wiki that I want you to use to create a list of things to consider when you are developing a web site. The site is at Wiki for web site development |
| Notes and assignments #6 | We are going to look at CSS and creating a web page this week. 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. Look at the information on the smartboard presentation. If you have an area that you can use for your web site through your provider, that works fine. I have added an introduction to using Brinkster under the smartboard notes. Be sure to look at the examples that have been posted under CSS sample code (XHTML) and the PowerPoint presentation under Presentations (XHTML). 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 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 in HTML or XHTML. Blog Post: Remember to visit the blog and post some discussion on the subject of frames. You should also respond to the posting about images etc. I have also added a new post for you to comment on what you think makes a good web site. |
| Notes and assignments #5 | Continue looking at frames. This session will also deal with mapping. Please look at the
PowerPoint presentation on frames and mapping and the examples under frames and mapping. Look at the examples of mapping in both XHTML and HTML shown below: mapimage.html - validates strict Mapping an image (HTML) Example of a mapped flowchart (HTML) Look at the PowerPoint presentation on mapping. There are Smartboard captures and audio from the spring semester, please use them if they help yu understand. Please do a little research on iframes. Next session you will get an assignment about putting up a site. Assignments to turn in: Mapping assignment Form and syl assignment NOTE: Do not use the PRE command to put things into your project. I want you to do the formatting with tables, lists etc. I also want you to use CSS in the assignment. Also make sure your form is different from the samples I provide - be original. If you are having problems getting the form to work, don't worry - send it to me and I will test it. This is not the best way to do forms (the best way is server side forms) - so don't worry if your provider makes it difficult to do. Blog Post: Please visit the class blog and post responses to the questions that I have asked. Be sure to respond to the discussion about frames and to the site for resources. |
| Notes and assignments #4 | Now I need you to move on to the topics of tables and images. You will find both examples and
presentations. I need the class to work their way through this material. You should definately
look at the examples and view the souce of the examples. Beyond this you can use presentations, smartboad, audio, and
tutorials you find on the web to back up your understanding. I will also be starting frames. There are three assignments this week: one on tables and images and two on frames since we will be looking at frames. This is a lot of work so send it in as you get it done. I put a heavy emphasis on working through material in the first half of the course - the pace does lighten as the semester progresses! I have sent you an optional invitation to use instant messaging with me if you feel it would be helpful. I have also sent you a message to become a member of a general class blog. I will use this as the semester progresses, so you should become a member of that. Please make sure you have looked at this example on embedded lists: Embedded lists 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. Assignments to turn in: Assignment on images and tables This should be done with XHTML and it should validate transitional. Extra credit if you write code that validates strict Introductory assignment on frames 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 (I am putting this up, but I do not expect it right away, take a little time to look at frames and then send it.) |
| Notes and assignments #3 | We looked at linking and started tables, we will continue tables in this secssion. You
should be sure you have looked at the examples and presentations for this topic. We will
also look at images this session.
You should look at the examples under CSS style, links, tables and images and you should
look at the accompanying PowerPoints. A list of CSS I found Assignments to turn in: Style (CSS) and links assignment |
| Notes and assignments #2 | 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 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. Note that the best source for telling if my examples validated is the PowerPoint presentation or the comments on the listing. Validating issues will continue to haunt us! For one of your articles this week, please do some research on validating! Check back to see how we are doing! DOCTYPE that seems to work well Site to use to try and validate your XHTML code I will be available off and on over the summer. You can email me for an appointment or you can check the list of times I am available. I add to it on a weekly basis Help Assignments to turn in: Second XHTML assignment Extra Credit: Extra credit if you get it to validate - I will take it using either XHTML or HTML to get the color, but you will not get full credit if you do not use XHTML. Search assignmnet #2 (due in two weeks) |
| Notes and assignments #1 | This course will consiste of 15 sets of notes and assignments. You can proceed through them
at your own pace. If you start to get ahead of me, please let me know! This will give you
flexibility to plan vacations etc. I do want to see work on a weekly basis unless you tell me
you will be away. 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. 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 Separate 4 lines of code in text file 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 First search assignment (change - you can take two weeks on this assignment) Check back several times each week, I sometimes add something so you should check out the schedule as the week progresses! |