11
Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: [email protected] Room: NL11 (above New Library)

Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: [email protected] Room: NL11 (above New Library)

Embed Size (px)

Citation preview

Page 1: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Web Design

Ivo Chakarov

Telephone: 01782 208208 Ext. 3424

Email: [email protected]

Room: NL11 (above New Library)

Page 2: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Course aim:

• to equip students with the basic principles needed to be able to create and maintain a series of web pages (web site.)

Web Design

Page 3: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Students should be able to: • Describe and apply the basic principles of

web page development

• Undertake user requirements analysis

• Use appropriate development tools to implement web pages

• Test web sites

• Use graphics software to create and manipulate images on web pages

• Publish and maintain web sites

Web Design

Page 4: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Basic principles of web page development: • Set suitable colours for page and text

• Text manipulation (font, size, style)

• Paragraphs

• Converting images into suitable formats

Web Design

Page 5: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Undertake user requirements analysis: • Design web sites using storyboarding

• Create appropriate structure diagrams

• Produce project plans for incremental development

Web Design

Page 6: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Use appropriate development tools: • Create web page templates

• Embed images within the web pages

• Use tables to enhance web page layout

• Create web page anchors (bookmarks)

• Create hyperlinks

• Create image maps

• Use meta tags

Web Design

Page 7: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Test web sites: • Verify all links work

• Use different browsers to preview pages

• Verify all components appear as expected

Web Design

Page 8: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Use graphics software: • Resize images within web sites

• Apply transparency to images

• Use file compression methods

• Apply "web safe" palettes

Web Design

Page 9: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Publish and maintain web sites: • Use software to manage web site

development

• Publish web sites to the Internet

Web Design

Page 10: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Assessment: • Assignment covering both practical web site

activities and underpinning knowledge.

• Creation of a web site (using one of four topic choices)

• Assignment will include both – Design component

– Implementation component

• You will have to pass successfully both components in order to pass the assignment!

Web Design

Page 11: Ivailo Chakarov Web Design Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Ivailo Chakarov

Essential Reading: • e-Quals Web Design for Office 2000

K. Mary Reid Heinemann Educational PublishersISBN: 0435462865

• HTML for the World Wide Web with XHMTL and CSS Visual Quickstart Guide Elizabeth Castro Peachpit PressISBN: 032142333X

Web Design