web design

55

Upload: nelsoniscool

Post on 26-Jun-2015

505 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Web Design
Page 2: Web Design

Designers need not suck at HTML.

By Nelson Wei Tan

Page 3: Web Design

Why do you need a portfolio website?

Page 4: Web Design

Why do you need a portfolio website?

• Archive works virtually

Page 5: Web Design

Why do you need a portfolio website?

• Archive works virtually• Place name on the market

Page 6: Web Design

Why do you need a portfolio website?

• Archive works virtually• Place name on the market• Sell works

Page 7: Web Design

Why do you need a portfolio website?

• Archive works virtually• Place name on the market• Sell works• Social Networking

Page 8: Web Design

What do you need to create a website?

(Other than having a computer)

Page 9: Web Design

What do you need to create a website?

(Other than having a computer)

• Internet connection

Page 10: Web Design

What do you need to create a website?

(Other than having a computer)

• Internet connection• Domain Name

Page 11: Web Design

What do you need to create a website?

(Other than having a computer)

• Internet connection• Domain Name• Hosting

Page 12: Web Design

What do you need to create a website?

(Other than having a computer)

• Internet connection• Domain Name• Hosting• The design

Page 13: Web Design

What do you need to create a website?

(Other than having a computer)

• Internet connection• Domain Name• Hosting• The design• FTP (File Transfer Protocol)

Page 14: Web Design

What do you need to create a website?

(Other than having a computer)

• Internet connection• Domain Name• Hosting• The design• FTP (File Transfer Protocol)• Maintenance

Page 15: Web Design

designing HTML site?

Advantages

Disadvantages

Page 16: Web Design

designing HTML site?

• Content will be picked up by search engine.Advantages

Disadvantages

Page 17: Web Design

designing HTML site?

• Content will be picked up by search engine.

• Works with ALL Browsers.

Advantages

Disadvantages

Page 18: Web Design

designing HTML site?

• Content will be picked up by search engine.

• Works with ALL Browsers.

Advantages

Disadvantages

Page 19: Web Design

designing HTML site?

• Content will be picked up by search engine.

• Works with ALL Browsers.

• Design can be limited

Advantages

Disadvantages

Page 20: Web Design

designing HTML site?

• Content will be picked up by search engine.

• Works with ALL Browsers.

• Design can be limited

• Avoid Frames

Advantages

Disadvantages

Page 21: Web Design

designing HTML site?

• Content will be picked up by search engine.

• Works with ALL Browsers.

• Design can be limited

• Avoid Frames

• Videos and audio files are larger and compromise loading speed

Advantages

Disadvantages

Page 23: Web Design

designing FLASH site?

Advantages

Disadvantages

Page 24: Web Design

designing FLASH site?

• Freedom in layout designAdvantages

Disadvantages

Page 25: Web Design

designing FLASH site?

• Freedom in layout design

• Greater interactivity

Advantages

Disadvantages

Page 26: Web Design

designing FLASH site?

• Freedom in layout design

• Greater interactivity

• Better font choices

Advantages

Disadvantages

Page 27: Web Design

designing FLASH site?

• Freedom in layout design

• Greater interactivity

• Better font choices

Advantages

Disadvantages

Page 28: Web Design

designing FLASH site?

• Freedom in layout design

• Greater interactivity

• Better font choices

• Plug in required

Advantages

Disadvantages

Page 29: Web Design

designing FLASH site?

• Freedom in layout design

• Greater interactivity

• Better font choices

• Plug in required

• Search Engine Woes

Advantages

Disadvantages

Page 30: Web Design

designing FLASH site?

• Freedom in layout design

• Greater interactivity

• Better font choices

• Plug in required

• Search Engine Woes

• Printing problems

Advantages

Disadvantages

Page 32: Web Design
Page 33: Web Design

WEB 2.0

An Explanation of Web 2.0

By Professor Michael Wesch. Kansas State University

Page 34: Web Design

WEB 2.0

An Explanation of Web 2.0

By Professor Michael Wesch. Kansas State University

Page 35: Web Design

Characteristics of Web 2.0

• Database / RSS feeds

• Social Networks

• Wikis

• Blogs

• Web browser applications - CMS

Page 36: Web Design

Characteristics of Web 2.0

• Database / RSS feeds

• Social Networks

• Wikis

• Blogs

• Web browser applications - CMS

Retrieval and management of data

Page 37: Web Design

Characteristics of Web 2.0

• Database / RSS feeds

• Social Networks

• Wikis

• Blogs

• Web browser applications - CMS

Retrieval and management of data

IM, MySpace, Flickr, Youtube

Page 38: Web Design

Characteristics of Web 2.0

• Database / RSS feeds

• Social Networks

• Wikis

• Blogs

• Web browser applications - CMS

Retrieval and management of data

IM, MySpace, Flickr, Youtube

Collaborative community

Page 39: Web Design

Characteristics of Web 2.0

• Database / RSS feeds

• Social Networks

• Wikis

• Blogs

• Web browser applications - CMS

Retrieval and management of data

IM, MySpace, Flickr, Youtube

Collaborative community

Personal showcase

Page 40: Web Design

Characteristics of Web 2.0

• Database / RSS feeds

• Social Networks

• Wikis

• Blogs

• Web browser applications - CMS

Retrieval and management of data

IM, MySpace, Flickr, Youtube

Collaborative community

Personal showcase

Creating and Managing HTML content

Page 42: Web Design

Social Networks for designers

Page 45: Web Design

Content Management System (CMS)

Page 46: Web Design

Content Management System (CMS)

• JOOMLA / MAMBO

Page 47: Web Design

Content Management System (CMS)

• JOOMLA / MAMBO• Allows Automated templates

Page 48: Web Design

Content Management System (CMS)

• JOOMLA / MAMBO• Allows Automated templates• Easily editable content

Page 49: Web Design

Content Management System (CMS)

• JOOMLA / MAMBO• Allows Automated templates• Easily editable content• Document management / Archive

Page 54: Web Design

Other Useful Links

• List of Designers who Blog• http://www.heavy-backpack.com/

• FREE WEB HOSTING• http://newaccounts.freewebs.com/index.jsp

• Content Management Systems• http://www.smallboxsoftware.net/• http://www.textpattern.com/