Difference between revisions of "Class:MFA Illustration 2018/Week 2"
Jump to navigation
Jump to search
| Line 52: | Line 52: | ||
* [http://choppingblock.com/presentations/evolving-web-trends/#slide8 Evolution of site design and technologies] | * [http://choppingblock.com/presentations/evolving-web-trends/#slide8 Evolution of site design and technologies] | ||
* [http://choppingblock.com/presentations/evolving-web-trends/#slide15 The Magic Poster theory] | * [http://choppingblock.com/presentations/evolving-web-trends/#slide15 The Magic Poster theory] | ||
| − | * [http://choppingblock.com/presentations/evolving-web-trends/#slide35 | + | * [http://choppingblock.com/presentations/evolving-web-trends/#slide35 Illustrators should NOT have to learn code] |
We also talked a little bit about Responsive Web Design | We also talked a little bit about Responsive Web Design | ||
| Line 67: | Line 67: | ||
: Will you be building your website yourself (HTML/CSS) and uploading it? - Yes | : Will you be building your website yourself (HTML/CSS) and uploading it? - Yes | ||
: Will you be using [http://indexhibit.org indexhibit] or [http://wordpress.org Wordpress] to build your website? - Yes | : Will you be using [http://indexhibit.org indexhibit] or [http://wordpress.org Wordpress] to build your website? - Yes | ||
| − | : Will be using a hosted solution like | + | : Will be using a hosted solution like [http://squarespace.com Squarespace] or [http://cargocollective.com Cargo] to build your website? - No |
: Even if it is not your main website, will you need to export galleries and post them online for friends/clients to see? - Possibly | : Even if it is not your main website, will you need to export galleries and post them online for friends/clients to see? - Possibly | ||
| Line 76: | Line 76: | ||
* My preference for all of you is to go with [http://dreamhost.net Dreamhost] over [http://godaddy.com Godaddy] for JUST the hosting part. | * My preference for all of you is to go with [http://dreamhost.net Dreamhost] over [http://godaddy.com Godaddy] for JUST the hosting part. | ||
| − | === | + | === Illustration Site Building (CMS) Solutions === |
| − | There was a time where a | + | There was a time where a Illustrator would build (or hire somebody to build) their website from scratch. Adding and removing content from these websites would require somebody to edit the HTML and upload the changes to a web server. Successful websites are no longer built like this... Content Management Systems (CMS) have redefined how the internet works. These tools are either hosted, or need to be installed on your webserver to run. |
This week I introduced the class to the concept of Content Managed Solutions. We will be spending a lot of time looking at these options. | This week I introduced the class to the concept of Content Managed Solutions. We will be spending a lot of time looking at these options. | ||
| Line 92: | Line 92: | ||
== Assignment == | == Assignment == | ||
| − | Simple assignment this week: | + | <!-- Simple assignment this week: |
* Use the techniques shown in class to bring in 10 compressed photos next week (05/31) | * Use the techniques shown in class to bring in 10 compressed photos next week (05/31) | ||
** Watch the video above for a refresher | ** Watch the video above for a refresher | ||
| − | ** Name your files responsibly | + | ** Name your files responsibly --> |
| − | I have created a Dropbox folder for the class. It's an easy way to collect/organize projects and assignments. If you do not want the folder on your hard drive taking up space you don't have to sync it to your drive, you can use the selective sync settings to disable it and just use the web interface. | + | <!-- I have created a Dropbox folder for the class. It's an easy way to collect/organize projects and assignments. If you do not want the folder on your hard drive taking up space you don't have to sync it to your drive, you can use the selective sync settings to disable it and just use the web interface. --> |
| − | Please keep reviewing options/working your web sites. | + | <!-- Please keep reviewing options/working your web sites. --> |
<!-- Your task this session is to simply become familiar with the tools and HTML shown in class. | <!-- Your task this session is to simply become familiar with the tools and HTML shown in class. | ||
Revision as of 22:19, 11 March 2018
First Week
- Discuss Wiki
- History of the Internet
- How the internet works for us
This Week
- Review First Week & your email/domain questions
- The "size" of the internet
- Image Optimization
Open Questions
Notes
Review Illustration Inspirational Website Submissions
The "size" of the web
Image Sizes Today
- Small - 800px wide
- Medium - 1200px - 1600px wide
- Large - 1800px wide and up
Optimizing Images for The Web
Last semester we covered many aspects/techniques related to optimizing your images for the web.
- Image Format Reference
- There is a tool called Imageoptim for further compressing your images
Hosting Your Email
Depending on the website solution and hosting solution you pick, you might need Email Hosting, or better Email Hosting.
I have created a Email Hosting Services reference page for you here.
Introduction To Digital Portfolio Techniques
This week in class I walked you through a series of slide presentations highlighting the foundation techniques for this semester.
Highlights Include
- Evolution of site design and technologies
- The Magic Poster theory
- Illustrators should NOT have to learn code
We also talked a little bit about Responsive Web Design
- The article that started it all: Responsive Web Design at A List Apart
- 30 Responsive Portfolios For Your Inspiration
- If you are interested, the best place to start is A Book Apart: Responsive Web Design
- Fantastic repository of responsive sites: mediaqueri.es
Hosting Your Sites
Some of you will end up using a hosted web site solution and not need to setup a dedicated web host, others will end up needing to upload your website to a dedicated host.
- Do you need a dedicated host?
- Will you be building your website yourself (HTML/CSS) and uploading it? - Yes
- Will you be using indexhibit or Wordpress to build your website? - Yes
- Will be using a hosted solution like Squarespace or Cargo to build your website? - No
- Even if it is not your main website, will you need to export galleries and post them online for friends/clients to see? - Possibly
It's important to go with a Hosting Provider that you trust, one that you can contact when you need some help.
I have created a Hosting Providers reference page for you here.
Illustration Site Building (CMS) Solutions
There was a time where a Illustrator would build (or hire somebody to build) their website from scratch. Adding and removing content from these websites would require somebody to edit the HTML and upload the changes to a web server. Successful websites are no longer built like this... Content Management Systems (CMS) have redefined how the internet works. These tools are either hosted, or need to be installed on your webserver to run.
This week I introduced the class to the concept of Content Managed Solutions. We will be spending a lot of time looking at these options.
I have created a Site Building (CMS) Solutions reference page for you here.
