WEB DESIGN!

B
WEB DESIGN!
                                       John Paxton
                              Computer Science Department
                            Montana State University – Bozeman
                                  Bozeman, MT 59717
                                      406-994-5979
                                 paxton@cs.montana.edu

                                        ABSTRACT

        This paper describes a course on the topic of web design [1, 11] that was
piloted in the summer of 2003. The paper is organized as follows. Section I provides
an overview of the course including its objectives, the lecture topics, the laboratory
assignments and the projects. Section II provides an evaluation of the course from
both the students’ and the instructor’s perspectives. Both the strengths and the
weaknesses are described and possible improvements are suggested. Section III looks
at the curricular implications of web design, both for computer science majors and for
non-majors. Finally, Section IV summarizes the main points of the paper.

I. COURSE OVERVIEW

       Web Design was piloted in the summer of 2003 as a 3 credit semester course.
A prerequisite of computer literacy was required, but no prior programming
experience was assumed. The textbook for the course was Web Design &
Development Using XHTML [5]. By the end of the course, students were expected to

           •       Design, implement and deploy a web site.
           •       Understand design basics.
           •       Understand how to code in XHTML 1.0 Strict.
           •       Understand cascading style sheets.
           •       Use the web effectively to locate relevant information (such as an
                   XHTML reference manual [8]).
           •       Be introduced to client side scripting with JavaScript.
           •       Be introduced to server side scripting with Active Server Pages
                   (hereafter referred to as ASP).
           •       Be introduced to the concepts of XML and XSL.

        18 students enrolled in the course. The background of the students was diverse
and many majors were represented including computer science, art, English, biology,
business, physics, and environmental design. There were also several community
members enrolled including a real estate agent, a librarian, and an office assistant.
        The course was scheduled for the first six weeks of the summer session,
meeting four times a week. Each class began with a 65 minute lecture, followed by a
10 minute break, followed by a 65 minute supervised laboratory period. All of the
lecture and laboratory material is available at the course web site [10]. The
laboratories were supervised by the instructor (the author of this paper) and two senior
level students who were each helping in order to fulfill a required consultation course.
The supervised labs were diverse and included the following types of activities:

               •    Learning to use search engines effectively.
               •    Learning to use a web browser effectively.
•    Critiquing and evaluating web sites and web pages.
               •    Constructing XHTML web pages that validate.
               •    An introduction to Macromedia Dreamweaver.
               •    An introduction to Adobe Photoshop.
               •    Creating design graphics.
               •    Using cascading style sheets.
               •    Incorporating JavaScript into XHTML web pages.
               •    An introduction to ASP.

         During the course of the semester, students were also required to design and
implement their own web site, the construction of which consisted of three phases.
First, a web site proposal was submitted. Second, a prototype of the site’s home page
was constructed. And third, the prototype was expanded to contain a minimum of 10
pages. Following each phase, students received feedback from the instructor. Class
creativity was strong, producing web sites on various topics including:

           •       A spouse’s cartoon business.
           •       A university department.
           •       A public library.
           •       A father’s plumbing business.
           •       A spouse’s soap business.
           •       A personal photography exhibit.
           •       A Friend’s fan club.
           •       A family genealogy.
           •       A personal real estate business.
           •       A parent’s guesthouse business.

       During the final laboratory, each student evaluated the other students’ sites
with respect to content, artistic appeal, and technical merit. Winning students in each
category were awarded Webby [9] awards on the final day of the semester.

II. COURSE EVALUATION

A. Student Evaluation of the Course

    Students filled out an anonymous, course evaluation at the end of the semester.
For each question, students could answer 1 (excellent), 2 (good), 3 (average), 4 (below
average), or 5 (poor) and the answers were averaged. Those questions that may be
relevant for someone planning a web design course in the future are highlighted.

   •   How useful was the text? 1.7. Students were quite satisfied with the textbook.
   •   How useful to learning the material was the homework? 1.8. Students
       considered the laboratories and the web site construction project to be very
       helpful for learning the material. Any person who would like to teach a web
       design course is welcome to use the laboratory materials available at [10].
   •   How useful were the resources for the class? 2.3. The laboratory equipment
       included Windows PCs, a UNIX system where web pages could be posted, and
       a Windows Server PC running ASP. Unfortunately, the Windows Server
       machine was oftentimes not working properly and this made it difficult for
       students to complete their ASP laboratories. The next time the course is
offered, this should not be a problem. The other equipment, though, was
       reliable throughout the semester.
   •   How does this course compare with similar technical courses? 1.7. Students
       thought that this was a good technical course. Bear in mind that most of the
       students in the course were not computer science majors and that technical
       courses are often intimidating for these students.
   •   What is your level of interest in taking an advanced course? 1.4. Many
       students indicated an extremely high level of interest in taking a more
       advanced web design course. Some of the written student comments regarding
       this question included “Bring it on!”, “It’s a must”, “I can’t wait for a follow
       on course”, and “I strongly recommend that a Web Design II class be offered.”
   •   Was this course challenging? 2.4. The course was seen as more challenging
       than average, but not especially so. Designing assignments to appeal to both
       computer science students and non-computer science students was a challenge.
   •   Do you believe that this course provides you with valuable skills to prepare
       you for the workforce? 1.7. Students perceive a web design course as one that
       provides them with marketable skills.
   •   Would you recommend this course to others? 1.5. Through effective
       advertising and word-of-mouth, the enrollment for this course is potentially
       quite high!
   •   Importance of lectures: 1.9. Students found the lectures helpful. The lecture
       topics are available on the course web site [10].
   •   Importance of discussion: 2.9. Although students participated in lecture, there
       were relatively few discussions.
   •   Importance of laboratory assignments: 1.5. Students found the supervised
       laboratories and the web site project to be very helpful for learning the
       material.

