1 / 38

Build A Website  For Free

Build A Website  For Free. The Artist’s Way. Who am I?. Build a Website?. For free?. Really?. By myself?. Really?. How does the internet work?. Server. Server. Server. Server. Web site. Web site. Web site. Website. Web Page. Web Page. Web Page. Web Page.

Download Presentation

Build A Website  For Free

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.


Presentation Transcript

  1. Build A Website ForFree The Artist’s Way

  2. Who am I?

  3. Build a Website?

  4. For free?

  5. Really?

  6. By myself?

  7. Really?

  8. How does the internet work?

  9. Server Server Server Server Web site Web site Web site

  10. Website Web Page Web Page Web Page Web Page

  11. The Order of Things Planning Promotion & Maintenance Testing Building Design

  12. 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?

  13. Site Organization

  14. Page Organization

  15. Design Can I make a website look good?

  16. Content before design • Design Ideas • Employ Visual Hierarchy • Color • Fonts • Images

  17. 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/

  18. Best Practices • Content is most important • What is new? • Keep it simple • Be consistent

  19. Content • Content should be focused • Content should be personal • Content should be high quality • Content should be unique

  20. Building • HTML • HTML5 • Mark-up language • Text file • Notepad++ • Tags effect text

  21. Nopenopenopenope

  22. Anatomy of a tag <h1>Heading One</h1>

  23. Sample Introduction This is the introduction to my site. Thank you for visiting and hope you enjoy my art.

  24. <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>

  25. Web Page Software • KompoZer • Bluefish • SeaMonkey

  26. Working with images • Jpg, gif, png • Watermark • Size and resolution

  27. Slideshows • Control of presentation • Image protection • Different methods • Html5 • Ajax • Flash

  28. Working with multimedia • Video • Youtube • Vimeo • Audio • Soundcloud • Podcasting

  29. Hosting

  30. Functions of a Web Server • Storage • Security • Share Files

  31. Web Hosting Needs • Cost • Technical Knowledge Required • Maintenance Needs • Storage Space • Accessibility • Bandwidth Needs • Security Needs • Domain Name Service

  32. Domains Myname.com

  33. Getting Files on the Internet • Move files from your local computer to the web server • File Transfer Protocol • Filezilla

  34. Testing

  35. How to test a website • Test design • Test HTML • Test links and functionality • Test browsers • Test resolution

  36. 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?

  37. Promotion and Maintenance • Social Media • Twitter • Facebook • Instagram • Vine • Linked in • Cards • Shows • Visit your own site!

  38. Questions? ?

More Related