首页
编程语言
数据库
网络开发
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
热点文章
更多
辅导 cs1b spring 2024 tth hw...
2024-04-19
讲解 managing financial risk...
2024-04-19
辅导 cs 0449 – project 5: /...
2024-04-19
辅导 elec 2141 digital circu...
2024-04-19
讲解 csc171 — videogame pro...
2024-04-19
讲解 comp3411 artificial int...
2024-04-19
讲解 stat3061: random proces...
2024-04-19
辅导 accounting 452, spring ...
2024-04-19
辅导 finc5001 foundations in...
2024-04-19
辅导 7ssmm712 – topics in a...
2024-04-19
讲解 com 337 - film studies ...
2024-04-19
辅导 mes202tc - digital vlsi...
2024-04-19
辅导 geography 2041b distanc...
2024-04-19
辅导 ecos3006 international ...
2024-04-19
讲解 fit5225 2024 sm1 creati...
2024-04-19
讲解 cit 593: introduction t...
2024-04-19
讲解 math 4931: take home ex...
2024-04-19
辅导 csci 547|info 533: syst...
2024-04-19
辅导 cs536-s24 intro to pls ...
2024-04-19
讲解 fit5212 - assignment 1辅...
2024-04-19
热点标签
cs 161
swen20003
comp282
csc1002
comp27112
comm1190
elec9764
acfi3308
acct7101
fin6035
comp2048
geog0163
comp2013
coen 146
dts101tc
comp4880/8880
cs 455
07
comp10002
comp30023
sehh2042
stat0045.
fil-30023
celen085
psyc40005
math40082
are271
comp9311
ee5311
imse2113
comp 2322
acct2102
fnd109
int102
is3s664
is6153
data4000
accfin5034
fit5212
cs536-s24
fit5225
ecos3006
mes202tc
finc5001
stat3061
csc171
cs1b
7ssmm712
bu.450.760
comp3411
cs170
swen90004
cpt206
comp5313/comp4313—large
bl5611
kxo206
comp532
elec207
kxo151
cs 2820
cpt108
math2319
dts204tc
qm222
comp2511
ccs599
infs1001
mat2355
eeee4123
25721
ifn647
pols0010
hpm 573
comp9417
stat0023
csci 1100
qbus6860
comp2003j
cse340
cs 2550
cs 61b
cs360
fin 3080
ierg 4080
cs6238
cit 594
finm7406
hw6
elec9713
asb-2522
mso3610
lit301
mcd4540
geog0030
125.330
biol0006
125.320
cs3334
fit2093
acct1101
110.309
masy1-gc
cs314
elec0048
gds104
mg5637
fit2096
math5905
eel4837
sehs4515
cpt s 321
asb2522 investment
ma214
co2104
mgmt2015
32516
math32051
econ1012
mark2052
comp3310
econ0019
dsci 525
abmf3184
aps106
antc27
finm7401
itp122
tech2300
math3026
comp9024
cao107
36318
is2022
cs 211
fit1047
ics4u
2xc3
en.540.635
4qqmn506
finn3081
phys10362
sta601
ec481e
math5165
csi 2120
el1205
comp7250
ecos3013
beam065
info1113
comp2051
csc325
mne 6130
ai6126
ecs150
is61x6
cse115
seng6110
bus265
cpts260
mphy0009
csc306
eco2011
ee3004
inu1111
st332
idepg001
info6001
cpt106
finm7409
fit3152
fins5516
qbus2820
isom3028
eece 6083
ceg5304
mcd4700
eecs 493
eg25h4
38173
elc5216
infs6071
lubs5996m
7ssmm803
glbh0031
phys1120
comp52715
eeb240
math3836
cmns3490
iy5610/4610
cpt304
ac6105
psyc3241
fin570
218.323
lng310
rim3352
bio206
comp3334
联系我们
- QQ: 99515681 微信:codinghelp
© 2024
www.7daixie.com
站长地图
程序辅导网!