Scribd
Upload
29 views

Assignment Webdev

HTTP is a protocol for transmitting hypermedia documents across the internet. HTML is a markup language used to define the structure and layout of web pages. CSS is a style sheet language used to describe the presentation of web pages, including colors, layout, and fonts. The document provides instructions for a challenge to build a basic multi-page website using HTML and CSS, with requirements that it have an index page and at least one other page linked together, include an image, and use CSS styling defined in an external stylesheet.

Uploaded by

李知恩
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
29 views

Assignment Webdev

HTTP is a protocol for transmitting hypermedia documents across the internet. HTML is a markup language used to define the structure and layout of web pages. CSS is a style sheet language used to describe the presentation of web pages, including colors, layout, and fonts. The document provides instructions for a challenge to build a basic multi-page website using HTML and CSS, with requirements that it have an index page and at least one other page linked together, include an image, and use CSS styling defined in an external stylesheet.

Uploaded by

李知恩
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Recall that we discussed HTTP in the

context of internet technologies and HTML


in the context of web development. What's
the difference between HTTP and HTML?
______________________________________________
__________________________

Recall that we discussed both HTML and


CSS in the context of web development.
What's the difference between HTML and
CSS?
______________________________________________
__________________________

Dive into HTML


For this challenge, you might find it helpful
to skim or search http://htmldog.com/guides/html/ and
http://htmldog.com/guides/css/ , which build upon
concepts from lecture. Here, we'll use a site
called repl.it , which provides a lightweight
online IDE for writing simple programs. We
recommend you log in using your GitHub
account at repl.it before beginning (this will
make it a lot easier to find and rename
your "repl"s if you need to go back), but it
is also okay to create so-called "repl"s
anonymously.

Visit https://repl.it/@dlloyd09/CS50xCourseWebsite. There


you'll find a basic website started by Doug,
but as soon as you try to edit Doug's files,
a new "repl" unique to you will be created,
with mostly-empty files index.html and
styles.css.

Now let’s have you make an actual


website with multiple pages. To view (and
thus test!) your web page, remember to
click the Run button at the top to open
your website in the embedded browser. Be
sure things work as expected before you
submit!

We’ll leave its design largely up to you,


subject only to the following requirements:
i) Your website's main page should live in
index.html, since most web servers serve
up index.html by default, in the absence of
an explicit file name in a URL.
ii) Your website must include a least one
other page (with any filename, so long as it
ends in .html), and your website's main
page (i.e., index.html) must somehow link
to that page. You can click "Add File" icon
at the top of the embedded file browser to
add a new file to your "repl".
iii) Your website must include at least one
image. Note that the embedded file
browser also has a mechanism for
uploading files from your computer,
though you may also use images already
on the internet.
iv) Your website must be stylized with at
least several CSS properties, which must
live in styles.css (an "external stylesheet"),
just as we saw (briefly) in css4.html. Your
CSS needs to ultimately end up connected
to your HTML, as well.
v) Your website should be more complex
than those from class (but much less
complex than Harvard's home page!). As
such, your website should probably use a
few dozen HTML tags overall, plus several
CSS properties.

Alright, make us proud!


To submit your work, click "Share" at the
top, and then paste your "Share link",
which should be of the form "https://repl.it/...."
here.
Remember, to view (and thus test!) your
web page, click the Run button at the top
to open your website in the embedded
browser. Be sure things work as expected
before you submit!
7分

You might also like