web design

Designers need not suck at HTML.

By Nelson Wei Tan

Why do you need a portfolio website?

Why do you need a portfolio website?

• Archive works virtually

Why do you need a portfolio website?

• Archive works virtually• Place name on the market

Why do you need a portfolio website?

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

Why do you need a portfolio website?

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

What do you need to create a website?

(Other than having a computer)

What do you need to create a website?

(Other than having a computer)

• Internet connection

What do you need to create a website?

(Other than having a computer)

• Internet connection• Domain Name

What do you need to create a website?

(Other than having a computer)

• Internet connection• Domain Name• Hosting

What do you need to create a website?

(Other than having a computer)

• Internet connection• Domain Name• Hosting• The 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)

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

designing HTML site?

Advantages

Disadvantages

designing HTML site?

• Content will be picked up by search engine.Advantages

Disadvantages

designing HTML site?

• Content will be picked up by search engine.

• Works with ALL Browsers.

Advantages

Disadvantages

designing HTML site?

• Content will be picked up by search engine.

• Works with ALL Browsers.

Advantages

Disadvantages

designing HTML site?

• Content will be picked up by search engine.

• Works with ALL Browsers.

• Design can be limited

Advantages

Disadvantages

designing HTML site?

• Content will be picked up by search engine.

• Works with ALL Browsers.

• Design can be limited

• Avoid Frames

Advantages

Disadvantages

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

designing FLASH site?

Advantages

Disadvantages

designing FLASH site?

• Freedom in layout designAdvantages

Disadvantages

designing FLASH site?

• Freedom in layout design

• Greater interactivity

Advantages

Disadvantages

designing FLASH site?

• Freedom in layout design

• Greater interactivity

• Better font choices

Advantages

Disadvantages

designing FLASH site?

• Freedom in layout design

• Greater interactivity

• Better font choices

Advantages

Disadvantages

designing FLASH site?

• Freedom in layout design

• Greater interactivity

• Better font choices

• Plug in required

Advantages

Disadvantages

designing FLASH site?

• Freedom in layout design

• Greater interactivity

• Better font choices

• Plug in required

• Search Engine Woes

Advantages

Disadvantages

designing FLASH site?

• Freedom in layout design

• Greater interactivity

• Better font choices

• Plug in required

• Search Engine Woes

• Printing problems

Advantages

Disadvantages

WEB 2.0

An Explanation of Web 2.0

By Professor Michael Wesch. Kansas State University

WEB 2.0

An Explanation of Web 2.0

By Professor Michael Wesch. Kansas State University

Characteristics of Web 2.0

• Database / RSS feeds

• Social Networks

• Wikis

• Blogs

• Web browser applications - CMS

Characteristics of Web 2.0

• Database / RSS feeds

• Social Networks

• Wikis

• Blogs

• Web browser applications - CMS

Retrieval and management of data

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

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

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

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

RSS Feeds for designers

Social Networks for designers

Why should designers BLOG?

Work Progress

Showcase Works

Maintain website with CMS

Content Management System (CMS)

Content Management System (CMS)

• JOOMLA / MAMBO

Content Management System (CMS)

• JOOMLA / MAMBO• Allows Automated templates

Content Management System (CMS)

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

Content Management System (CMS)

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

Maintain website with CMS Demo

FLASH + CMS

FLASH + CMS

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/

nelson@nelsonweitan.com