B. Instructor Evaluation of the Course

        Overall, I was extremely pleased with the web design course. The textbook is
well written and the lectures and laboratories helped the students to meet the course’s
objectives. The students’ evaluations for the course were among the highest that I
have ever seen. It was absolutely invaluable to have two senior level students who
helped with the supervised laboratory. Although there were only 18 students in the
course, the three of us were kept busy during the laboratory period. It would have
been very difficult to handle the laboratory properly with just one person.
    To improve the course, I recommend the following:

   •   Ensure that all necessary hardware and software is properly configured and
       that a system administrator is available to help. As stated above, there was
       difficulty making a Windows Server PC run ASP reliably. Needless to say,
       this made it difficult to study ASP.
   •   Building a web site is a very appropriate project for this course. However,
       students who chose to build personal web sites generally developed sites that
       were inferior to those students who chose to build non-personal web sites.
       Furthermore, it is easier and much more objective to evaluate a non-personal
       web site than it is to evaluate a personal one. In the future, I will recommend
       that students build only non-personal web sites for the course project.
   •   For some of the laboratory assignments (such as the ones involving
       JavaScript), computer science students had an edge over students who had
never programmed before. It is advisable to pair programmers and non-
       programmers on these assignments so that the non-programmers are not
       disadvantaged.
   •   Once the lecture finished, there was a 10 minute break and then the laboratory
       began. The laboratory should start at least 30 minutes after the lecture for two
       reasons. First, the 10 minute break was too short for most people. Second, it
       would give students a chance to start in on their laboratory assignment if they
       chose to do so. Oftentimes, the laboratory period would end and a few of the
       students would want to stay an extra 10 minutes. Leaving more of a gap
       between the lecture and the laboratory would have helped these students.

III. CURRICULUM IMPLICATIONS

       Because resources are tight, it is unlikely that a web design course can be
added to a pre-existing curriculum. This section contemplates how to incorporate web
design course materials into an existing curriculum.

A. For Non-Majors

        Most computer science departments offer some form of a computer literacy
course for non-majors [6]. Many computer literacy courses have experienced
declining enrollments for the past 10 years due to the fact that more and more students
are computer literate when they enter college. Typical computer literacy courses
cover the web, e-mail, word processing, database programs and spreadsheets. If a
department would like to maintain a higher enrollment in the computer literacy course,
one way to do this would be to fuse computer literacy and web design. Creating a web
site requires sophisticated computer literacy skills (XHTML, cascading style sheets,
PhotoShop, etc.); skills that a typical student entering college would not have.
Coupled with the perceived marketability of web design skills, this fusion is likely to
boost the enrollment of an existing computer literacy course.
        It is also possible that a web design course might find a home in a university’s
core curriculum. At Montana State University - Bozeman, there is a new core
category entitled Contemporary Issues in Science (CIS) [3]. A CIS course is focused
on natural science or technology that examines the ways in which science contributes
to the study of significant problems in the contemporary world, and can help
individuals and society make informed decisions about these issues. In order to be a
CIS course, the course must [3]

   •   Have a clearly defined science and/or technology focus, and explore a
       contemporary science or technology issue.
   •   Examine ways in which science and/or technology can contribute to the study
       of a significant problem in the contemporary world, and can help individuals
       and society make informed decisions about such issues.
   •   Explore how knowledge is created in science and/or technology (at least one-
       third of the course should be devoted to this goal).
   •   Include at least one major, discovery-based learning activity.
   •   Emphasize critical thinking, writing and oral communication skills.
   •   Ask students to independently analyze information from multiple sources.
   •   Develop students’ abilities to work effectively in small groups.

    It would be relatively straight-forward to adapt the web design course described in
this paper to meet these criteria. Having a university core designation practically
guarantees that the course would have a large enrollment. Consequently, more
resources should flow into the department that offers such a course.

   A web design course is also an ideal candidate for a multidisciplinary approach.
The course could possibly be team taught by faculty members from computer science,
graphic design, architecture and/or art [4, 12].

B. For Majors

       Web design has great potential to be incorporated into courses designed for
computer science majors [13]. Two of the bodies of knowledge identified by the
ACM/IEEE Computing Curricula 2001 report [2] are Net-Centric Computing (NC)
and Social and Professional Issues (SP). Web design lends itself to several areas of
Net-Centric Computing:

   •   An introduction to net-centric computing (core).
   •   The web as an example of client-server computing (core).
   •   Building web applications (elective).
   •   Multimedia data technologies (elective).

   Web design also lends itself to several core areas of Social and Professional Issues:

   •   The history of computing (e.g. the history of the World Wide Web).
   •   The social context of computing.
   •   Professional and ethical responsibilities.
   •   Risks and liabilities of computer based systems.
   •   Intellectual property.
   •   Privacy and civil liberties.

