Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I...
Transcript of Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I...
![Page 1: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/1.jpg)
Build A Website For Free The Artist’s Way
![Page 2: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/2.jpg)
Who am I?
![Page 3: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/3.jpg)
Build a Website?
![Page 4: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/4.jpg)
For free?
![Page 5: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/5.jpg)
Really?
![Page 6: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/6.jpg)
By myself?
![Page 7: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/7.jpg)
Really?
![Page 8: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/8.jpg)
How does the internet work?
![Page 9: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/9.jpg)
Server Server Server Server
Web
site
Web
site
Web
site
![Page 10: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/10.jpg)
Web
Page
Website
Web
Page
Web
Page
Web
Page
![Page 11: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/11.jpg)
The Order of Things
Planning Design Building Testing Promotion &
Maintenance
![Page 12: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/12.jpg)
Planning
• Why am I building a website?
• What goals do I have for this site?
• Who is going to build the site?
• What budget do I have?
• What am I trying to promote?
![Page 13: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/13.jpg)
Site Organization
![Page 14: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/14.jpg)
Page Organization
![Page 15: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/15.jpg)
Design
Can I make a website look good?
![Page 16: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/16.jpg)
Content before design
• Design Ideas
• Employ Visual Hierarchy
• Color
• Fonts
• Images
![Page 17: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/17.jpg)
Samples
• Blu - http://www.blublu.org/
• David Hockney - http://www.hockneypictures.com/home.php
• Anish Kapoor - http://anishkapoor.com/
• Seth Fisher - http://www.floweringnose.com/
• eboy - http://hello.eboy.com/eboy/
![Page 18: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/18.jpg)
Best Practices
• Content is most important
• What is new?
• Keep it simple
• Be consistent
![Page 19: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/19.jpg)
Content
• Content should be focused
• Content should be personal
• Content should be high quality
• Content should be unique
![Page 20: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/20.jpg)
Building
• HTML
• HTML5
• Mark-up language
• Text file
• Notepad++
• Tags effect text
![Page 21: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/21.jpg)
Nopenopenopenope
![Page 22: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/22.jpg)
Anatomy of a tag
<h1>Heading One</h1>
![Page 23: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/23.jpg)
Sample
Introduction
This is the introduction to my site. Thank you for visiting and hope you enjoy my art.
![Page 24: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/24.jpg)
<html>
<head>
<title>Sample</title>
</head>
<body>
<h1>Introduction</h1>
<p>This is the introduction to my site. Thank you for visiting and hope you enjoy my art.</p>
</body>
</html>
![Page 25: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/25.jpg)
Web Page Software
• KompoZer
• Bluefish
• SeaMonkey
![Page 26: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/26.jpg)
Working with images
• Jpg, gif, png
• Watermark
• Size and resolution
![Page 27: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/27.jpg)
Slideshows
• Control of presentation
• Image protection
• Different methods • Html5
• Ajax
• Flash
![Page 28: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/28.jpg)
Working with multimedia
• Video • Youtube
• Vimeo
• Audio • Soundcloud
• Podcasting
![Page 29: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/29.jpg)
Hosting
![Page 30: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/30.jpg)
Functions of a Web Server
• Storage
• Security
• Share Files
![Page 31: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/31.jpg)
Web Hosting Needs
• Cost
• Technical Knowledge Required
• Maintenance Needs
• Storage Space
• Accessibility
• Bandwidth Needs
• Security Needs
• Domain Name Service
![Page 32: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/32.jpg)
Domains
Myname.com
![Page 33: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/33.jpg)
Getting Files on the Internet
• Move files from your local computer to the web server
• File Transfer Protocol
• Filezilla
![Page 34: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/34.jpg)
Testing
![Page 35: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/35.jpg)
How to test a website
• Test design
• Test HTML
• Test links and functionality
• Test browsers
• Test resolution
![Page 36: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/36.jpg)
Usability Testing
• Can people find things?
• Does my visual hierarchy re-enforce my content?
• Do my visitors get lost?
• Do they know me and my art after visiting my site?
![Page 37: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/37.jpg)
Promotion and Maintenance
• Social Media • Twitter
• Vine
• Linked in
• Cards
• Shows
• Visit your own site!
![Page 38: Build A Website For Free - Indiana · Planning •Why am I building a website? •What goals do I have for this site? •Who is going to build the site? •What budget do I have?](https://reader033.fdocuments.in/reader033/viewer/2022042102/5e7f259cc572933dac383e97/html5/thumbnails/38.jpg)
Questions?