Your Own Web Page: Phase 5

Phase 6

Your Own Web Page:

How to copy designs from other web sites

You are now going to learn how to copy source codes from a Web page and put them in your own creative Web page. The following exercise asks you to (a) copy the source code for a table in this page and (b) put that source code in your Web Page. Following the steps of this exercise will allow you to have a table in your Web page.

1. Start with the page you want to copy codes from. In this exercise, you will copy the source codes for the two-cell table below.

Use the source codes of this page to copy this table

cell 1

cell 2

2. Look above and click on "View" and then select "Page Source".

3. Once the Page Source comes up, look carefully for the part you want to copy. In this exercise, look for the codes associated with the table that you see above. Once you have found them (you can see those codes right after "Use the source codes of this page to copy this table"), highlight them using your left mouse button. Once the information is highlighted copy it to the clipboard. This is done simply with CTRL-C.

4. Go back to your notepad file (use "ALT-Tab" or click on Notepad found at the bottom of your screen) and place the cursor were you would like to place the codes. Once there, paste the codes using CTRL-V or by right clicking on your mouse and selecting the"Paste" option from that menu.

5. You can now reload your Web page in Netscape. You can also modify the contents of the table:

by adding a picture (type the following codes: <TD> <IMG SRC="name of picture.gif"></TD>)
by inserting a third row ( type the following codes: <TD> whatever name you want the cell to have </TD>)

Your name cell 2

Give it a try!

Congratulations on your efforts!

With a little luck you have created a Web page with some formatting, a picture, a link to another page and a table! Isn't fascinating what you can good with Notepad and HTML codes!

Phase 6