IV. CONCLUSION

        This paper describes a web design course that was piloted during the summer
of 2003. Although there are minor areas for improvement, the course was well
received by both students and faculty alike. A course web site is available that
contains all of the lecture and laboratory material.
        This paper discusses several options for incorporating web design material into
an existing curriculum. Web design could be fused with a computer literacy course,
broadening the course’s appeal. Web design also has the potential to be a core
curriculum course. Finally, web design covers both the Net-Centric Computing (NC)
and Social and Professional Issues (SP) areas in the Computing Curricula 2001 report.
Thus, the content of this course is appropriate to incorporate into a Computer Science
major curriculum.
        In summary, web design contains content that is both academically challenging
and fun for both students and instructor alike. Web design requires both the left side
of the brain (logic) and the right side of the brain (creativity). It is hoped that the
reader looking to incorporate web design material into his or her local curriculum will
find the information in this paper helpful.

V. BIBLIOGRAPHY
1. COMM 3344 – Web Design (Interactive Media). Trinity University, TX.
    http://www.trinity.edu/adelwich/3344/
2. Computing Curricula 2001. ACM/IEEE. http://www.acm.org/sigcse/cc2001.
    2001.
3. Core Curriculum Requirements. http://www.montana.edu/newcore/
4. Goldman, M. & White, D. Web Designer’s Guide to Color, Hayden Books,
    1997.
5. Griffin, J., Morales, C., & Finnegan, J. Web Design & Development Using
    XHTML, Franklin, Beedle & Associates, 2003.
6. Guzdial, M. A Media Computation Course for Non-Majors. Conference
    Proceedings of the 8th Annual SIGCSE Conference on Innovation and
    Technology in Computer Science Education, pp. 104-108. 2003.
7. Reed, D. & John, S. Web Annotator. Conference Proceedings of the 34th
    SIGCSE Technical Symposium on Computer Science Education, pp. 386-390.
    2003.
8. W3 Schools – Web Tutorials. http://www.w3schools.com/
9. Webby Awards. http://www.webbyawards.com/main/
10. Web Design Course Website.
    http://www.cs.montana.edu/paxton/classes/summer-2003/cs280/homepage.htm
    l
11. Web Design Courses Online – Catalog. http://www.hwg.org/services/classes/
12. Weinman, L. Preparing Web Graphics, New Riders Publishing. 1997.
13. Zachary, J. & Jensen, P. Exploiting Value-Added Content in an Online
    Course: Introducing Programming Concepts via HTML and JavaScript.
    Conference Proceedings of the 34th SIGCSE Technical Symposium on
    Computer Science Education, pp. 396-400. 2003

Recomendados

Creating your own online business information management course von
Creating your own online business information management courseCreating your own online business information management course
Creating your own online business information management coursergeurtz
600 views16 Folien
Creating your own online BCIS course von
Creating your own online BCIS courseCreating your own online BCIS course
Creating your own online BCIS coursergeurtz
594 views16 Folien
Content Connections Math in Blackboard Learn von
Content Connections Math in Blackboard LearnContent Connections Math in Blackboard Learn
Content Connections Math in Blackboard LearnDal.little
1.4K views28 Folien
BC DL Conf 2013 von
BC DL Conf 2013BC DL Conf 2013
BC DL Conf 2013Dal.little
479 views30 Folien
Creating Project von
Creating ProjectCreating Project
Creating ProjectHeppeard12
310 views10 Folien
Bj4 fm.fm page iv saturday, november 7, 2009 1201 pm von
Bj4 fm.fm  page iv  saturday, november 7, 2009  1201 pmBj4 fm.fm  page iv  saturday, november 7, 2009  1201 pm
Bj4 fm.fm page iv saturday, november 7, 2009 1201 pmhoney690131
36 views54 Folien

Más contenido relacionado

Was ist angesagt?

Paul Gruhn Faculty-Research-Day Student-Poster Program Evalution von
Paul Gruhn Faculty-Research-Day Student-Poster Program EvalutionPaul Gruhn Faculty-Research-Day Student-Poster Program Evalution
Paul Gruhn Faculty-Research-Day Student-Poster Program EvalutionPaul Gruhn
378 views1 Folie
Weblog & Writing von
Weblog & WritingWeblog & Writing
Weblog & WritingIzaham
3.6K views15 Folien
CE_2423_Photoshop_Seabo von
CE_2423_Photoshop_SeaboCE_2423_Photoshop_Seabo
CE_2423_Photoshop_SeaboBancroft
374 views8 Folien
Important Tips for Developing a Quality Online Course von
Important Tips for Developing a Quality Online CourseImportant Tips for Developing a Quality Online Course
Important Tips for Developing a Quality Online Coursemjrobertson
540 views10 Folien
RTF319_INTRO_DIGITAL_MEDIA von
RTF319_INTRO_DIGITAL_MEDIARTF319_INTRO_DIGITAL_MEDIA
RTF319_INTRO_DIGITAL_MEDIADr. Arie Stavchansky
130 views9 Folien
CTE Triton: Getting your Students Onboard with Blackboard 2020 von
CTE Triton: Getting your Students Onboard with Blackboard 2020CTE Triton: Getting your Students Onboard with Blackboard 2020
CTE Triton: Getting your Students Onboard with Blackboard 2020Erin Stapleton-Corcoran
75 views23 Folien

