Introduction:
The first part of this simple assignment will be put to the test next week when we start to explore WSIWYG page creation. This week, we will begin to look at basic code and write our own simple page in HTML using Notepad. Next week, we will duplicate the same page elements using Dreamweaver. We will then print out our code, and compare and contrast the pros and cons of both approaches to web page design.
PART A
Using a text-only word processor such as notepad, create a working web page by typing your code by hand.Include in this document:A Page TitleA paragraph An ImageA link
PART B
Recreate the exact page you made "by hand," except this time, use Dreamweaver to build it.What are the differences in how you build this page? We can assume Dreamweaver is easier, but does it make anything harder? You can include these comments in your blog write-up.Next, print out the code from each file, and compare and contrast. Try to figure out if there are unneccessary elements in Dreamweaver's files. Play with deleting them in your code view. Observe which elements Dreamweaver adds that are useful and help your page. Keep extensive notes.This assignment will be turned in, in two ways. You will turn in your marked up hard copies, and you will publish the pages live on the internet via a link through your blog.
Here is the link of my first assignment:
part A:http://people.uleth.ca/~xi.yang/3520/sharp.html
Part B:http://people.uleth.ca/~xi.yang/3520/assignment1.html
The first part of this simple assignment will be put to the test next week when we start to explore WSIWYG page creation. This week, we will begin to look at basic code and write our own simple page in HTML using Notepad. Next week, we will duplicate the same page elements using Dreamweaver. We will then print out our code, and compare and contrast the pros and cons of both approaches to web page design.
PART A
Using a text-only word processor such as notepad, create a working web page by typing your code by hand.Include in this document:A Page TitleA paragraph An ImageA link
PART B
Recreate the exact page you made "by hand," except this time, use Dreamweaver to build it.What are the differences in how you build this page? We can assume Dreamweaver is easier, but does it make anything harder? You can include these comments in your blog write-up.Next, print out the code from each file, and compare and contrast. Try to figure out if there are unneccessary elements in Dreamweaver's files. Play with deleting them in your code view. Observe which elements Dreamweaver adds that are useful and help your page. Keep extensive notes.This assignment will be turned in, in two ways. You will turn in your marked up hard copies, and you will publish the pages live on the internet via a link through your blog.
Here is the link of my first assignment:
part A:http://people.uleth.ca/~xi.yang/3520/sharp.html
Part B:http://people.uleth.ca/~xi.yang/3520/assignment1.html
No comments:
Post a Comment