SlideShare a Scribd company logo
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?
Advantages
 • Content will be picked up by search engine.



Disadvantages
designing HTML site?
Advantages
 • Content will be picked up by search engine.
 • Works with ALL Browsers.

Disadvantages
designing HTML site?
Advantages
 • Content will be picked up by search engine.
 • Works with ALL Browsers.

Disadvantages
designing HTML site?
Advantages
 • Content will be picked up by search engine.
 • Works with ALL Browsers.

Disadvantages
 • Design can be limited
designing HTML site?
Advantages
 • Content will be picked up by search engine.
 • Works with ALL Browsers.

Disadvantages
 • Design can be limited
 • Avoid Frames
designing HTML site?
Advantages
 • Content will be picked up by search engine.
 • Works with ALL Browsers.

Disadvantages
 • Design can be limited
 • Avoid Frames
 • Videos and audio files are larger and compromise
   loading speed
designing FLASH site?
Advantages




Disadvantages
designing FLASH site?
Advantages
 • Freedom in layout design




Disadvantages
designing FLASH site?
Advantages
 • Freedom in layout design
 • Greater interactivity



Disadvantages
designing FLASH site?
Advantages
 • Freedom in layout design
 • Greater interactivity
 • Better font choices

Disadvantages
designing FLASH site?
Advantages
 • Freedom in layout design
 • Greater interactivity
 • Better font choices

Disadvantages
designing FLASH site?
Advantages
 • Freedom in layout design
 • Greater interactivity
 • Better font choices

Disadvantages
 • Plug in required
designing FLASH site?
Advantages
 • Freedom in layout design
 • Greater interactivity
 • Better font choices

Disadvantages
 • Plug in required
 • Search Engine Woes
designing FLASH site?
Advantages
 • Freedom in layout design
 • Greater interactivity
 • Better font choices

Disadvantages
 • Plug in required
 • Search Engine Woes
 • Printing problems
WEB 2.0




An Explanation of   By Professor Michael Wesch.
                    Kansas State University
Web 2.0
WEB 2.0




An Explanation of   By Professor Michael Wesch.
                    Kansas State University
Web 2.0
Characteristics of
         Web 2.0
• Database / RSS feeds


• Social Networks


• Wikis


• Blogs


• Web browser applications - CMS
Characteristics of
          Web 2.0
• Database / RSS feeds
  Retrieval and management of data

• Social Networks


• Wikis


• Blogs


• Web browser applications - CMS
Characteristics of
          Web 2.0
• Database / RSS feeds
  Retrieval and management of data

• Social Networks
  IM, MySpace, Flickr, Youtube

• Wikis


• Blogs


• Web browser applications - CMS
Characteristics of
          Web 2.0
• Database / RSS feeds
  Retrieval and management of data

• Social Networks
  IM, MySpace, Flickr, Youtube

• Wikis
  Collaborative community

• Blogs


• Web browser applications - CMS
Characteristics of
          Web 2.0
• Database / RSS feeds
  Retrieval and management of data

• Social Networks
  IM, MySpace, Flickr, Youtube

• Wikis
  Collaborative community

• Blogs
  Personal showcase

• Web browser applications - CMS
Characteristics of
          Web 2.0
• Database / RSS feeds
  Retrieval and management of data

• Social Networks
  IM, MySpace, Flickr, Youtube

• Wikis
  Collaborative community

• Blogs
  Personal showcase

• Web browser applications - CMS
  Creating and Managing HTML content
RSS Feeds for designers
Social Networks for
     designers
Why should designers
       BLOG?



           Showcase Works




           Work Progress
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

More Related Content

What's hot

Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
Clarissa Peterson
 
The Server Side of Responsive Web Design
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web Design
Dave Olsen
 
WordPress SEO & Optimisation
WordPress SEO & OptimisationWordPress SEO & Optimisation
WordPress SEO & Optimisation
Joost de Valk
 
Web dev syllabus
Web dev syllabusWeb dev syllabus
Web dev syllabus
Adithcheshan
 
AIM Presentation
AIM PresentationAIM Presentation
AIM Presentationheadspacej
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFrédéric Harper
 
