| 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 #15 | Unit #15 is the final, it is due by Aug, 22nd and you may have a week to work on it. Let me know when you want it. |
| Unit #13/Unit #14 | The following information will help you with the final where I will ask you to write on these topics (the final will be Unit #15). One of the topics to consider is getting good placement of your page. Here are some resources I have found, but you should do some searching for other links: Promoting web site Web site promotion Promote your web site Less obvious ways to promote Techniques for placement (Ceasar Cabral) Promoting a site Using articles to promote Search Engine Watch SEO Guide SEO on Wiki SEO Google Placement Placement (old but still some interesting information) For information, read: about robots.txt Other things to look at for this week: 1)Web ethics: Bloggers code of ethics 2)Searching: Search tools chart Yahoo advanced search Google searching I would also 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 |
| Unit #12 | This week we will look at DOM. Please do some research on DOM. I have posted examples under XHTML and then JavaScript. DOM at w3schools Assignments to turn in: DOM assignment |
| Unit #11 | We will continue with JavaScript, doing interactive code with functions. I found this HTML5 "cheat sheet" and thought you might find it useful: HTML5 Cheat Sheet Assignments to turn in: Quiz assignment: This assignment should be written two ways. The first way is simply calling a function and passing data and calculating the grade. The second way is to use two functions, one to calculate the numeric grade and one to calculate the letter grade. Here is a picture of what I am looking for in the quiz - you can use my questions or your own. Quiz to try (note the button is not positioned well when I took the picture of the page) Second web site or modification to first site Sp2011classexercise.zip |
| Unit #10 |
This week we will continue to look at JavaScript. Last week we got into loops and we will continue with them and move on to some misc. Assignments to turn in: Write the code to do this using JavaScript embedded in HTML: Calculate Total If you are having problems please be sure to send them for help! Payroll |
| Unit #9 | This unit we will look at functions in JavaScript and move on to loops. We did start loops looking at my examples and the extra credit below involves the loop progams we looked at. Assignments to turn in: Extra credit: Look at the mathfor...html examples under JavaScript XHTML and Move JavaScript - loop. I want you to make the change to one of these programs so that you do not move forward to the next math problem until after the user has entered the correct answer. Then you can do another change where you say that you will move forward to the next problem after three tries. This week I want you to experiment with using functions First: Use a function that takes in information with a prompt and puts out results with an alert. You should take in the information outside the function and pass the information to the function. Second: Repeat the first problem above but use textboxes to take in the information and to receive the results from the fuction. Place the results from inside the function. Third: Using textboxes, take in information on the form and pass it to the function. Return the results of the function using one of the methods covered in class and display the results on the form. This should use return to get the results back. Fourth: Do something using the style in this Example |
| Unit #8 | This unit we are going to look at the examples under JavaScript Events and JavaScript Introductory Examples embedded in XHTML. We may get to
JavaScript Functions embedded in XHTML. Here are the addresses of the JavaScript examples you will find at my site. Remember that the audio and the Smartboard are the best sources to see what I covered when I was teaching the course in the spring (we are following that outline). JavaScript examples under HTML5 to supplement those under XHTML JavaScript examples under XHTML (This is where the focus is because there are more examples and they build. Under HTML5 they are more to supplement with changes in the method of doing things.) Assignments to turn in: Write a page or pages that include the following JavaScript: Problem #1: Use 4 different events (use one that I did not talk about much or at all). Problem #2: Code a simple if with one else and have multiple things done if true and multiple things if not true. Problem #3: Use a nested if (an if within an if). Problem #4: Use two different kinds of loops. You make up the problems, consider things in inventory or payroll where you compare or check totals if you are having trouble coming up with something. |
| Unit #7 |
I think you should find some good resources for JavaScript on the web that you can use to help you problem solve. We will continue with JavaScript. I hope to finish the CIS120/17 JavaScript examples and move on to others in the list. We did finish the review from CIS120 and then it was clear we had hit the end, so students worked on homework! I am assuming the same point of maxing out on new information applies to on line classes as well. Assignments to turn in: JavaScript assignment |
| Unit #6 | 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 Visual example on CSS positioning: Interest CSS positioning experiment Other recommendations from classes: CSS reference CSS reference Some examples to look at: overflowboxes1.html overflowboxes2.html overflowboxes3.html overflowboxes4.html position1.html Please check out this site: Selectutorials on CSS Referring to setting up a web site, please read these three articles (these are dated articles - I want you to read them for an understanding of the terms: Storyboard Wireframing Prototyoing We will also start to look at JavaScript. Assignments to turn in: Find a template on line for a two column page and a three column page. Modify the template to put up a page where the information comes from you. Be sure to tell me the templates you used. JavaScript Quiz 1 |
| Unit #5 | This unit we will finish the introductory material on CSS with CSS! Sample form Some articles I would like you to read on paths since there seems to be a lot of questions: Article on relative and absolute paths About paths We will talk a little about what makes a good site: A starting point for thought and discussion 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 CSS columns (if we have time). Look at these examples and do some research on postion and overflow and any other features you are not sure about. We will look at the examples and then spend more time on them next week. 2 column example (left) 2 column example (right) 3 column example 3 column example with header 3 column example with header/footer 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 HTML5/XHTML and CSS. I would like the project by early August. Check back! |
Unit #4 | Again let me stress that you should work at your own pace but you need to finish 15 units by the end of the summer. I am posting the units
every couple of days to give you the flexibility to plan your work. Do not feel pressured to do the units as they are posted. Start with unit #1
and move forward at a pace that works for you. I recommend a minimum of one unit per week and clearly some weeks you will have to do two in
order to finish by the end of the summer semester. We will finish the topics under HTML5 and we will start looking at CSS which is under XHTML so this means a review of XHTML. Last week we looked at maps and frames and images. Assignments to turn in: Frame assignment: 1) Develop a frame page that has one row across the whole page and beneath it a row that is broken up into three columns. I do not care what pages you show in those frames. 2) Change one of the frames using the default. 3) Change one of the frames using the named option. Extra credit: We decided in class that there would be extra credit if you try all four kinds of target. Syllabus Assignment All style should be done with CSS. Validate your work and put it up on the server (send me the address). Extra credit if you also include an iframe! Please do not use pre. |
| Unit #3 | This unit I want to look at images, go back and look at some XHTML and talk about validation. We will also get to mapping. You should be looking at my examples under HTML5 and also check them out under XHTML. I also suggest that you look at the Smartboard and listen to the audio on these topics. (In the spring this was week $4 because there was no class on week #1). I also want to look at embedded lists a little more. Look at these examples: Embedded lists HTML Embedded list example XHTML embeddedlists5.html (embedded lists) - passed Assignments to turn in: Table, Image and Map Assignment Exercise: Exercise |
| Unit #2 | If you have any questions, please be sure to email me! I am putting up the first few units at a fairly fast pace to give you the flexibility to do things on your own schedule. There will be a total of 15 units so you need to schedule yourself to make this work. We will continue on looking at HTML5 and XHTML. We will go through an introduction to CSS, links and tables . Here is some information on CSS: CSS Intro W3 Schools Let me know if you do not have a user name and password to allow you to access and upload to the BCC cisweb server. Here are some notes on logging in and uploading your pages to the server in the public_html area. Note that the host is cisweb.bristolcc.edu (in the notes it says cisweb.bristol.mass.edu - that also works but we prefer that you use bristolcc). Here is information about using cisweb at BCC Talks more specifically about portfolio Assignments to turn in: CSS, links and tables assignment Please note that this page should be validated. If you upload your pages onto the server you will get extra credit. |
| Unit #1 | Since the summer has less weeks than the other semesters, I use units in the summer. You will have the same 15 units that I
give every other semester and you will have to decide how to handle the extras, I will start posting them this week to give
you the flexibility to get through them at a pace and on a schedule that works for both of us. There is no required book for this course because there are so many excellent resources on the web. If you want to get a book look for something that deals with HTML5 and XHTML as well as CSS and JavaScript. On line w3schools is an excellent resource. We will be looking at both HTML5 and XHTML. Here is an example of both styles: Code for a basic example of HTML5 Code for a basic example of XHTML I want you to look at HTML5 sample code and then HTML5 - intro and XHTML sample code and then XHTML - intro. You can also look at getting started under XHTML. There are presentations to accompany XHTML. Because I do the Smartboard, I have stopped doing the presentations and focused on the Smartboard explanations. When this course is taught in class I capture the notes on the Smartboard and my lecture on audio. I suggest you use the ones from Spring 2012 as a resource. We will also look at validation in both HTML5 and XHTML. The validator checks to make sure the syntax is correct and it will check XHTML and HTML5 according to the appropriate specifications. The validator is located at W3. If you validate by File Upload and browse to find your file and then click on check, the validator will give you feedback. Validator Assignments to turn in: Assignments are usually due the following week. Since you are balancing 15 units, you have flexibility as to when things come in but try to set a pace, keep going and keep in touch. Please browse my website and become familiar with what is there. Survey of past experience - must be completed by all students First HTML assignment |