HTML/JavaScript Programming and Web Site Development

Framingham State University

onny !re"ning
Fall #$%&
M/W #'($)&'#$ in HH*$%
T &'($)+'#$ in HH#$# ,Fo"ndations Seminar-
./ 0$#$(
1/21T3T14/'
Join us as we embark on a study of HTML- the language used to create webpages. What does learning
HTML have to do with you and your life !o you think you will interact with the web at home" at work"
at play #s there a possibility that you will be asked to modify" add or delete content from a work related
site in the future $r that you will create or modify your own site Where do you go when you have a
%uestion about something How do people find &obs in this economy Where do you go for the news" the
weather" sports scores" the definition of a new word More and more people are turning to the web for
more and more different types of information and for a variety of purposes from shopping" to
entertainment to communication. Why create a web page What kind of information should be on it
How should it be organi'ed Who is going to view it Let(s start e)ploring this key mode of
communication.
D5S.1PT14/'
*n introduction to various features of HTML" +,, and Java,cript languages such as tags" images"
buttons" forms" and animation files. ,tudents learn to program using these languages to create interactive
Web pages. ,tudents create a complete Web site using various tools including a browser and image editor.
T56T!447S
.e8"ired .eading - to be done prior to class discussion of the topics as listed in the syllabus
1. HTML, CSS, and dynamic HTML Comprehensive (New Perspectives) 5
th
dition !y
Patric" Carey # $%1&, Co'rse Techno(o)y*Cen)a)e Learnin), +S,N- ./011111115$23&1
2
$. The non14esi)ner5s 4esi)n ,oo" (&
rd
edition) !y 6o!in 7i((iams, Peachpit Press
+S,N- %1&$115&3%31$
!447 4PT14/S for +arey book
+an purchase at bookstore .if using financial aid money/ or go to cengagebrain.com
0urchase price 123.45
6ental ,ept through 1785814
,ept. through 487981:
22.55
25.45
;book Through Jan 7<1: :1.45
4TH5. M3T5.13LS
9=> ?lash Memory ,tick
This will be used to back up your work. !o not rely solely on your hard drive.
,everal students have lost their hard drives during the semester- thus it is imperative that
you back up your work. *ssignments build on each other and will be needed all semester
long.
S4FTW3.5
HTML - ?all 7<14 >reuning 0age 1
Homework can be completed using Wordpad or @otepad or any te)t editor which allows you to
save ascii te)t. Web 0ages should be viewed in multiple web browsers. ?or starters make sure
you have #nternet ;)plorer" +hrome and ?ire?o). .These are all free downloads off the web/. Aou
can also use the machines in HH=<1 and HH=13 .student lab/.
4U.S5 4!J5T125S
,tudents satisfactorily completing this course will be able toB
apply the concept of relative and absolute addressing C
create webpages with header" footer" navigation" content" headings" lists" images
create and use styles and style sheets to generate various page layouts
understand the evolution of HTML and differences between DHTML and HTML:
recogni'e and apply +6*0 principles to their site design
+reate a well-designed form
demonstrate competency in the software used during the semester
create an interactive web based portfolio of their course work
apply &avascript to a webpage
create tables with row and column spans
manipulate variables" event handlers and dot notation in &avascript
To contact 1nstr"ctor' onny !re"ning
Office: Hemenway Hall 21<
Phone .:<9/ E7E-4371
Email B cbreuningFframingham.edu
Office Hrs M"W 5B2<-1<B2<" T4B2<-:B7<" others by appointment
Fo"ndations Seminar
Aou will meet with your foundations instructor 9 times during the semester on Tuesdays from 4B2<-:B7< in
HH7<7. This seminar is designed to help students adapt to university life" academics" and to become
familiar with university offerings. Aour foundations instructor will give assignments and grade them and
these will be averaged in with your other coursework at the end of the semester.
Facilitator' >en Trapanick
Peer MentorB 6icky !esir
lassroom Format
+lass time will assume that students have completed their assigned reading and8or lab work and
homework. We will typically discuss concepts" review homework and %ui''es" share in peer evaluations
and learn new skills and concepts in each class. ,tudents are e)pected to participate and share their
knowledge and ideas with each other and the instructor. We are all learnersG * hands-on component will
prepare students for homework.
Wor9 o"tside the lassroom
+lasses typically meet 4 hours per week and homework and reading are e)pected to e%ual 7 hours per 1
hour of class which would mean an additional 9 hours outside class. Most students do not spend that
much time" but # recommend setting up 4 blocks of 7 hours each to do your class work and if you don(t
need all 4 blocks - great- you have time to devote to other things but you won(t be late with your work or
fall behind.
Web aspect o: the co"rse
HTML - ?all 7<14 >reuning 0age 7
This course has a >lackboard site at httpB88framingham.blackboard.com. The site provides the course
syllabus" assignments" and hosts a private discussion board for students enrolled in the class. =roup work
and other discussions posts should be posted there.
;ach of you will also have your own web space for course assignments and pro&ects. *ll submissions
re%uire that you upload your work to your web space and then email your instructor to let her know it is
ready for grading.
5mail
When sending an email to your professor" make sure you include your name and the co"rse name in the
s"b;ect line. . # do teach other classes and thus need to know which course you have a %uestion aboutG/
!o not use te)ting abbreviations as # am unfamiliar with them. +heck your email periodically for
updates from your instructor. Make sure your email is listed correctly on blackboard. ?,H re%uires that
you use your student email account for all school related correspondence. ;mail is our means of
communication outside class time and # may use it to update due dates and homework re%uirements.
3ccommodations
,tudents who seek accommodations during the semester because of disabilities should provide a
!ocumentation +onfirmation from the $ffice of *cademic ,upport within the first two weeks of class.
*cademic support is located in the +enter for *cademic ,upport and *dvising .+*,*/. 0lease call :<9-
E7E-45<E to speak with the director of the $ffice of *cademic ,upport if you have %uestions or if you need
to schedule an appointment. Aou can also check out their website at
httpB88www.framingham.edu8+*,*8*ccomodations8
Laptops< ell phones and other electronic gadgets
!uring class time we will @$T use digital devices .cell phones" pda(s" I/ other than using pc(s .or
laptops/ when e)ecuting lab e)ercises" because it is disrespectful and distracting to your peers and
instructor. #f you are e)pecting an emergency call" please put your phone on vibrate and step out into the
hall to answer it. ,tudents reading email and8or browsing the web and8or te)t messaging during class will
be asked to leave the classroom on the first offense" will be asked to leave the classroom and receive an
automatic <J on the full course participation grade for the 7
nd
offense" and will be asked to leave the class
and receive a failing grade for the entire course on the 2
rd
offense. ,tudents who need to keep their hands
occupied during class may doodle on paper if desired. This is not distracting to those sitting ne)t to and
behind you.
4U.S5 .5=U1.5M5/TS
3ttendance > Participation
*ttendance and class participation is worth a minimum of EJ of the semester grade. 0articipation
includes asking %uestions" posting on the discussion board" wiki and blog" sharing ideas"
participating in pro&ect evaluations. #f there are e)tenuating circumstances which prohibit
attendance please submit the reason to your instructor via email. +lass participation is critical as
the e)change of ideas and pro&ect feedback is integral to learning and improving your
compositions and visual communication skills. ?eatures" tools" and techni%ues learned in class are
re%uired elements in the course assignments and pro&ects.