Webware - from Document to Operating System
Webware - from Document to Operating System Webware - from Document to Operating System
Webware - from Document to Operating System Channy Yun
 
WordPress.com の裏側 (Behind the Scenes of WordPress.com) - WordCamp Tokyo - Nov...
WordPress.com の裏側 (Behind the Scenes of WordPress.com) - WordCamp Tokyo - Nov...WordPress.com の裏側 (Behind the Scenes of WordPress.com) - WordCamp Tokyo - Nov...
WordPress.com の裏側 (Behind the Scenes of WordPress.com) - WordCamp Tokyo - Nov...John Ford
 
State of jQuery '09
State of jQuery '09State of jQuery '09
State of jQuery '09
jeresig
 
Introduction to Web Development Career
Introduction to Web Development CareerIntroduction to Web Development Career
Introduction to Web Development CareerEunus Hosen
 
WordPress for Business Sites - ConvergeSouth - October 2011
WordPress for Business Sites - ConvergeSouth - October 2011WordPress for Business Sites - ConvergeSouth - October 2011
WordPress for Business Sites - ConvergeSouth - October 2011John Ford
 
Responsive Websites
Responsive WebsitesResponsive Websites
Responsive Websites
Joe Seifi
 
Web ninja html & css
Web ninja   html & cssWeb ninja   html & css
Web ninja html & cssAlfi Rizka
 
Wordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelmanWordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelman
H. Trevor Johnson-Steigelman
 
SEO AJAX Crawlability in a Responsive Publisher World
SEO AJAX Crawlability in a Responsive Publisher WorldSEO AJAX Crawlability in a Responsive Publisher World
SEO AJAX Crawlability in a Responsive Publisher World
Eric Wu
 
Building Twitter in Drupal
Building Twitter in DrupalBuilding Twitter in Drupal
Building Twitter in Drupal
Jeff Eaton
 
Responsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNNResponsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNN
gravityworksdd
 
WordCamp Ireland - 40 tips for WordPress Optimization
WordCamp Ireland - 40 tips for WordPress OptimizationWordCamp Ireland - 40 tips for WordPress Optimization
WordCamp Ireland - 40 tips for WordPress Optimization
Joost de Valk
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
TJ Stalcup
 

What's hot (20)

Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
 
Dynamic tabs
Dynamic tabsDynamic tabs
Dynamic tabs
 
The Server Side of Responsive Web Design
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web Design
 
WordPress SEO & Optimisation
WordPress SEO & OptimisationWordPress SEO & Optimisation
WordPress SEO & Optimisation
 
Web dev syllabus
Web dev syllabusWeb dev syllabus
Web dev syllabus
 
AIM Presentation
AIM PresentationAIM Presentation
AIM Presentation
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web Design
 
Webware - from Document to Operating System
Webware - from Document to Operating System Webware - from Document to Operating System
Webware - from Document to Operating System
 
WordPress.com の裏側 (Behind the Scenes of WordPress.com) - WordCamp Tokyo - Nov...
WordPress.com の裏側 (Behind the Scenes of WordPress.com) - WordCamp Tokyo - Nov...WordPress.com の裏側 (Behind the Scenes of WordPress.com) - WordCamp Tokyo - Nov...
WordPress.com の裏側 (Behind the Scenes of WordPress.com) - WordCamp Tokyo - Nov...
 
State of jQuery '09
State of jQuery '09State of jQuery '09
State of jQuery '09
 
Introduction to Web Development Career
Introduction to Web Development CareerIntroduction to Web Development Career
Introduction to Web Development Career
 
WordPress for Business Sites - ConvergeSouth - October 2011
WordPress for Business Sites - ConvergeSouth - October 2011WordPress for Business Sites - ConvergeSouth - October 2011
WordPress for Business Sites - ConvergeSouth - October 2011
 
Responsive Websites
Responsive WebsitesResponsive Websites
Responsive Websites
 
Web ninja html & css
Web ninja   html & cssWeb ninja   html & css
Web ninja html & css
 
Wordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelmanWordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelman
 