Was ist angesagt?(20)

Paul Gruhn Faculty-Research-Day Student-Poster Program Evalution von Paul Gruhn
Paul Gruhn Faculty-Research-Day Student-Poster Program EvalutionPaul Gruhn Faculty-Research-Day Student-Poster Program Evalution
Paul Gruhn Faculty-Research-Day Student-Poster Program Evalution
Paul Gruhn378 views
Weblog & Writing von Izaham
Weblog & WritingWeblog & Writing
Weblog & Writing
Izaham 3.6K views
CE_2423_Photoshop_Seabo von Bancroft
CE_2423_Photoshop_SeaboCE_2423_Photoshop_Seabo
CE_2423_Photoshop_Seabo
Bancroft374 views
Important Tips for Developing a Quality Online Course von mjrobertson
Important Tips for Developing a Quality Online CourseImportant Tips for Developing a Quality Online Course
Important Tips for Developing a Quality Online Course
mjrobertson540 views
Online assessment june 2013 - v3 von Chris Rowell
Online assessment   june 2013 - v3Online assessment   june 2013 - v3
Online assessment june 2013 - v3
Chris Rowell698 views
04.txtbookto online.darrowschwirzke von Rob Darrow
04.txtbookto online.darrowschwirzke04.txtbookto online.darrowschwirzke
04.txtbookto online.darrowschwirzke
Rob Darrow318 views
Using blogs for student writing von Claire Amos
Using blogs for student writingUsing blogs for student writing
Using blogs for student writing
Claire Amos518 views
wordpress as ePortfolio for academic designers von Sam Collett
wordpress as ePortfolio for academic designerswordpress as ePortfolio for academic designers
wordpress as ePortfolio for academic designers
Sam Collett515 views
Network lesson plan module 3 assignment von BOXLIGHT Inc
Network lesson plan   module 3 assignmentNetwork lesson plan   module 3 assignment
Network lesson plan module 3 assignment
BOXLIGHT Inc509 views
EFL Blogging School, edition 1. Highlights von Olga Morozan
EFL Blogging School, edition 1. Highlights EFL Blogging School, edition 1. Highlights
EFL Blogging School, edition 1. Highlights
Olga Morozan344 views
Wicked presentation von gawnelis
Wicked presentationWicked presentation
Wicked presentation
gawnelis419 views
Pechukacha script von Jan Parker
Pechukacha scriptPechukacha script
Pechukacha script
Jan Parker486 views
Pecha kucha048 lukemiller von md1xlm
Pecha kucha048 lukemillerPecha kucha048 lukemiller
Pecha kucha048 lukemiller
md1xlm200 views
SGVCUE presentation: Online Learning in the Traditional Classroom von Timothy McKean
SGVCUE presentation: Online Learning in the Traditional ClassroomSGVCUE presentation: Online Learning in the Traditional Classroom
SGVCUE presentation: Online Learning in the Traditional Classroom
Timothy McKean398 views
Cert IBET Second Live Session von Carl Dowse
Cert IBET Second Live SessionCert IBET Second Live Session
Cert IBET Second Live Session
Carl Dowse665 views

Destacado

A Brief MongoDB Intro von
A Brief MongoDB IntroA Brief MongoDB Intro
A Brief MongoDB IntroScott Hernandez
1.2K views18 Folien
Introduction to php von
Introduction to phpIntroduction to php
Introduction to phpjgarifuna
1.2K views18 Folien
Curriculo oficial 2014 con fotos von
Curriculo oficial 2014 con fotosCurriculo oficial 2014 con fotos
Curriculo oficial 2014 con fotosPedro Castro Ustarez
520 views68 Folien
Las cooperativas como alternativa de inclusión socio-laboral para personas pr... von
Las cooperativas como alternativa de inclusión socio-laboral para personas pr...Las cooperativas como alternativa de inclusión socio-laboral para personas pr...
Las cooperativas como alternativa de inclusión socio-laboral para personas pr...Juani Raimondi
617 views10 Folien
I Stand With Immigrants von
I Stand With ImmigrantsI Stand With Immigrants
I Stand With ImmigrantsRichard Herman
250 views1 Folie
MapReduce and Hadoop von
MapReduce and HadoopMapReduce and Hadoop
MapReduce and HadoopSalil Navgire
948 views21 Folien

Destacado(9)

Introduction to php von jgarifuna
Introduction to phpIntroduction to php
Introduction to php
jgarifuna1.2K views
Las cooperativas como alternativa de inclusión socio-laboral para personas pr... von Juani Raimondi
Las cooperativas como alternativa de inclusión socio-laboral para personas pr...Las cooperativas como alternativa de inclusión socio-laboral para personas pr...
Las cooperativas como alternativa de inclusión socio-laboral para personas pr...
Juani Raimondi617 views
MongoDB 2.8 Replication Internals: Fitting it all together von Scott Hernandez
MongoDB 2.8 Replication Internals: Fitting it all togetherMongoDB 2.8 Replication Internals: Fitting it all together
MongoDB 2.8 Replication Internals: Fitting it all together
Scott Hernandez794 views
Joomla/Mambo CMS von jgarifuna
Joomla/Mambo CMSJoomla/Mambo CMS
Joomla/Mambo CMS
jgarifuna509 views

