Difference between revisions of "Culture Lab - Personal Websites"
(→Audio portfolio examples:) (Tag: VisualEditor) |
m (→Getting Geeky) |
||
(6 intermediate revisions by 2 users not shown) | |||
Line 7: | Line 7: | ||
====What to use to build a site?==== | ====What to use to build a site?==== | ||
*What is [http://wordpress.org/ WordPress]? How is [http://blogs.evergreen.edu/ blogs.evergreen.edu] different from [http://wordpress.com/ wordpress.com] different from [https://wordpress.org/ wordpress.org]? | *What is [http://wordpress.org/ WordPress]? How is [http://blogs.evergreen.edu/ blogs.evergreen.edu] different from [http://wordpress.com/ wordpress.com] different from [https://wordpress.org/ wordpress.org]? | ||
− | * Alternatives include [https://www.squarespace.com/ Squarespace], [https://www.tumblr.com/ Tumblr] and [http://www.wix.com/ Wix] | + | * Alternatives include [https://www.squarespace.com/ Squarespace], [https://www.tumblr.com/ Tumblr], [http://dropr.com/ dropr] and [http://www.wix.com/ Wix] |
===Multimedia and Fine Art portfolio examples: === | ===Multimedia and Fine Art portfolio examples: === | ||
* http://www.femmefatale.paris/en | * http://www.femmefatale.paris/en | ||
* [http://wangechimutu.com/art/on-paper/ http://wangechimutu.com/] | * [http://wangechimutu.com/art/on-paper/ http://wangechimutu.com/] | ||
− | * http://y78.fr | + | * http://y78.fr |
* http://lauraletinsky.com/ | * http://lauraletinsky.com/ | ||
* http://www.taubaauerbach.com/ | * http://www.taubaauerbach.com/ | ||
+ | * http://rameyfilms.com/index.html (evergreen alumna) | ||
+ | * http://cathydelacruz.com/ ((evergreen alumna) | ||
=== Audio portfolio examples: === | === Audio portfolio examples: === | ||
Line 43: | Line 45: | ||
===Tips for building your web site=== | ===Tips for building your web site=== | ||
* Design it with your intended audience always in mind. | * Design it with your intended audience always in mind. | ||
+ | * What are your goals for your site? | ||
* Look at how other's in your field are organizing their sites. Are there elements you like/dislike? Are there patterns you see being used across multiple sites in your field? | * Look at how other's in your field are organizing their sites. Are there elements you like/dislike? Are there patterns you see being used across multiple sites in your field? | ||
* Is it easy to view your work? Find your relevant experience. | * Is it easy to view your work? Find your relevant experience. | ||
Line 62: | Line 65: | ||
* first and last name .com | * first and last name .com | ||
* domain registration happens via a domain registrar. Often times web hosts will also offer domain registration. Coupling domain registration and web hosting is the easiest way to manage as each will have to be renewed annually. | * domain registration happens via a domain registrar. Often times web hosts will also offer domain registration. Coupling domain registration and web hosting is the easiest way to manage as each will have to be renewed annually. | ||
+ | * What about some of the new TLDs like .name, .design | ||
====Web Hosting and Editing Platforms==== | ====Web Hosting and Editing Platforms==== | ||
Line 80: | Line 84: | ||
A great way to measure how many people visit your site is to set up a [https://analytics.google.com Google Analytics account]. You'll then need to use a plugin or manually add the Google Analytics code into your site. | A great way to measure how many people visit your site is to set up a [https://analytics.google.com Google Analytics account]. You'll then need to use a plugin or manually add the Google Analytics code into your site. | ||
+ | ====Getting Geeky==== | ||
+ | * learn html/css | ||
+ | * consider coding your own site using [https://css-tricks.com/snippets/css/complete-guide-grid/ Grid], [http://cssgridgarden.com/ CSS Grid Garden], [http://flexboxfroggy.com/ Flexbox Froggy] | ||
{{WordPress Help}} | {{WordPress Help}} | ||
[[Category:2016-2017]] | [[Category:2016-2017]] |
Latest revision as of 14:52, 18 January 2018
Why a build a personal website?
- stake out your personal space/name on the web
- a stable location you control to point your social media accounts to
What to use to build a site?
- What is WordPress? How is blogs.evergreen.edu different from wordpress.com different from wordpress.org?
- Alternatives include Squarespace, Tumblr, dropr and Wix
Multimedia and Fine Art portfolio examples:
- http://www.femmefatale.paris/en
- http://wangechimutu.com/
- http://y78.fr
- http://lauraletinsky.com/
- http://www.taubaauerbach.com/
- http://rameyfilms.com/index.html (evergreen alumna)
- http://cathydelacruz.com/ ((evergreen alumna)
Audio portfolio examples:
- http://brianbinningaudio.com/
- http://www.gameaudiogirl.com/
- http://zacharyquarles.com/blog/
- http://chloestamper.com/
Create a WordPress Site at Evergreen
As an Evergreen student, you have access to create a site at http://blogs.evergreen.edu and get support. This is a great opportunity to explore the waters of creating your own website in preparation for managing your own after graduation.
To get started check out the WordPress Tutorial
Suggested themes for portfolio sites:
Always make sure themes are responsive and will look good across all device sizes.
- Baskerville
- Hatch
- Hemingway
- Twenty Fifteen
- Fullscreen
- Onesie
- Snaps
- Wilson
Embedding media
Tips for building your web site
- Design it with your intended audience always in mind.
- What are your goals for your site?
- Look at how other's in your field are organizing their sites. Are there elements you like/dislike? Are there patterns you see being used across multiple sites in your field?
- Is it easy to view your work? Find your relevant experience.
How will people contact/connect with you?
- Consider connecting with social media tools like Twitter, Facebook, LinkedIn or Instagram.
- Make sure you present a professional image; create social media accounts or pages for your professional persona separate from your personal accounts.
- Have you included a resume? make sure it be viewed in full on the site and then optionally downloaded as a PDF.
- Protect your privacy. Use contact forms whenever possible so you don't have to reveal your email address or phone number.
What about after graduation?
Getting your own website
Securing your own custom domain name
Every website has a unique web address. Best practices for choosing a custom domain name:
- short, descriptive, easily communicated, not easily confused with other websites
- first and last name .com
- domain registration happens via a domain registrar. Often times web hosts will also offer domain registration. Coupling domain registration and web hosting is the easiest way to manage as each will have to be renewed annually.
- What about some of the new TLDs like .name, .design
Web Hosting and Editing Platforms
Web hosts are the folks who host your website on their internet connected web servers. They can host simple html files but now, more often they additionally host web editing platforms such as WordPress, Wix or Squarespace. Before you commit to a web host:
- Create a trial account and make sure it feels easy to use and meets all of your site's requirements.
- Add up all of the recurring costs (domain + web hosting)
- some platforms are Open Source such as WordPress which means if you don't like your web host you can always move your code to another server
- some platforms are proprietary such as Squarespace - web sites built here will have limited export functionality
Get Found
Register your site with the major search engines
Getting your site found by the major search engines can take time. By manually registering it can speed up the process.
Is my site successful?
A great way to measure how many people visit your site is to set up a Google Analytics account. You'll then need to use a plugin or manually add the Google Analytics code into your site.
Getting Geeky
- learn html/css
- consider coding your own site using Grid, CSS Grid Garden, Flexbox Froggy
Need More Help?
- WordPress Tutorial - for a step-by-step tutorial to get you started
- FAQs - common questions about using WordPress at Evergreen
- All WordPress articles
Still have questions or problems with WordPress, send Academic Computing a message or call the Computer Center at 360-867-6227.