SEO AJAX Crawlability in a Responsive Publisher World
SEO AJAX Crawlability in a Responsive Publisher WorldSEO AJAX Crawlability in a Responsive Publisher World
SEO AJAX Crawlability in a Responsive Publisher World
 
Building Twitter in Drupal
Building Twitter in DrupalBuilding Twitter in Drupal
Building Twitter in Drupal
 
Responsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNNResponsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNN
 
WordCamp Ireland - 40 tips for WordPress Optimization
WordCamp Ireland - 40 tips for WordPress OptimizationWordCamp Ireland - 40 tips for WordPress Optimization
WordCamp Ireland - 40 tips for WordPress Optimization
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 

Viewers also liked

Studio Unicps
Studio UnicpsStudio Unicps
Studio Unicps
Pim Studio Unicps
 
Aspi 3 Skills
Aspi 3 SkillsAspi 3 Skills
Aspi 3 Skills
Susana Trabaldo
 
Europ Flag Dress by Studio Unicps
Europ Flag Dress by Studio UnicpsEurop Flag Dress by Studio Unicps
Europ Flag Dress by Studio Unicps
Pim Studio Unicps
 
Blogging for love and press trips: 7 Ways to Build Your Reputation - and 5 ...
Blogging for love   and press trips: 7 Ways to Build Your Reputation - and 5 ...Blogging for love   and press trips: 7 Ways to Build Your Reputation - and 5 ...
Blogging for love and press trips: 7 Ways to Build Your Reputation - and 5 ...
Peggy Bendel
 
Fashion & Trend Moods 2010
Fashion & Trend Moods 2010Fashion & Trend Moods 2010
Fashion & Trend Moods 2010
Pim Studio Unicps
 

Viewers also liked (6)

Studio Unicps
Studio UnicpsStudio Unicps
Studio Unicps
 
Aspi 3 Skills
Aspi 3 SkillsAspi 3 Skills
Aspi 3 Skills
 
Europ Flag Dress by Studio Unicps
Europ Flag Dress by Studio UnicpsEurop Flag Dress by Studio Unicps
Europ Flag Dress by Studio Unicps
 
Aspi 2 Web2
Aspi 2 Web2Aspi 2 Web2
Aspi 2 Web2
 
Blogging for love and press trips: 7 Ways to Build Your Reputation - and 5 ...
Blogging for love   and press trips: 7 Ways to Build Your Reputation - and 5 ...Blogging for love   and press trips: 7 Ways to Build Your Reputation - and 5 ...
Blogging for love and press trips: 7 Ways to Build Your Reputation - and 5 ...
 
Fashion & Trend Moods 2010
Fashion & Trend Moods 2010Fashion & Trend Moods 2010
Fashion & Trend Moods 2010
 

Similar to Web Design

Web Publishing: An Overview of Tools and Service
Web Publishing: An Overview of Tools and ServiceWeb Publishing: An Overview of Tools and Service
Web Publishing: An Overview of Tools and Servicekilmeny21
 
Joomla Extreme Performance
Joomla Extreme PerformanceJoomla Extreme Performance
Joomla Extreme Performance
Mitch Pirtle
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash CourseMrAbbas
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash CourseMrAbas
 
Beyond web services: supporting mashup artists at Yahoo!
Beyond web services: supporting mashup artists at Yahoo!Beyond web services: supporting mashup artists at Yahoo!
Beyond web services: supporting mashup artists at Yahoo!
Chad Dickerson
 
Custom V CMS
Custom V CMSCustom V CMS
Custom V CMS
Diana Mounter
 
Webmaster Jam Session: Design and Development Behind the Scenes Day Two
Webmaster Jam Session: Design and Development Behind the Scenes Day TwoWebmaster Jam Session: Design and Development Behind the Scenes Day Two
Webmaster Jam Session: Design and Development Behind the Scenes Day Two
dkr
 
A Lap Around Internet Explorer 8
A Lap Around Internet Explorer 8A Lap Around Internet Explorer 8
A Lap Around Internet Explorer 8rsnarayanan
 
Joomla Presentation
Joomla PresentationJoomla Presentation
Joomla Presentation
ghessler
 
Web Development
Web DevelopmentWeb Development
Web Development
Aditya Raman
 
