首页
编程语言
数据库
网络开发
Algorithm算法
移动开发
系统相关
金融统计
人工智能
其他
首页
>
> 详细
CS200留学生讲解、辅导HTML,CSS编程语言、讲解css设计 解析R语言编程|辅导R语言程序
CS200 Assignment 5 Page { PAGE } of { NUMPAGES }
CS200 Assignment 5 – HTML and CSS
Due Monday February 10th 2020, 11:59 pm
Readings and Resources
On the web: { HYPERLINK "http://validator.w3.org/" } : a site that will check a web page for
faulty HTML tags
{ HYPERLINK "http://jigsaw.w3.org/css-validator/" } : a site that will check a web
page or external
CSS file for faulty CSS
{ HYPERLINK "https://www.student.cs.uwaterloo.ca/~cs200/" \l "handouts" }:
commented HTML
Texts: The Non-Designer’s Design Book, by Robin Williams, chapters 1–6, pages 117–120
Learning Web Design 4th Ed., by Jennifer Niederst
CSS Pocket Reference, by Eric Meyer, chapters 2, 4–9, 11, 12
Other Resources: http://www.w3schools.com/html/default.asp
http://{ HYPERLINK "http://www.htmlcodetutorial.com" }
{ HYPERLINK "http://www.westciv.com/style_master/academy/css_tutorial/" }
http://codeacademy.com/learn/web
Check our Pinterest page for other resources: https://www.pinterest.com/cs2000143/
Assignment Objectives
• To create a webpage for yourself using HTML and gain an understanding of how a webpage
works.
• To use tables, hyperlinks and images correctly.
• To familiarize yourself with and use Cascading Style Sheets (CSS) to format your webpages.
• To gain a stronger understanding of clients and servers and how webpages are shared.
Assignment Strategy
• This assignment must be done individually.
CS200 Assignment 5 Page { PAGE } of { NUMPAGES }
Your Tasks
For this assignment, you will be creating a small website for yourself using a text editor
(TextWrangler is available in the lab, but you can use any text editor of your choosing). Each
question contributes to creating your website. While you won’t be able to do all the questions in
the first lab, you should read through the entire assignment before beginning, to get a sense of
what you’ll be doing. In particular, read through all of question 1 before beginning.
1. [55%] Your site must include at least 4 HTML pages and at least 1 external CSS file, as
described below (the instructions for the 4th html page is in question 2). In part C you will be
applying CSS to style these webpages. It will be helpful to read through all of question 1 before
beginning, and you might want to consider all parts simultaneously, though you won’t be able
to complete all of question 1 until we’ve covered CSS in lecture.
Part A:
⎕ A page named root.html. This will be your homepage, which must include:
⎕ Your name and username at the top of your web page;
⎕ Your name as the
⎕ An image (such as the photo you edited for A3, or something else). Note that you may
only use the gif, jpeg and png image file formats in web pages.
⎕ Two absolute hypertext links to other web pages (ie. sites you find particularly
interesting);
⎕ A list of something;
⎕ A table of something;
⎕ A mail-to link to your UW email account;
⎕ This page should be visually appealing, easy to read, well designed, and consistent with
the guidelines from The Non-Designers Design Book. Make sure you follow the four basic
principles of visual design described in the book. Part B asks you to define at least 2 of
these basic principles and explain how you’ve applied them in root.html. You will likely
find this easier after learning and applying CSS in part C.
⎕ A relative hypertext link to each of:
⎕ design.html (see part B),
⎕ username.html (see below),
⎕ form.html (see question 2)
⎕ This file must be named root.html.
CS200 Assignment 5 Page { PAGE } of { NUMPAGES }
⎕ A page named username.html, containing the following:
⎕ Text of your choosing (ex. this could be more detail about something from root.html, or
anything else you’d like).
⎕ There must be a relative hypertext link from root.html to this page, as listed above.
While you are not required to have a relative hypertext link in design.html to go back to
root.html, think about why this would be a good website design choice.
Part B: Appearance of root.html. You will be marked for the appearance of root.html as
displayed in Firefox or Chrome. This might be easier to do after learning about CSS and doing
part C. You are also required to have the following:
⎕ A page named design.html, containing the following:
⎕ A definition of 2 of the 4 basic principles from the Non Designer’s Design Book.
⎕ A brief explanation (few sentences each) of how you applied these 2 principles to your
root.html page. Note that you should not have violated any of the 4 principles, but you
only have to define and explain your use of 2 of them. There will be bonus marks for
defining and explaining your use of the other 2 principles.
⎕ There must be a relative hypertext link from root.html to this page, as listed in question
1. While you are not required to have a relative hypertext link in design.html to go back
to root.html, think about why this would be a good website design choice.
Part C: You will now apply CSS to the webpages you just created. You can be as creative as you
want, as long as you follow the principles in the Non-Designer’s Design Book and satisfy the
following. In either root.html or username.html, you must have:
⎕ At least 9 distinct user-defined CSS styles defined and applied, as follows:
⎕ At least 3 of these must be defined in the section of the page using a
联系我们
QQ:99515681
邮箱:99515681@qq.com
工作时间:8:00-21:00
微信:codinghelp
热点文章
更多
mgt202辅导 、讲解 java/pytho...
2025-06-28
讲解 pbt205—project-based l...
2025-06-28
辅导 comp3702 artificial int...
2025-06-28
辅导 cs3214 fall 2022 projec...
2025-06-28
辅导 turnitin assignment讲解...
2025-06-28
辅导 finite element modellin...
2025-06-28
讲解 stat3600 linear statist...
2025-06-28
辅导 problem set #3讲解 matl...
2025-06-28
讲解 elen90066 embedded syst...
2025-06-28
讲解 automatic counting of d...
2025-06-28
讲解 ct60a9602 functional pr...
2025-06-28
辅导 stat3600 linear statist...
2025-06-28
辅导 csci 1110: assignment 2...
2025-06-28
辅导 geography调试r语言
2025-06-28
辅导 introduction to informa...
2025-06-28
辅导 envir 100: introduction...
2025-06-28
辅导 assessment 3 - individu...
2025-06-28
讲解 laboratory 1讲解 留学生...
2025-06-28
辅导 ct60a9600 renewable ene...
2025-06-28
辅导 economics 140a homework...
2025-06-28
热点标签
mktg2509
csci 2600
38170
lng302
csse3010
phas3226
77938
arch1162
engn4536/engn6536
acx5903
comp151101
phl245
cse12
comp9312
stat3016/6016
phas0038
comp2140
6qqmb312
xjco3011
rest0005
ematm0051
5qqmn219
lubs5062m
eee8155
cege0100
eap033
artd1109
mat246
etc3430
ecmm462
mis102
inft6800
ddes9903
comp6521
comp9517
comp3331/9331
comp4337
comp6008
comp9414
bu.231.790.81
man00150m
csb352h
math1041
eengm4100
isys1002
08
6057cem
mktg3504
mthm036
mtrx1701
mth3241
eeee3086
cmp-7038b
cmp-7000a
ints4010
econ2151
infs5710
fins5516
fin3309
fins5510
gsoe9340
math2007
math2036
soee5010
mark3088
infs3605
elec9714
comp2271
ma214
comp2211
infs3604
600426
sit254
acct3091
bbt405
msin0116
com107/com113
mark5826
sit120
comp9021
eco2101
eeen40700
cs253
ece3114
ecmm447
chns3000
math377
itd102
comp9444
comp(2041|9044)
econ0060
econ7230
mgt001371
ecs-323
cs6250
mgdi60012
mdia2012
comm221001
comm5000
ma1008
engl642
econ241
com333
math367
mis201
nbs-7041x
meek16104
econ2003
comm1190
mbas902
comp-1027
dpst1091
comp7315
eppd1033
m06
ee3025
msci231
bb113/bbs1063
fc709
comp3425
comp9417
econ42915
cb9101
math1102e
chme0017
fc307
mkt60104
5522usst
litr1-uc6201.200
ee1102
cosc2803
math39512
omp9727
int2067/int5051
bsb151
mgt253
fc021
babs2202
mis2002s
phya21
18-213
cege0012
mdia1002
math38032
mech5125
07
cisc102
mgx3110
cs240
11175
fin3020s
eco3420
ictten622
comp9727
cpt111
de114102d
mgm320h5s
bafi1019
math21112
efim20036
mn-3503
fins5568
110.807
bcpm000028
info6030
bma0092
bcpm0054
math20212
ce335
cs365
cenv6141
ftec5580
math2010
ec3450
comm1170
ecmt1010
csci-ua.0480-003
econ12-200
ib3960
ectb60h3f
cs247—assignment
tk3163
ics3u
ib3j80
comp20008
comp9334
eppd1063
acct2343
cct109
isys1055/3412
math350-real
math2014
eec180
stat141b
econ2101
msinm014/msing014/msing014b
fit2004
comp643
bu1002
cm2030
联系我们
- QQ: 99515681 微信:codinghelp
© 2024
www.7daixie.com
站长地图
程序辅导网!