1 / 11

Preface to Web Page Tables

Preface to Web Page Tables. CIS67 Foundations for Creating Web Pages Professor Al Fichera. Updated on: September 4, 2010. About My Table Lecture Series. Why cover the topic of Web Page Tables? When were Web Page Tables added to HTML? What was the Table Code Like?

gili
Download Presentation

Preface to Web Page Tables

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Preface toWeb Page Tables CIS67 Foundations for Creating Web Pages Professor Al Fichera Updated on: September 4, 2010

  2. About My Table Lecture Series • Why cover the topic of Web Page Tables? • When were Web Page Tables added to HTML? • What was the Table Code Like? • What did it mean to me as a Web Page Designer? • Does CSS make an impact on Web Page Tables? • What Makes Web Page Tables Accessible? • What if I only use Dreamweaver for Tables? • Then, why cover the topic of Web Page Tables? Preface to Web Page Tables by Professor Al Fichera http://profal2.com

  3. Why Cover Web Page Tables? • Tables help beginning Web page designers layout content on the page. • Tables can organize columns and rows of data. • On the surface, your life as a Web page designer just got a whole lot better than it was without tables. • But, did it really? Preface to Web Page Tables by Professor Al Fichera http://profal2.com

  4. When did HTML Include Tables? • In May of 1996 specifications were added to HTML to include a wide variety of tables. • Before this Layout of a Web page was almost non-existent. • The Web was mostly textual until the addition of Windows 95. Preface to Web Page Tables by Professor Al Fichera http://profal2.com

  5. What Was the Table Code Like? • The elements added were simple and easy to grasp for most eager to learn something new. • Since HTML is mostly abbreviated English it was easy to follow and remember. • Tables had rows of information, they were written as <tr>, or table rows. • Tables had data cells of information, they were written as <td>, or table data. • Additional elements were added to add white space. Preface to Web Page Tables by Professor Al Fichera http://profal2.com

  6. What did Tables do for Designers? • What it mean to me as a beginner in Web Page Design, freedom to plan my page any which way I wanted. A picture here, some words there, another image here, perhaps, even a "nested" table. Wow! Such excitement! And, that lasted for quite a while during the beginning years. Preface to Web Page Tables by Professor Al Fichera http://profal2.com

  7. What did CSS do for Tables? • When CSS (Cascading Style Sheets) made an appearance on the scene, it added yet another layer of texture for us. • Table cells for all intents and purposes, are completely ignorant of what other cells are like in the table. • This meant re-formatting each and every cell in the table! • CSS allowed us to format in one place and affect many cells in the table! Preface to Web Page Tables by Professor Al Fichera http://profal2.com

  8. What Makes Tables Accessible? • Not all Web Page Tables are Accessibly made. So now, our little bubble of a world has been burst! • What?! You mean some people can't see our tables? Have we forgotten the visually impaired? • Yup! Most of us never thought that a person who couldn't see would be interested in the Web. That's just plain ignorant on our part! • There are Audio Browsers that can read what is printed on a Web page. • Check out the concept next. Preface to Web Page Tables by Professor Al Fichera http://profal2.com

  9. Early Audio Browser Trouble • Imagine if you will, a Web page with table in three columns, each one with a different "Fairy Tale" all starting with "Once upon a time…". Once upon a time, long ago in a far away place. Once upon a time, long ago in a far away place. Once upon a time, long ago in a far away place. • An Audio Browser reads across the screen, one row at a time and then returns back to the next row and repeats the process. I think you can now see the problem. Preface to Web Page Tables by Professor Al Fichera http://profal2.com

  10. What About Web Page Generators • The popularity of Web page generators such as Dreamweaver have been around for quite some time. In fact, Dreamweaver is the Industry Standard for Designers. • Dreamweaver has the ability to warn you when building pages that are not accessible. • It has dialog boxes containing areas to fill-in with appropriate information. Preface to Web Page Tables by Professor Al Fichera http://profal2.com

  11. So, Why All the Lectures on Tables? • If we can't use them, why cover the topic of Web Page Tables? Why bother at all? • Hold on now, I didn't say let's kill tables, did I? We can make them accessible for just about everyone with just a little bit of planning on our part. • And, why worry if we use software like Dreamweaver to build our Web pages? Now that's easy to answer. • Because! • What?! Adults can't use that excuse? Watch the lectures and then, just maybe, you'll know why all the lectures. Preface to Web Page Tables by Professor Al Fichera http://profal2.com

More Related