10 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 201610 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 2016
Chris Love
 
WordPress for beginners 1
WordPress for beginners 1WordPress for beginners 1
WordPress for beginners 1
Aaditya Bhatta
 
Improving frontend performance
Improving frontend performanceImproving frontend performance
Improving frontend performance
Sagar Desarda
 
Cheaponomics
CheaponomicsCheaponomics
Cheaponomics
Carsonified Team
 
Requirements Gathering for Better Web Site Conversions
Requirements Gathering for Better Web Site ConversionsRequirements Gathering for Better Web Site Conversions
Requirements Gathering for Better Web Site Conversions
Kimberly Krause Berg
 
Fast and Easy Website Tune Ups
Fast and Easy Website Tune UpsFast and Easy Website Tune Ups
Fast and Easy Website Tune UpsJeff Wisniewski
 
Technical SEO.pdf
Technical SEO.pdfTechnical SEO.pdf
Technical SEO.pdf
Shristi Shrestha
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
Noor Muhammad Khan
 

Similar to Web Design (20)

Web Publishing: An Overview of Tools and Service
Web Publishing: An Overview of Tools and ServiceWeb Publishing: An Overview of Tools and Service
Web Publishing: An Overview of Tools and Service
 
Joomla Extreme Performance
Joomla Extreme PerformanceJoomla Extreme Performance
Joomla Extreme Performance
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
 
Beyond web services: supporting mashup artists at Yahoo!
Beyond web services: supporting mashup artists at Yahoo!Beyond web services: supporting mashup artists at Yahoo!
Beyond web services: supporting mashup artists at Yahoo!
 
Custom V CMS
Custom V CMSCustom V CMS
Custom V CMS
 
Webmaster Jam Session: Design and Development Behind the Scenes Day Two
Webmaster Jam Session: Design and Development Behind the Scenes Day TwoWebmaster Jam Session: Design and Development Behind the Scenes Day Two
Webmaster Jam Session: Design and Development Behind the Scenes Day Two
 
A Lap Around Internet Explorer 8
A Lap Around Internet Explorer 8A Lap Around Internet Explorer 8
A Lap Around Internet Explorer 8
 
Joomla Presentation
Joomla PresentationJoomla Presentation
Joomla Presentation
 
Web Development
Web DevelopmentWeb Development
Web Development
 
10 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 201610 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 2016
 
WordPress for beginners 1
WordPress for beginners 1WordPress for beginners 1
WordPress for beginners 1
 
Ajax World West
Ajax World WestAjax World West
Ajax World West
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Improving frontend performance
Improving frontend performanceImproving frontend performance
Improving frontend performance
 
Cheaponomics
CheaponomicsCheaponomics
Cheaponomics
 
Requirements Gathering for Better Web Site Conversions
Requirements Gathering for Better Web Site ConversionsRequirements Gathering for Better Web Site Conversions
Requirements Gathering for Better Web Site Conversions
 
Fast and Easy Website Tune Ups
Fast and Easy Website Tune UpsFast and Easy Website Tune Ups
Fast and Easy Website Tune Ups
 
Technical SEO.pdf
Technical SEO.pdfTechnical SEO.pdf
Technical SEO.pdf
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
 

Recently uploaded

State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
Product School
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
Dorra BARTAGUIZ
 

Recently uploaded (20)

State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
 

