web design
TRANSCRIPT
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
Why should designers BLOG?
Work Progress
Showcase Works
Maintain website with CMS
Content Management System (CMS)
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
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/