首页
编程语言
数据库
网络开发
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
热点文章
更多
讲解 artificial intelligence...
2024-04-18
辅导 kxo206 database managem...
2024-04-18
辅导 comp9417 project: multi...
2024-04-18
辅导 bl5611 drugdiscovery202...
2024-04-18
辅导 comp5313/comp4313—larg...
2024-04-18
辅导 aem 4500 / econ 3860 / ...
2024-04-18
辅导 math 1151, spring 2024 ...
2024-04-18
辅导 7ssmm712 – topics in a...
2024-04-18
辅导 elec eng 3088/7088 comp...
2024-04-18
辅导 pols0010 data analysis ...
2024-04-18
辅导 econ 602: course projec...
2024-04-18
讲解 economics 253 - spring ...
2024-04-18
辅导 artd 6151: sustainabili...
2024-04-18
讲解 ifn647 text, web and me...
2024-04-18
讲解 cse340 project 2: pars...
2024-04-18
讲解 mane - 4500 modeling an...
2024-04-18
讲解 civil 750 - timber engi...
2024-04-18
辅导 qbus6860 sustainable en...
2024-04-18
辅导 25721 investment manage...
2024-04-18
讲解 eeee4123 hdl for progra...
2024-04-18
热点标签
cs 61b
cs360
fin 3080
ierg 4080
cs6238
cit 594
finm7406
hw6
elec9713
asb-2522
lit301
mcd4540
geog0030
125.330
biol0006
125.320
cs3334
fit2093
acct1101
110.309
masy1-gc
cs314
elec0048
gds104
mg5637
mso3610
math5905
fit2096
comp3411
07
eel4837
sehs4515
cpt s 321
asb2522 investment
ma214
co2104
mgmt2015
32516
math32051
econ1012
mark2052
dsci 525
comp3310
econ0019
comp30023
abmf3184
aps106
antc27
finm7401
itp122
tech2300
math3026
comp9024
cs 2550
is2022
fit1047
36318
cao107
cs 211
ics4u
2xc3
en.540.635
4qqmn506
finn3081
phys10362
sta601
ec481e
math5165
csi 2120
el1205
comp7250
ecos3013
beam065
swen90004
info1113
sehh2042
comp2051
csc325
mne 6130
ai6126
inu1111
fit3152
finm7409
qbus2820
fins5516
cpt106
info6001
ecs150
is61x6
cse115
seng6110
bus265
cpts260
mphy0009
csc306
eco2011
ee3004
st332
idepg001
isom3028
eece 6083
ceg5304
mcd4700
eecs 493
eg25h4
38173
elc5216
infs6071
lubs5996m
7ssmm803
glbh0031
phys1120
comp52715
eeb240
soci3403
comp3334
psyc3241
fin570
218.323
lng310
rim3352
bio206
bu.450.760
math3836
cmns3490
iy5610/4610
cpt304
ac6105
ac.f633
asb-3525
lng206
acfi302
cs 1501
cpt408
bust10134
soc100
infr11199
csci 2122
comp9334
csc1002
etf5650
eco202y1y
acct608
apm236
gbsh0007
efim20005
actl5105
elec 292
sdsc4026
ds2500
dts205tc
cs 455
swen20003
cs202
158.739-2024
eco2101
benv0149
ifb001
mth6142
phy344
infs3202/7202
fc308
st332/st409
eeng20004
cmt313
chc4008
6g6z0041
1cwk100
ec204
eng2008
stat512
comp20007
comp3331/9331
comp2111
sehh2239
envm3115/7205
fin3020
finn1037
mat187-written-homework
comp9311
csc3150
comp809
chc5223
bem2031
159.341
math3001
csme10003
pa3
ent204tc
finm1416
ib2680
phl349
culs30004
psych204-24a
csc 330
mecm30016
eap115
comp 330
aic2100
comp s380f
联系我们
- QQ: 99515681 微信:codinghelp
© 2024
www.7daixie.com
站长地图
程序辅导网!