CGS3175_2_DevelopBasicWebSite

CGS3175_2_DevelopBasicWebSite - Tutorial 2: Developing a...

Info iconThis preview shows pages 1–13. Sign up to view the full content.

View Full Document Right Arrow Icon
Computer Science Department University of Central Florida Tutorial 2: Developing a Basic Web Site COP 3175 – Internet Applications
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Tutorial 2: Developing a Basic Web Site page 2 © Jonathan Cazalas Objectives Learn how to storyboard various Web site structures Create links among documents in a Web site Understand relative and absolute folder paths Work with the base element Mark a location with the id attribute Create a link to an id Mark an image as a link
Background image of page 2
Tutorial 2: Developing a Basic Web Site page 3 © Jonathan Cazalas Objectives Create an image map from an inline image Client side image maps Remove an image border Server side image maps Link “advice”
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Tutorial 2: Developing a Basic Web Site page 4 © Jonathan Cazalas Working with Web Site Structures A storyboard is a diagram of a Web site’s structure, showing all the pages in the site and indicating how they are linked together It is important to storyboard your Web site before you start creating your pages in order to determine which structure works best for the type of information the site contains A well-designed structure can ensure that users will be able to navigate the site without getting lost or missing important information
Background image of page 4
Tutorial 2: Developing a Basic Web Site page 5 © Jonathan Cazalas Linear Structures In a linear structure , each page is linked with the pages that follow and precede it in an ordered chain Linear structure works best for Web pages with a clearly defined order In an augmented linear structure , each page contains an additional link back to an opening page
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Tutorial 2: Developing a Basic Web Site page 6 © Jonathan Cazalas Linear Structures A linear structure An augmented linear structure
Background image of page 6
Tutorial 2: Developing a Basic Web Site page 7 © Jonathan Cazalas Hierarchical Structures In the hierarchical structure , the pages are linked going from the home page down to more specific pages Users can easily move from general to specific and back again Within this structure, a user can move quickly to a specific scene within the page, bypassing the need to move through each scene in the play
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Tutorial 2: Developing a Basic Web Site page 8 © Jonathan Cazalas Hierarchical Structures
Background image of page 8
Tutorial 2: Developing a Basic Web Site page 9 © Jonathan Cazalas Mixed Structures As Web sites become larger and more complex, you often need to use a combination of several different structures The overall form can be hierarchical , allowing the user to move from general to specific; however, the links also allow users to move through the site in a linear fashion A site index is a page containing an outline of the entire site and its contents
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Tutorial 2: Developing a Basic Web Site page 10 © Jonathan Cazalas Mixed Structures
Background image of page 10
Tutorial 2: Developing a Basic Web Site page 11 © Jonathan Cazalas Web Site with No Coherent Structure
Background image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Developing a Basic Web Site page 12 © Jonathan Cazalas
Background image of page 12
Image of page 13
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 114

CGS3175_2_DevelopBasicWebSite - Tutorial 2: Developing a...

This preview shows document pages 1 - 13. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online