3ssignments
*ssignments are due at the beginning of the class indicated on the syllabus. Late assignments lose
1: points a day - and ?ill not be accepted a:ter three days. #f there are e)tenuating
circumstances email your instructor immediately to arrange for alternative options.
HTML - ?all 7<14 >reuning 0age 2
*ll homework is graded based on 1<< points each. *ssignments turned in on time may be
resubmitted for a better grade within a week of receiving a grade. ,tudents will be e)pected to
take instructor feedback into consideration in order to improve their grade. * second grade will
be given and averaged with the original grade at a 7 to 1 ratio .for e)ample if you receive a 3< the
first time" a 1<< on the resubmit" your grade becomes the average of .3<K1<<K1<</82L5<. Thus
you have &ust brought your grade from +- to *-. #f you make use of this option" there is no reason
for anyone in the class to receive lower than a >" unless you don(t do your homework.
=rading +riteria
#s your name on the assignment
Were the assignment specifications met .worth up to 9:J of grade/
#s the finished pieceB pleasing to the eye" complete" and does it get the goal of the site across
!oes the finished piece show competency with the tools and techni%ues learned in class
!id the revision take into account feedback received
!id the student participate in criti%ue of peer pro&ects
!id the student go above and beyond the minimum re%uirements.worth 1:J of grade/
="i@@es
Mui''es will cover chapter readings and topics and techni%ues discussed and used in class
lessons and e)ercises and discussion board. ,ome will be multiple choice and closed book.
Mui''es taken on the computer will usually be open book and notes. The first %ui' will be
closed book dealing with concepts and terminology. # will drop the lowest grade of all but the
last %ui' . #f you miss a %ui'" it will be the one that is dropped.
There will be @$ M*N;H0 %ui''es.
Pro;ects
;ach student will complete 4 websites. 1/ * restaurant site that will be developed through a series
of homework assignments" 7/ a group pro&ect for a real company" 2/ an individual pro&ect for a real
company " department or organi'ation and 4/ an e-portfolio. ;ach pro&ect has a timeline and
students are e)pected to meet interim due dates as posted under OassignmentsP. #f we run out of
time for the individual pro&ect :J will be added to each of homework" group pro&ect and eportfolio
in final grade formula.
The e-portfolio will include links to other work generated in this course as well as a resume and
links to best work generated in other classes. Thus it is imperative that you keep and improve upon
all assignments using the feedback obtained during class criti%ues.
*.3D1/*
1< *ssignments.............................................................................2<J
3 Mui''es.......................................................................................1:J
average best E83" last is mandatory
lesson e)ercises 8 class participation .discussion board" etc/..........EJ
individual pro&ect..........................................................................1:J
group pro&ect.................................................................................17J
eportfolio.......................................................................................17J
foundations seminar......................................................................1<J
*.3D5 4/25.S14/
Points Grade Quality Points
1<<-5: * 4.<
54-5< *- 2.3
95-93 >K 2.2
HTML - ?all 7<14 >reuning 0age 4
9E-92 > 2.<
97-9< >- 7.3
35-33 +K 7.2
Points Grade Quality Points
3E-32 + 7.<
37-3< +- 1.3
E5-E3 !K 1.2
EE-E2 ! 1.<
E7-E< !- <.3
:5- < ? <.<
=U5ST14/S A
Muestions are always welcome. *sk %uestions before" during and after class. My office is
HH21<. !on(t fall behind. ,eek help as soon as you find you don(t understand what is going on. #t
would be helpful if you could stop me in class and ask your %uestions as they occur because # guarantee
there are other students with the same %uestions. # promise # won(t bite- and we can all learn togetherG
#f you get stuck on something at home post your %uestion to the discussion board on blackboard. Hsing
the discussion board to post and answer %uestions is part of your class participation grade. !on(t forget
to consider using online resources when you get stuck. Aou can post %uestions on the discussion board
for your peers to answer" you can email your instructor and you can do research online.
This semester we have an ,# .,upplemental #nstructor/. *n ,# is a student who recently completed the
course and who is prepared to work with you to help you understand the course materials. ,teve will be
available for E hours each week outside of class. # will post his hours on blackboard as soon as # find out
what they are. 0lease seek help from him.
.5S4U.5S'
httpB88w2schools.com8html8html:Qintro.asp
httpB88www.youtube.com8
*s you find resources that help you create a more attractive web page add them to the resource
wiki on blackboard.
33D5M1 H4/5STB
0lagiarism and other forms of cheating will result in disciplinary action. 0lease see the
Hndergraduate +atalog for an e)planation of the +ollege(s 0olicy on *cademic honesty.
,everal students in the past have copied pages off the web and attempted to submit them as their
own. ,uch action is easy to spot" results in a record with the !ean of ,tudents" prevents you
from learning the course material" and can lead to an ? in the course. #t &ust isn(t worth it- so
don(t do itG
56T.3 H5LP A
The !epartment has a student tutor who will be available for help.HH219/" as does +*,*. Aou
may also visit your professor during office hours or anytime you walk by office and see me there
.HH21</. !on(t fall behind. ,eek help as soon as you find you don(t understand what is going on.
SUPPL5M5/T3L 1/ST.UT14/ ,S1-) Steven D"be ,sd"beCst"dentD:raminghamDed"-
Mondays 1<-17am in HH219
Thursdays" 4B2<-EB7< in HH219
?ridays 1<-17am in HH219
.53D1/*
!o the assigned reading before class. There may be an occasional %ui' on the readings.
HTML - ?all 7<14 >reuning 0age :