Web Design

  • 1.
  • 2. Designers need not suck at HTML. By Nelson Wei Tan
  • 3. Why do you need a portfolio website?
  • 4. Why do you need a portfolio website? • Archive works virtually
  • 5. Why do you need a portfolio website? • Archive works virtually • Place name on the market
  • 6. Why do you need a portfolio website? • Archive works virtually • Place name on the market • Sell works
  • 7. Why do you need a portfolio website? • Archive works virtually • Place name on the market • Sell works • Social Networking
  • 8. What do you need to create a website? (Other than having a computer)
  • 9. What do you need to create a website? (Other than having a computer) • Internet connection
  • 10. What do you need to create a website? (Other than having a computer) • Internet connection • Domain Name
  • 11. What do you need to create a website? (Other than having a computer) • Internet connection • Domain Name • Hosting
  • 12. What do you need to create a website? (Other than having a computer) • Internet connection • Domain Name • Hosting • The design
  • 13. What do you need to create a website? (Other than having a computer) • Internet connection • Domain Name • Hosting • The design • FTP (File Transfer Protocol)
  • 14. 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
  • 16. designing HTML site? Advantages • Content will be picked up by search engine. Disadvantages
  • 17. designing HTML site? Advantages • Content will be picked up by search engine. • Works with ALL Browsers. Disadvantages
  • 18. designing HTML site? Advantages • Content will be picked up by search engine. • Works with ALL Browsers. Disadvantages
  • 19. designing HTML site? Advantages • Content will be picked up by search engine. • Works with ALL Browsers. Disadvantages • Design can be limited
  • 20. designing HTML site? Advantages • Content will be picked up by search engine. • Works with ALL Browsers. Disadvantages • Design can be limited • Avoid Frames
  • 21. designing HTML site? Advantages • Content will be picked up by search engine. • Works with ALL Browsers. Disadvantages • Design can be limited • Avoid Frames • Videos and audio files are larger and compromise loading speed
  • 22.
  • 24. designing FLASH site? Advantages • Freedom in layout design Disadvantages
  • 25. designing FLASH site? Advantages • Freedom in layout design • Greater interactivity Disadvantages
  • 26. designing FLASH site? Advantages • Freedom in layout design • Greater interactivity • Better font choices Disadvantages
  • 27. designing FLASH site? Advantages • Freedom in layout design • Greater interactivity • Better font choices Disadvantages
  • 28. designing FLASH site? Advantages • Freedom in layout design • Greater interactivity • Better font choices Disadvantages • Plug in required
  • 29. designing FLASH site? Advantages • Freedom in layout design • Greater interactivity • Better font choices Disadvantages • Plug in required • Search Engine Woes
  • 30. designing FLASH site? Advantages • Freedom in layout design • Greater interactivity • Better font choices Disadvantages • Plug in required • Search Engine Woes • Printing problems
  • 31.
  • 32.
  • 33. WEB 2.0 An Explanation of By Professor Michael Wesch. Kansas State University Web 2.0
  • 34. WEB 2.0 An Explanation of By Professor Michael Wesch. Kansas State University Web 2.0
  • 35. Characteristics of Web 2.0 • Database / RSS feeds • Social Networks • Wikis • Blogs • Web browser applications - CMS
  • 36. Characteristics of Web 2.0 • Database / RSS feeds Retrieval and management of data • Social Networks • Wikis • Blogs • Web browser applications - CMS
  • 37. Characteristics of Web 2.0 • Database / RSS feeds Retrieval and management of data • Social Networks IM, MySpace, Flickr, Youtube • Wikis • Blogs • Web browser applications - CMS
  • 38. Characteristics of Web 2.0 • Database / RSS feeds Retrieval and management of data • Social Networks IM, MySpace, Flickr, Youtube • Wikis Collaborative community • Blogs • Web browser applications - CMS
  • 39. Characteristics of Web 2.0 • Database / RSS feeds Retrieval and management of data • Social Networks IM, MySpace, Flickr, Youtube • Wikis Collaborative community • Blogs Personal showcase • Web browser applications - CMS
  • 40. Characteristics of Web 2.0 • Database / RSS feeds Retrieval and management of data • Social Networks IM, MySpace, Flickr, Youtube • Wikis Collaborative community • Blogs Personal showcase • Web browser applications - CMS Creating and Managing HTML content
  • 41. RSS Feeds for designers
  • 43. Why should designers BLOG? Showcase Works Work Progress
  • 45. Content Management System (CMS)
  • 46. Content Management System (CMS) • JOOMLA / MAMBO
  • 47. Content Management System (CMS) • JOOMLA / MAMBO • Allows Automated templates
  • 48. Content Management System (CMS) • JOOMLA / MAMBO • Allows Automated templates • Easily editable content
  • 49. Content Management System (CMS) • JOOMLA / MAMBO • Allows Automated templates • Easily editable content • Document management / Archive
  • 53.
  • 54. 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/