1. Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Tables, Frames and More (pages 204-235) Chapter 4

2. Copyright © 2003 Pearson Education, Inc. Slide 4-2 Tables can be used to control the layout of the graphical elements of a Web page. Tables contain rows and columns. The intersection of a row and a column is sometimes called a cell. HTML tags are used to designate: the table its rows each cell within a row Page Layouts with Tables

3. Copyright © 2003 Pearson Education, Inc. Slide 4-3 Page Layouts with Tables

4. Copyright © 2003 Pearson Education, Inc. Slide 4-4 You can put anything inside of a table’s data elements, even another table. The border attribute of a table can be used to create borders on your Web page. Tables can be used to give Web pages a margin. Each cell can have it’s own background color or pattern. The colspan attribute is used to extend a cell across multiple columns. The rowspan attribute is used to extend a cell across multiple rows. Page Layouts with Tables

5. Copyright © 2003 Pearson Education, Inc. Slide 4-5 Table Examples

6. Copyright © 2003 Pearson Education, Inc. Slide 4-6 A frame allows you to partition a Web page into multiple segments so that you can display a different HTML file within each segment. A FRAMESET document refers to the Web pages that will appear in the frames FRAMESET instead of BODY Navigation Maps with Frames

7. Copyright © 2003 Pearson Education, Inc. Slide 4-7 FRAMESET tag has attributes ROWS and COLS Navigation Maps with Frames

8. Copyright © 2003 Pearson Education, Inc. Slide 4-8 If you name your frames in the FRAMESET file, you can them target links to open in specific frames These frames are named left_frame and right_frame Navigation Maps with Frames

9. Copyright © 2003 Pearson Education, Inc. Slide 4-9 These links will now open in specified frames Navigation Maps with Frames

10. Copyright © 2003 Pearson Education, Inc. Slide 4-10 You can use the same navigational aids on all pages using frames. Think twice about using frames, some browsers don’t support links and some people don’t like frames even if their browsers support them. Consider having a non-frames version of your site for your visitors who don’t like or can’t view frames. Navigation Maps with Frames

11. Copyright © 2003 Pearson Education, Inc. Slide 4-11 Remember the three C’s of Web page design: quality Content reader Convenience artistic Composition. Write, view and test all Web pages before installing them on a Web server. Keep Web page titles short but accurate. Keep download times short. A Web Site Construction Checklist

12. Copyright © 2003 Pearson Education, Inc. Slide 4-12 Make your pages portable. If you make your Web pages too sophisticated, people with older browsers will not be able to view them. A Web Site Construction Checklist

13. Copyright © 2003 Pearson Education, Inc. Slide 4-13 Installing a Web page on a server is sometimes called publishing a Web page. Acquire access to a Web server. Determine the DNS address of your Web server. Determine the pathname needed when you upload files to the server. Upload your Web files to the Web server. Installing Web Pages on a Web Server

14. Copyright © 2003 Pearson Education, Inc. Slide 4-14 Determine the URL to use to view your home page. Fix any file protection codes that need fixing. You can upload files with an FTP client or an HTML construction kit that has an upload function. You can also use Web sites with FTP functions like Yahoo Geocities Installing Web Pages on a Web Server

15. Copyright © 2003 Pearson Education, Inc. Slide 4-15 Copyright laws protect the creative and economic interests or writers, musicians, and artists. A copyright confers certain rights and privileges to its owner. Copyrights are normally granted to the author of a written work or to an artist, musician, or other person who creates some intellectual product. Copyright Law and the Web

16. Copyright © 2003 Pearson Education, Inc. Slide 4-16 Do not violate copyright laws when you add materials to your website. What is protected? Personal use of online materials. Fair use guidelines. Copyright Law and the Web