Lab 5: Creating Tables and Thumbnail Images in CSCE 102 | Lab Reports Computer Science

Lab 5 – Tables– Thumbnails

CSCE 102

This file and all 102 files, unless otherwise specified, are to be stored in the directory that

you created on your H: drive named all102Labs. Read the entire assignment before you

start. As always, xx stands for your first and last initials.

Part1 (lab5axx.html) — Simple tables

Create a webpage that contains a table with four rows and 3 columns. The first row

will contain the headings. (Use th tags ─ Pages 97-98.) Make up the text to fill each

cell in the table. Your tables will not be like anyone else’s.

Create a table with two rows and four columns. The first column will contain the

headings. (Use th tags.) Make up the text to fill each cell in the table.

Part 2 (in the same file) — Exploring New CSS Table Properties

Using an external style sheet, include three cascading style sheet properties that

relate to tables as well as some others to make your page look presentable.

Include a comment in your CSS that contains your name, your section number, and

email address. (A CSS comment is not the same as an HTML comment.)

 Use the tags required to properly illustrate the three new cascading style sheet

properties. You must use these new style properties on your web page.

 Create a table describing each of the three styles. The headings of the table should

include property, purpose, values, and an unordered list of examples. Your table

should look similar to the example table below. Your table will have three different

properties related to tables, not just one property. The purpose, value, and example

columns should be filled in using your own words, not copied from the Web. (Use

the th tags to create the headings at the top of the columns.)

Include at link to the Web at two locations where you can find cascading style sheet

information.

EXAMPLE TABLE

Property Purpose Values Examples

font-size Specifies the

font size

Point value, or a % of the normal size, or one of the following:

small, medium, large

font-size:24pt

font-size:150%

font-size:large

lab5bxx.html ─ Creating a Thumbnail Table

Create a table containing nine thumbnail images.

Make each image a link that opens the full size image (pages 129-130).

(Note: Error in text — Page 130 — there is a missing slash on the image tag

inside of the anchor tag. The img tag is an empty tag.)

Choose related images

Include a heading that spans all of the columns.

Partial preview of the text

Download Lab 5: Creating Tables and Thumbnail Images in CSCE 102 and more Lab Reports Computer Science in PDF only on Docsity!

Lab 5 – Tables– Thumbnails

CSCE 102

This file and all 102 files, unless otherwise specified, are to be stored in the directory that you created on your H: drive named all102Labs. Read the entire assignment before you start. As always, xx stands for your first and last initials. Part1 (lab5a xx .html) — Simple tables  Create a webpage that contains a table with four rows and 3 columns. The first row will contain the headings. (Use th tags ─ Pages 97-98.) Make up the text to fill each cell in the table. Your tables will not be like anyone else’s.  Create a table with two rows and four columns. The first column will contain the headings. (Use th tags.) Make up the text to fill each cell in the table. Part 2 (in the same file) — Exploring New CSS Table Properties  Using an external style sheet, include three cascading style sheet properties that relate to tables as well as some others to make your page look presentable.  Include a comment in your CSS that contains your name, your section number, and email address. (A CSS comment is not the same as an HTML comment.)  Use the tags required to properly illustrate the three new cascading style sheet properties. You must use these new style properties on your web page.  Create a table describing each of the three styles. The headings of the table should include property , purpose , values , and an unordered list of examples. Your table should look similar to the example table below. Your table will have three different properties related to tables, not just one property. The purpose , value, and example columns should be filled in using your own words , not copied from the Web. (Use the th tags to create the headings at the top of the columns.)  Include at link to the Web at two locations where you can find cascading style sheet information. EXAMPLE TABLE Property Purpose Values Examples font-size Specifies the font size Point value, or a % of the normal size, or one of the following: small, medium, large  font-size:24pt  font-size:150%  font-size:large lab5b xx .html ─ Creating a Thumbnail Table  Create a table containing nine thumbnail images.  Make each image a link that opens the full size image (pages 129-130). ( Note: Error in text — Page 130 — there is a missing slash on the image tag inside of the anchor tag. The img tag is an empty tag.)  Choose related images  Include a heading that spans all of the columns.

 Open each image in paint and resize the image to create the thumbnail. Save the file with a new name. You are creating a smaller image that will load faster.  Include an internal style sheet and at least two properties that apply to the table.  Include a short paragraph describing the content of the table.  Include a link to lab5a xx .html and lab5b xx .html in the list on your allAssign.html page The example below contains 12 thumbnails:

Lab 5: Creating Tables and Thumbnail Images in CSCE 102, Lab Reports of Computer Science

Related documents

Partial preview of the text

Download Lab 5: Creating Tables and Thumbnail Images in CSCE 102 and more Lab Reports Computer Science in PDF only on Docsity!

Lab 5 – Tables– Thumbnails

CSCE 102

Little Gamecocks!