Cool video tutorial for customizing Google maps -- which can then be embedded in your site:
Tuesday, April 17, 2012
Tuesday, April 10, 2012
Kirby - Problem solving log
Problem: Background image is distorted
Solution: Took a better picture with a higher resolution and cropped it in photoshop.
Problem: I'd like to make a page just for photos maybe using flickr.
Solution: I created an account and embeded it in the site. http://www.flickr.com/photos/77619906@N06/sets/72157629893824355/
Problem: Make the map of the route a google map.
Solution: Used the My maps application on google and created an interactive map of the route. http://www.youtube.com/watch?v=TftFnot5uXw
Then I adjusted the width so it matched the width of the picture that displays below it. <iframe width="508".
Problem: My boarder in the Right Div tag needed to blend better with the background but we could not change the opacity with out changing the opacity of the entire div.
Solution: Using the eyedropper tool on photoshop we were able to make a background for the boarder and set the transparency to 85%. It worked well and did not effect the transparency od the text and images in the div.
Problem: Easy to fix but, I wanted the water horizon in the picture on the home page to match with the background image.
Solution: I just adjusted the margin-top to 63px in the left and right Div tag. It seemed to be as close of a match as possible.
Solution: Took a better picture with a higher resolution and cropped it in photoshop.
Problem: I'd like to make a page just for photos maybe using flickr.
Solution: I created an account and embeded it in the site. http://www.flickr.com/photos/77619906@N06/sets/72157629893824355/
Problem: Make the map of the route a google map.
Solution: Used the My maps application on google and created an interactive map of the route. http://www.youtube.com/watch?v=TftFnot5uXw
Then I adjusted the width so it matched the width of the picture that displays below it. <iframe width="508".
Problem: My boarder in the Right Div tag needed to blend better with the background but we could not change the opacity with out changing the opacity of the entire div.
Solution: Using the eyedropper tool on photoshop we were able to make a background for the boarder and set the transparency to 85%. It worked well and did not effect the transparency od the text and images in the div.
Problem: Easy to fix but, I wanted the water horizon in the picture on the home page to match with the background image.
Solution: I just adjusted the margin-top to 63px in the left and right Div tag. It seemed to be as close of a match as possible.
A Granelli completed home page
AG Photo-Design
My design is a mockup self promotional website that is a test for future ideas. The WIX website builder is a useful tool in creating a modern looking webpage that did not come with many problems. The main problem that I have encountered thus far is having separate background images on each page of your website. I'd like to use separate images in order to show a multitude of examples that promote the concept or idea. I ended up just using a dark background and stretching pictures to fill the background, I would have liked more flexibility within this area but the WIX features are somewhat limited.
Problem Log
1. Problem: Having separate background images through WIX
Solutions: You can create a website based entirely of "Master" pages. Create a new website in Wix for every page of your website. Instead of using the menu bar, you can use "Text Buttons" arranged in a menu style to link between pages easily.
http://www.wix.com/support/main/flash/wix-editor/site-settings/site-background
2. Problem: Multiple master pages lead to increased load time between pages.
Here is an example, http://www.wix.com/bodlax/alexgranellihome
The link "Gallery" runs much smoother between pages
3. Webpage sizing- The builder view shrinks actual webpage size. Published webpage appears larger and requires scrolling to view.
The website looks decent in the builder view but the size of everything seems to increase when viewing the actual webpage.
Solution- Trial and Error. Try to make everything smaller and allow for a even border around the page layout. WIX doesn’t have a good way of showing rulers or any sizing information in the builder. The gridlines available are for a much more generic page layout with a column on the left for link, a body area, and a header.
Lastly- It seems necessary to be very careful in the choice/size/and layout of the texts I use. Some pages are visually non uniform and this takes away from the aesthetic side of the website.
4. Centering images and text on webpage. Wix doesn’t provide a way to center anything on the webpage. It’s entirely based off your own judgement and therefore leaves room for error. I simply tried to line up the pages equally but there is no way to know for sure if anything is centered.
My design is a mockup self promotional website that is a test for future ideas. The WIX website builder is a useful tool in creating a modern looking webpage that did not come with many problems. The main problem that I have encountered thus far is having separate background images on each page of your website. I'd like to use separate images in order to show a multitude of examples that promote the concept or idea. I ended up just using a dark background and stretching pictures to fill the background, I would have liked more flexibility within this area but the WIX features are somewhat limited.
Problem Log
1. Problem: Having separate background images through WIX
Solutions: You can create a website based entirely of "Master" pages. Create a new website in Wix for every page of your website. Instead of using the menu bar, you can use "Text Buttons" arranged in a menu style to link between pages easily.
http://www.wix.com/support/main/flash/wix-editor/site-settings/site-background
2. Problem: Multiple master pages lead to increased load time between pages.
Here is an example, http://www.wix.com/bodlax/alexgranellihome
The link "Gallery" runs much smoother between pages
3. Webpage sizing- The builder view shrinks actual webpage size. Published webpage appears larger and requires scrolling to view.
The website looks decent in the builder view but the size of everything seems to increase when viewing the actual webpage.
Solution- Trial and Error. Try to make everything smaller and allow for a even border around the page layout. WIX doesn’t have a good way of showing rulers or any sizing information in the builder. The gridlines available are for a much more generic page layout with a column on the left for link, a body area, and a header.
Lastly- It seems necessary to be very careful in the choice/size/and layout of the texts I use. Some pages are visually non uniform and this takes away from the aesthetic side of the website.
4. Centering images and text on webpage. Wix doesn’t provide a way to center anything on the webpage. It’s entirely based off your own judgement and therefore leaves room for error. I simply tried to line up the pages equally but there is no way to know for sure if anything is centered.
Thursday, April 5, 2012
Video 2012-04-04
Here's a link to a live stream of PENGUINS! Watch as much or as little as you want: http://dsc.discovery.com/tv/frozen-planet/penguin-cam/
Tuesday, April 3, 2012
Class-Assignment: Due dates for the This Month
A week from today - on Tuesday, 4/10 – you have to be prepared to present your website-in-progress. We'll put it up on screen, and give you some feedback. Your homepage, at least, must be completed, with a functioning nav bar, and all images and text finalized.
A week from then, on Tuesday 4/17, you must have all the written content for your static pages finalized, and all your images assembled. You will turn the writing in as a printed word document.
The following week, on Thursday 4/26, a draft of your website with all the static pages in place, with text and images, is due. I'll take a look at the sites during that class.
This is how your final grade will break down
25%: Class and blog assignments (assignments to date)
75%: Your final website
That latter 75% will be composed of the following:
15% your "problem solving" log, due at the final
15% your Tuesday 4/10 presentation
15% your Tuesday 4/17 delivery of website content
15% your Thursday 4/26 draft of your site
15% your completed and polished website, due at the final
A week from then, on Tuesday 4/17, you must have all the written content for your static pages finalized, and all your images assembled. You will turn the writing in as a printed word document.
The following week, on Thursday 4/26, a draft of your website with all the static pages in place, with text and images, is due. I'll take a look at the sites during that class.
This is how your final grade will break down
25%: Class and blog assignments (assignments to date)
75%: Your final website
That latter 75% will be composed of the following:
15% your "problem solving" log, due at the final
15% your Tuesday 4/10 presentation
15% your Tuesday 4/17 delivery of website content
15% your Thursday 4/26 draft of your site
15% your completed and polished website, due at the final
Subscribe to:
Posts (Atom)