Similar a WEB DESIGN!

ICT in ELTCourse - Final Project von
ICT in ELTCourse - Final ProjectICT in ELTCourse - Final Project
ICT in ELTCourse - Final ProjectEvelyn Izquierdo
453 views7 Folien
GCD.263.doc von
GCD.263.docGCD.263.doc
GCD.263.docbutest
272 views8 Folien
Liz Smith et al 2008 von
Liz Smith et al 2008Liz Smith et al 2008
Liz Smith et al 2008Diana Quinn
537 views30 Folien
Implementing A Model Lesson Plan von
Implementing A Model Lesson PlanImplementing A Model Lesson Plan
Implementing A Model Lesson Planlisamulka
3.5K views4 Folien
Telecommunications Course Outline for Media Literacy von
Telecommunications Course Outline for Media LiteracyTelecommunications Course Outline for Media Literacy
Telecommunications Course Outline for Media LiteracyJennifer McBrayer
613 views21 Folien
Graduation project 63232 von
Graduation project 63232Graduation project 63232
Graduation project 63232techprojects
2.3K views24 Folien

Similar a WEB DESIGN!(20)

GCD.263.doc von butest
GCD.263.docGCD.263.doc
GCD.263.doc
butest272 views
Liz Smith et al 2008 von Diana Quinn
Liz Smith et al 2008Liz Smith et al 2008
Liz Smith et al 2008
Diana Quinn537 views
Implementing A Model Lesson Plan von lisamulka
Implementing A Model Lesson PlanImplementing A Model Lesson Plan
Implementing A Model Lesson Plan
lisamulka3.5K views
Telecommunications Course Outline for Media Literacy von Jennifer McBrayer
Telecommunications Course Outline for Media LiteracyTelecommunications Course Outline for Media Literacy
Telecommunications Course Outline for Media Literacy
Jennifer McBrayer613 views
Graduation project 63232 von techprojects
Graduation project 63232Graduation project 63232
Graduation project 63232
techprojects2.3K views
Engl317 syllabus hybrid_waters von kwaters23
Engl317 syllabus hybrid_watersEngl317 syllabus hybrid_waters
Engl317 syllabus hybrid_waters
kwaters2332 views
No longer partying like it's 1999: designing a modern web stream von Randy Connolly
No longer partying like it's 1999: designing a modern web streamNo longer partying like it's 1999: designing a modern web stream
No longer partying like it's 1999: designing a modern web stream
Randy Connolly908 views
The Development of Online Course von Hafidzah Aziz
The Development of Online CourseThe Development of Online Course
The Development of Online Course
Hafidzah Aziz412 views
Engl317 syllabus hybrid_instructors von kwaters23
Engl317 syllabus hybrid_instructorsEngl317 syllabus hybrid_instructors
Engl317 syllabus hybrid_instructors
kwaters2313 views
EDU 749 Emerging Trends in Technology von gibb0
EDU 749 Emerging Trends in TechnologyEDU 749 Emerging Trends in Technology
EDU 749 Emerging Trends in Technology
gibb0264 views
Introduction to Webdev2 von ayehl612
Introduction to Webdev2Introduction to Webdev2
Introduction to Webdev2
ayehl612252 views
web design course description.doc von butest
web design course description.docweb design course description.doc
web design course description.doc
butest627 views
Engl317 syllabus hybrid_waters von kwaters23
Engl317 syllabus hybrid_watersEngl317 syllabus hybrid_waters
Engl317 syllabus hybrid_waters
kwaters23205 views
E learning course von clmsyz
E learning courseE learning course
E learning course
clmsyz194 views
Mohd outreach activities von BCcampus
Mohd outreach activitiesMohd outreach activities
Mohd outreach activities
BCcampus437 views

Más de butest

EL MODELO DE NEGOCIO DE YOUTUBE von
EL MODELO DE NEGOCIO DE YOUTUBEEL MODELO DE NEGOCIO DE YOUTUBE
EL MODELO DE NEGOCIO DE YOUTUBEbutest
9K views23 Folien
1. MPEG I.B.P frame之不同 von
1. MPEG I.B.P frame之不同1. MPEG I.B.P frame之不同
1. MPEG I.B.P frame之不同butest
5K views3 Folien
LESSONS FROM THE MICHAEL JACKSON TRIAL von
LESSONS FROM THE MICHAEL JACKSON TRIALLESSONS FROM THE MICHAEL JACKSON TRIAL
LESSONS FROM THE MICHAEL JACKSON TRIALbutest
2.4K views3 Folien
Timeline: The Life of Michael Jackson von
Timeline: The Life of Michael JacksonTimeline: The Life of Michael Jackson
Timeline: The Life of Michael Jacksonbutest
3.7K views10 Folien
Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ... von
Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ...Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ...
Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ...butest
2.1K views6 Folien
LESSONS FROM THE MICHAEL JACKSON TRIAL von
LESSONS FROM THE MICHAEL JACKSON TRIALLESSONS FROM THE MICHAEL JACKSON TRIAL
LESSONS FROM THE MICHAEL JACKSON TRIALbutest
2.4K views6 Folien

Más de butest(20)

