Entry 11:
How to add a music player to your website:
1. go to http://scmplayer.net/
2. set up the player, choose a skin, add music to the playlist
3. get the code and put it into your body and the player should show up at the bottom of the screen when you
visit your website on a browser
Entry #10:
How to put a table from excel or numbers into HTML:
1. Go to the document where the table is
2. Copy the table and paste it into this website http://tableizer.journalistopia.com/
3. Get the code and paste it into a div in dreamweaver
4. Take the CSS from the code and put it where the CSS is in your website
Entry #9:
How to add a video (non YouTube) into Dreamweaver:
1.Open a Dreamweaver or make a Dreamweaver project
2.Go to Insert>Media>FLV
3.Wait for window to popup
4.Click "Browse" choose video file
5.Chose the width and height
6.Place in website
**The video file has to be FLV format**
http://www.w3schools.com/
Entry #8:
How to make 3D text in Photoshop:
1. Enter the 3D Workspace in the top right workspace bar
2. Create text
3. Click the "3D" button in the toolbar on the top of the screen
4. Adjust the text to what point of view you would like to see it from
5. Edit the text from the character window however you like
Entry #7
http://www.photoshopessentials.com/photoshop-text/text-effects/photoshop-simple-3d-type/
Entry #7:
How to make a rollover link image (rollover image):
1. Go to/Make a HTML Dreamweaver document
2. Create a div
3. Insert>Image Objects>Rollover Image
4. In "Original Image" place the Original link image
5. In "Rollover Image" place the image that will appear when the mouse rolls over it
when mouse isnt on it:
when rolled-over:
http://webdesign.about.com/od/dreamweaverhowtos/ss/dw-rollover-img_2.htm
Entry #6
How to use the Type mask tool.
1.Choose the Type mask tool from the toolbar
2.Choose your preferred font, size, etc. from the character tab.
3.Click on the place in the image where you would like to type.
4.Choose your preferred color from the color tab
5.Color the mask in.
Entry #5
The Color Replacement tool is a much more efficient way of changing the color of an image.
How to use the color replacement tool:
1. Choose a color to use from the top right, either in your swatches or choose your own (a different color from which you are coloring over)
2. Click on the color replacement tool
3. Highlight where you would like to color over using the Magic wand, or a marquee
4. Color in.
before: after:
Entry #3
How to make an image a link in Dreamweaver:
1. Put a picture into your website through dreamweaver
2. Choose the mouse "hotspot" option
3. Put the target in the "link" bar
Entry #2
I like to create logos and such, especially using Photoshop. I have made many cool logos before, here are a couple.
And other logos on these file sharing sites:
http://min.us/m8ZCsNdjg
http://min.us/mbpU1NQwodZKZb
Entry #1
How to add a Little picture (Favicon) to your website:
1. First, you will need a small icon that you wish to set as the ‘Favicon’. It should be 16×16 in size.
2. Rename the picture 'favicon.ico'
3. Add this to your <head> tab
<link rel="icon" type="image/ico" href="http://www.mysite.com/favicon.ico"/>
http://blogs.adobe.com/contribute/2011/06/how-to-add-favicon-to-your-website.html
http://natickhighwebdesign.com/webbluespring13/seenamavaddat/index.html
<span style="white-space: normal;" _mce_style="white-space: normal;">
</span>
Comments (13)
Lori said
at 10:20 am on Sep 19, 2013
Entry #1: 4/4, All required elements are provided. "Favicons" are very important and should be used on every site. Good job including clear instructions and a great visual.
Lori said
at 10:03 am on Sep 27, 2013
Entry #2: 3/4. Be sure to include step by step directions on how you created the logo- use your entries more as a library of resources in addition to showcasing work.
Lori said
at 10:06 am on Oct 9, 2013
Entry #3 & #4: 0/4. Late Wiki posts are not accepted. You need to use the time provided in class to enter posts in an appropriate manner.
semavaddat said
at 11:47 am on Oct 24, 2013
i thought #3 was not late, you said you would add points back for that, thanks.
Lori said
at 10:48 am on Oct 28, 2013
Post #5 & #6: 3/4. Both are practical posts and skills you will use often to design an attractive Website. Be sure to include a resource links for each post.
Lori said
at 11:41 am on Nov 18, 2013
Post #7 & #8: 4/4. Both are useful design posts. Great job including visual details in post #8. Post #7 I would suggest providing directions on how to create a suggested image in Photoshop.
noweinstock said
at 12:15 pm on Jan 10, 2014
Nice job with the wiki entries. One of the entries that helped me the most was your fifth entry about the color replacement tool. I did not know how to do this but I needed it for my Educational Website project.
emmoncata said
at 12:19 pm on Jan 10, 2014
Your post about color replacement was really helpful. This saves a lot of time in Photoshop.
jaalbrecht said
at 12:28 pm on Jan 10, 2014
Entry 1 is very useful along with all the other entries. I definitely would like to use a favicon in the future on my websites.
pacoudray said
at 12:41 pm on Jan 10, 2014
The code for adding a video was useful. It was well explained and I'm thinking of using it. Well done.
Lori said
at 6:17 pm on Jan 12, 2014
Post #9 & 10: 4/4. All required elements are provided. Does the music code work when viewed live on a browser? I have had trouble with this in the past. It good that this code provides control to the viewer of when they listen to the music. The video post is helpful but now because of the HTML5 video tag we can insert videos as a .mp4 file as well.
romartino said
at 1:42 pm on Jan 14, 2014
Entry #9: How to add a video (non YouTube) into Dreamweaver:
Informative, quick, defiantly something I will forget and need a refresher on how to do. Nice Entry.
adcadman said
at 1:46 pm on Jan 14, 2014
Entry #5 - Helpful and short, will come in handy when using photoshop.
You don't have permission to comment on this page.