Animation Exercise
What to do if I am finished creating my Blog?
http://www.blogbulk.com/2007/03/add-columns-to-blogger-footer-we-are.html
Here are some ideas for adding html and CSS code-
http://www.stramaxon.com/2012/03/how-to-add-css-to-your-blogger-blog.html
Note: Images must be original, meaning that you either took the photograph, illustrated and scanned, or created the image using a program like Photoshop or Paint.
1. Add a custom favicon
Things to consider:
The revised favicon is not always showing up. Is the following a possible solution?-
1. type in www.yoursite.com/favicon.ico
2. push enter
3. ctrl+f5
4. done
5. Restart Browser (IE, Firefox)( from-http://stackoverflow.com/questions/2208933/how-do-i-force-a-favicon-refresh)
Tips about creating pixel art
(use this site to help you design your favicon)
Layout >> click Edit on the Favicon gadget >> Browse… select your favicon image (must be a square image!) >> Save.
Here is one idea of what you could do- http://designyourownblog.com/blog-design/tutorial-how-to-create-blog-favicon/
Layout >> click Edit on the Header gadget >> Uncheck “Shrink to Fit” >> Browse… select your header image from your computer >> Check the option “Instead of title and description” >> Save.
Here is one idea of what you could do- http://www.thewonderforest.com/2013/09/how-to-create-blog-header-that-looks.html
Here is another idea of what you could do- https://www.youtube.com/watch?v=kduO8uqnpHY
QR Codes
Tiny Urls
analyze statistics- http://is.gd/stats.php?url=macmediahw
Blogger controls
Text Format
Photoshop exercise
take the supplied image and perform the following adjustments:
rotate image
crop
resize image for web (150 dpi, 600 pixels for the largest dimension)
remove imperfections with clone tool
correct levels
increase contrast
boost saturation
insert speech bubble and add text
flatten image
Save as jpeg to your pictures folder- highest quality (12)
Upload edited image to your web design post
Things to note:
open image
resize properties
locked background
layers
layer adjustments
crop tool
clone tool
scale
rotate
text tool
formats
Photoshop Fish Rubric
Setting the permissions for your blog-
1. sign into your blog
2. view your blog
3. click on "Design"
4. look to the left and select"Settings"
5. look for "permissions", then look for "blog readers" and click "edit"
6. select "only these readers"
7. click on "add readers"
8. click "ok" to navigate away from page
9. type the following emails in the box provided:
10. Feel free to add any other emails, like your parents.
11. Save changes
Make your own Blog-
use the power point slideshow as a guide
Click on the "open in a new window icon" to be able to advance the slides at your own pace.
Assignment Use the following html code to place your blog entries on a color field
Blog entry aesthetics
Directions-
1. Name of Assignment- Largest (font size option in Blogger)
2. Blog entry placed on a colored field.
-----------------------------------------------------------------------------------
Use the code below to put your text on a colored field.
<div style="background-color: #cdcdb4; color: #8b5742; font-family: Verdana; font-size: 12px; font-weight: bold;" type="text">
Your text goes here</div>
------------------------------------------------------------------------------------
Let’s look at the code:
GROUPS ELEMENTS TO FORMAT <div
BACKGROUND COLOR style="background-color: #cdcdb4;
TEXT COLOR color: #8b5742;
FONT font-family: Verdana;
SIZE font-size: 12px;
FONT FORMATING font-weight: bold;
" type="text"
" type="text"
YOUR TEXT >Your text goes here<
/div>
_________________________________________________________
Note: visit http://www.color-hex.com/ to find the code for a variety of colors.
_________________________________________________________
Procedure:
1. Paste html code in the "edit html" section of your post
2. Paste text in the "text goes here" part of the code
3. You can also go to the "Compose" tab, click on the colored field,
and type wanted text
Procedure:
1. Paste html code in the "edit html" section of your post
2. Paste text in the "text goes here" part of the code
3. You can also go to the "Compose" tab, click on the colored field,
and type wanted text
Assignment Embed a power point presentation as a slideshow in your blog
Due 3/23
Post Copyright Power Point into the Copyright section
Post the Instructional Power Point into a Web Design Post that you create and link to from your homepage
Post the Instructional Power Point into a Web Design Post that you create and link to from your homepage
Click on the full screen icon in order to view full screen
Findings
powerpoint defaults to inserting an image as a bitmap which increases file size. Solution is to cut the image, and then go to edit- paste special- select jpeg for the format. An additional step would be to use the reference below to further streamline the file size by using the compression option- see link below. I had great success taking a 20mb file size and compressing to 3mb. The value of this is that Google only allows you to upload 10mb max.
thoughts:
look into a way to set a hot key for the paste special command, rather than having to select from the menu (does not seem to be a keyboard shortcut).
what is the best protocol? convert images to jpeg, then compress; or vice versa?
A handy reference for reducing the size of your PowerPoint file
Assignment Instructional Power Point using Screen Shots Due 3/18
Post to Web Design
Create a power point presentation that uses screen shots and text boxes to explain the following concepts:
1. How to sign into your blogg
2. How to copy a document from Word and paste into the edit html tab
3. How to change font size, style, and color
4. How to publish, view, and make changes to your post
5. How to use Picnik Photo Editing
-upload image
-crop
-how to auto adjust brightness level
- how to increase contrast
-how to sharpen
-how to save
Assignment Suspense Chart coded to open in a new browser window Due3/15
Post to Creative Writing
Follow along with the power point lesson below. Create a link in the Creative Writing Section of your blog so that your Suspense Chart will open in a new browser window. Copy and paste your Suspense Chart information into the Google Doc you create.
Things you need for this assignment:
Power Point Lesson- getting a link to open in a new browser window
Suspense Chart Template
Text Directions- getting a link to open in a new window
The following code will allow you to program a link to open in a new browser window:
<a href="url of destination goes here" target="_blank">your text goes here</a>
Assignment Create a blog Due 9/30
Use the links below to help you construct and format a blog. Your blog will be the way you turn in most of your assignments.
Making a Blog Directions
Writing html links- a resourceImage exercise- take the supplied image and perform the following adjustments: https://picasaweb.google.com/117153571733288406619/PhotoForge2 rotate image crop resize image for web (150 dpi, 600 pixels for the largest dimension) remove imperfections with clone tool correct levels increase contrast boost saturation insert your name flatten image Save as jpeg to your pictures folder- highest quality (12) Upload edited image to your web design post Things to note: open image resize properties locked background layers layer adjustments crop tool clone tool scale rotate text tool formats