EL MODELO DE NEGOCIO DE YOUTUBE von butest
EL MODELO DE NEGOCIO DE YOUTUBEEL MODELO DE NEGOCIO DE YOUTUBE
EL MODELO DE NEGOCIO DE YOUTUBE
butest9K views
1. MPEG I.B.P frame之不同 von butest
1. MPEG I.B.P frame之不同1. MPEG I.B.P frame之不同
1. MPEG I.B.P frame之不同
butest5K views
LESSONS FROM THE MICHAEL JACKSON TRIAL von butest
LESSONS FROM THE MICHAEL JACKSON TRIALLESSONS FROM THE MICHAEL JACKSON TRIAL
LESSONS FROM THE MICHAEL JACKSON TRIAL
butest2.4K views
Timeline: The Life of Michael Jackson von butest
Timeline: The Life of Michael JacksonTimeline: The Life of Michael Jackson
Timeline: The Life of Michael Jackson
butest3.7K views
Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ... von butest
Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ...Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ...
Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ...
butest2.1K views
LESSONS FROM THE MICHAEL JACKSON TRIAL von butest
LESSONS FROM THE MICHAEL JACKSON TRIALLESSONS FROM THE MICHAEL JACKSON TRIAL
LESSONS FROM THE MICHAEL JACKSON TRIAL
butest2.4K views
Com 380, Summer II von butest
Com 380, Summer IICom 380, Summer II
Com 380, Summer II
butest1.7K views
PPT von butest
PPTPPT
PPT
butest2K views
The MYnstrel Free Press Volume 2: Economic Struggles, Meet Jazz von butest
The MYnstrel Free Press Volume 2: Economic Struggles, Meet JazzThe MYnstrel Free Press Volume 2: Economic Struggles, Meet Jazz
The MYnstrel Free Press Volume 2: Economic Struggles, Meet Jazz
butest1.4K views
MICHAEL JACKSON.doc von butest
MICHAEL JACKSON.docMICHAEL JACKSON.doc
MICHAEL JACKSON.doc
butest1.5K views
Social Networks: Twitter Facebook SL - Slide 1 von butest
Social Networks: Twitter Facebook SL - Slide 1Social Networks: Twitter Facebook SL - Slide 1
Social Networks: Twitter Facebook SL - Slide 1
butest1.4K views
Facebook von butest
Facebook Facebook
Facebook
butest1.1K views
Executive Summary Hare Chevrolet is a General Motors dealership ... von butest
Executive Summary Hare Chevrolet is a General Motors dealership ...Executive Summary Hare Chevrolet is a General Motors dealership ...
Executive Summary Hare Chevrolet is a General Motors dealership ...
butest6.9K views
Welcome to the Dougherty County Public Library's Facebook and ... von butest
Welcome to the Dougherty County Public Library's Facebook and ...Welcome to the Dougherty County Public Library's Facebook and ...
Welcome to the Dougherty County Public Library's Facebook and ...
butest1.1K views
NEWS ANNOUNCEMENT von butest
NEWS ANNOUNCEMENTNEWS ANNOUNCEMENT
NEWS ANNOUNCEMENT
butest910 views
C-2100 Ultra Zoom.doc von butest
C-2100 Ultra Zoom.docC-2100 Ultra Zoom.doc
C-2100 Ultra Zoom.doc
butest1K views
MAC Printing on ITS Printers.doc.doc von butest
MAC Printing on ITS Printers.doc.docMAC Printing on ITS Printers.doc.doc
MAC Printing on ITS Printers.doc.doc
butest1.2K views
Mac OS X Guide.doc von butest
Mac OS X Guide.docMac OS X Guide.doc
Mac OS X Guide.doc
butest1.6K views
hier von butest
hierhier
hier
butest2.4K views
Download von butest
DownloadDownload
Download
butest1.3K views

WEB DESIGN!

  • 1. WEB DESIGN! John Paxton Computer Science Department Montana State University – Bozeman Bozeman, MT 59717 406-994-5979 paxton@cs.montana.edu ABSTRACT This paper describes a course on the topic of web design [1, 11] that was piloted in the summer of 2003. The paper is organized as follows. Section I provides an overview of the course including its objectives, the lecture topics, the laboratory assignments and the projects. Section II provides an evaluation of the course from both the students’ and the instructor’s perspectives. Both the strengths and the weaknesses are described and possible improvements are suggested. Section III looks at the curricular implications of web design, both for computer science majors and for non-majors. Finally, Section IV summarizes the main points of the paper. I. COURSE OVERVIEW Web Design was piloted in the summer of 2003 as a 3 credit semester course. A prerequisite of computer literacy was required, but no prior programming experience was assumed. The textbook for the course was Web Design & Development Using XHTML [5]. By the end of the course, students were expected to • Design, implement and deploy a web site. • Understand design basics. • Understand how to code in XHTML 1.0 Strict. • Understand cascading style sheets. • Use the web effectively to locate relevant information (such as an XHTML reference manual [8]). • Be introduced to client side scripting with JavaScript. • Be introduced to server side scripting with Active Server Pages (hereafter referred to as ASP). • Be introduced to the concepts of XML and XSL. 18 students enrolled in the course. The background of the students was diverse and many majors were represented including computer science, art, English, biology, business, physics, and environmental design. There were also several community members enrolled including a real estate agent, a librarian, and an office assistant. The course was scheduled for the first six weeks of the summer session, meeting four times a week. Each class began with a 65 minute lecture, followed by a 10 minute break, followed by a 65 minute supervised laboratory period. All of the lecture and laboratory material is available at the course web site [10]. The laboratories were supervised by the instructor (the author of this paper) and two senior level students who were each helping in order to fulfill a required consultation course. The supervised labs were diverse and included the following types of activities: • Learning to use search engines effectively. • Learning to use a web browser effectively.
  • 2. Critiquing and evaluating web sites and web pages. • Constructing XHTML web pages that validate. • An introduction to Macromedia Dreamweaver. • An introduction to Adobe Photoshop. • Creating design graphics. • Using cascading style sheets. • Incorporating JavaScript into XHTML web pages. • An introduction to ASP. During the course of the semester, students were also required to design and implement their own web site, the construction of which consisted of three phases. First, a web site proposal was submitted. Second, a prototype of the site’s home page was constructed. And third, the prototype was expanded to contain a minimum of 10 pages. Following each phase, students received feedback from the instructor. Class creativity was strong, producing web sites on various topics including: • A spouse’s cartoon business. • A university department. • A public library. • A father’s plumbing business. • A spouse’s soap business. • A personal photography exhibit. • A Friend’s fan club. • A family genealogy. • A personal real estate business. • A parent’s guesthouse business. During the final laboratory, each student evaluated the other students’ sites with respect to content, artistic appeal, and technical merit. Winning students in each category were awarded Webby [9] awards on the final day of the semester. II. COURSE EVALUATION A. Student Evaluation of the Course Students filled out an anonymous, course evaluation at the end of the semester. For each question, students could answer 1 (excellent), 2 (good), 3 (average), 4 (below average), or 5 (poor) and the answers were averaged. Those questions that may be relevant for someone planning a web design course in the future are highlighted. • How useful was the text? 1.7. Students were quite satisfied with the textbook. • How useful to learning the material was the homework? 1.8. Students considered the laboratories and the web site construction project to be very helpful for learning the material. Any person who would like to teach a web design course is welcome to use the laboratory materials available at [10]. • How useful were the resources for the class? 2.3. The laboratory equipment included Windows PCs, a UNIX system where web pages could be posted, and a Windows Server PC running ASP. Unfortunately, the Windows Server machine was oftentimes not working properly and this made it difficult for students to complete their ASP laboratories. The next time the course is
  • 3. offered, this should not be a problem. The other equipment, though, was reliable throughout the semester. • How does this course compare with similar technical courses? 1.7. Students thought that this was a good technical course. Bear in mind that most of the students in the course were not computer science majors and that technical courses are often intimidating for these students. • What is your level of interest in taking an advanced course? 1.4. Many students indicated an extremely high level of interest in taking a more advanced web design course. Some of the written student comments regarding this question included “Bring it on!”, “It’s a must”, “I can’t wait for a follow on course”, and “I strongly recommend that a Web Design II class be offered.” • Was this course challenging? 2.4. The course was seen as more challenging than average, but not especially so. Designing assignments to appeal to both computer science students and non-computer science students was a challenge. • Do you believe that this course provides you with valuable skills to prepare you for the workforce? 1.7. Students perceive a web design course as one that provides them with marketable skills. • Would you recommend this course to others? 1.5. Through effective advertising and word-of-mouth, the enrollment for this course is potentially quite high! • Importance of lectures: 1.9. Students found the lectures helpful. The lecture topics are available on the course web site [10]. • Importance of discussion: 2.9. Although students participated in lecture, there were relatively few discussions. • Importance of laboratory assignments: 1.5. Students found the supervised laboratories and the web site project to be very helpful for learning the material. B. Instructor Evaluation of the Course Overall, I was extremely pleased with the web design course. The textbook is well written and the lectures and laboratories helped the students to meet the course’s objectives. The students’ evaluations for the course were among the highest that I have ever seen. It was absolutely invaluable to have two senior level students who helped with the supervised laboratory. Although there were only 18 students in the course, the three of us were kept busy during the laboratory period. It would have been very difficult to handle the laboratory properly with just one person. To improve the course, I recommend the following: • Ensure that all necessary hardware and software is properly configured and that a system administrator is available to help. As stated above, there was difficulty making a Windows Server PC run ASP reliably. Needless to say, this made it difficult to study ASP. • Building a web site is a very appropriate project for this course. However, students who chose to build personal web sites generally developed sites that were inferior to those students who chose to build non-personal web sites. Furthermore, it is easier and much more objective to evaluate a non-personal web site than it is to evaluate a personal one. In the future, I will recommend that students build only non-personal web sites for the course project. • For some of the laboratory assignments (such as the ones involving JavaScript), computer science students had an edge over students who had
  • 4. never programmed before. It is advisable to pair programmers and non- programmers on these assignments so that the non-programmers are not disadvantaged. • Once the lecture finished, there was a 10 minute break and then the laboratory began. The laboratory should start at least 30 minutes after the lecture for two reasons. First, the 10 minute break was too short for most people. Second, it would give students a chance to start in on their laboratory assignment if they chose to do so. Oftentimes, the laboratory period would end and a few of the students would want to stay an extra 10 minutes. Leaving more of a gap between the lecture and the laboratory would have helped these students. III. CURRICULUM IMPLICATIONS Because resources are tight, it is unlikely that a web design course can be added to a pre-existing curriculum. This section contemplates how to incorporate web design course materials into an existing curriculum. A. For Non-Majors Most computer science departments offer some form of a computer literacy course for non-majors [6]. Many computer literacy courses have experienced declining enrollments for the past 10 years due to the fact that more and more students are computer literate when they enter college. Typical computer literacy courses cover the web, e-mail, word processing, database programs and spreadsheets. If a department would like to maintain a higher enrollment in the computer literacy course, one way to do this would be to fuse computer literacy and web design. Creating a web site requires sophisticated computer literacy skills (XHTML, cascading style sheets, PhotoShop, etc.); skills that a typical student entering college would not have. Coupled with the perceived marketability of web design skills, this fusion is likely to boost the enrollment of an existing computer literacy course. It is also possible that a web design course might find a home in a university’s core curriculum. At Montana State University - Bozeman, there is a new core category entitled Contemporary Issues in Science (CIS) [3]. A CIS course is focused on natural science or technology that examines the ways in which science contributes to the study of significant problems in the contemporary world, and can help individuals and society make informed decisions about these issues. In order to be a CIS course, the course must [3] • Have a clearly defined science and/or technology focus, and explore a contemporary science or technology issue. • Examine ways in which science and/or technology can contribute to the study of a significant problem in the contemporary world, and can help individuals and society make informed decisions about such issues. • Explore how knowledge is created in science and/or technology (at least one- third of the course should be devoted to this goal). • Include at least one major, discovery-based learning activity. • Emphasize critical thinking, writing and oral communication skills. • Ask students to independently analyze information from multiple sources. • Develop students’ abilities to work effectively in small groups. It would be relatively straight-forward to adapt the web design course described in this paper to meet these criteria. Having a university core designation practically
  • 5. guarantees that the course would have a large enrollment. Consequently, more resources should flow into the department that offers such a course. A web design course is also an ideal candidate for a multidisciplinary approach. The course could possibly be team taught by faculty members from computer science, graphic design, architecture and/or art [4, 12]. B. For Majors Web design has great potential to be incorporated into courses designed for computer science majors [13]. Two of the bodies of knowledge identified by the ACM/IEEE Computing Curricula 2001 report [2] are Net-Centric Computing (NC) and Social and Professional Issues (SP). Web design lends itself to several areas of Net-Centric Computing: • An introduction to net-centric computing (core). • The web as an example of client-server computing (core). • Building web applications (elective). • Multimedia data technologies (elective). Web design also lends itself to several core areas of Social and Professional Issues: • The history of computing (e.g. the history of the World Wide Web). • The social context of computing. • Professional and ethical responsibilities. • Risks and liabilities of computer based systems. • Intellectual property. • Privacy and civil liberties. IV. CONCLUSION This paper describes a web design course that was piloted during the summer of 2003. Although there are minor areas for improvement, the course was well received by both students and faculty alike. A course web site is available that contains all of the lecture and laboratory material. This paper discusses several options for incorporating web design material into an existing curriculum. Web design could be fused with a computer literacy course, broadening the course’s appeal. Web design also has the potential to be a core curriculum course. Finally, web design covers both the Net-Centric Computing (NC) and Social and Professional Issues (SP) areas in the Computing Curricula 2001 report. Thus, the content of this course is appropriate to incorporate into a Computer Science major curriculum. In summary, web design contains content that is both academically challenging and fun for both students and instructor alike. Web design requires both the left side of the brain (logic) and the right side of the brain (creativity). It is hoped that the reader looking to incorporate web design material into his or her local curriculum will find the information in this paper helpful. V. BIBLIOGRAPHY
  • 6. 1. COMM 3344 – Web Design (Interactive Media). Trinity University, TX. http://www.trinity.edu/adelwich/3344/ 2. Computing Curricula 2001. ACM/IEEE. http://www.acm.org/sigcse/cc2001. 2001. 3. Core Curriculum Requirements. http://www.montana.edu/newcore/ 4. Goldman, M. & White, D. Web Designer’s Guide to Color, Hayden Books, 1997. 5. Griffin, J., Morales, C., & Finnegan, J. Web Design & Development Using XHTML, Franklin, Beedle & Associates, 2003. 6. Guzdial, M. A Media Computation Course for Non-Majors. Conference Proceedings of the 8th Annual SIGCSE Conference on Innovation and Technology in Computer Science Education, pp. 104-108. 2003. 7. Reed, D. & John, S. Web Annotator. Conference Proceedings of the 34th SIGCSE Technical Symposium on Computer Science Education, pp. 386-390. 2003. 8. W3 Schools – Web Tutorials. http://www.w3schools.com/ 9. Webby Awards. http://www.webbyawards.com/main/ 10. Web Design Course Website. http://www.cs.montana.edu/paxton/classes/summer-2003/cs280/homepage.htm l 11. Web Design Courses Online – Catalog. http://www.hwg.org/services/classes/ 12. Weinman, L. Preparing Web Graphics, New Riders Publishing. 1997. 13. Zachary, J. & Jensen, P. Exploiting Value-Added Content in an Online Course: Introducing Programming Concepts via HTML and JavaScript. Conference Proceedings of the 34th SIGCSE Technical Symposium on Computer Science Education, pp. 396-400. 2003