Welcome to the new How To Gurus Blog
Wednesday, October 5, 2005
My personal preference is to use the best product or tool for the job.
My personal favorites are:
Photoshop for image creation
ImageReady, used with the Photoshop images if needed.
Dreamweaver for web development work
Flash for animations
Freehand for vector images (I like Freehand a lot better than Illustrator)
I have found that Dreamweaver has some problems with ftp access to some servers, so for those problem servers I use WS-FTP.
I also don't use any templates, I always create web pages either from scratch, or based on an existing web page that I built from scratch. I just prefer the greater level of control doing it myself.
Tuesday, October 4, 2005
Their Camtasia Studio costs about $300 but it is the best low cost solution that I am familiar with. There are probably others out there and a lot of times you will find software like this bundled with computer video cards.
As far as video format, I would recommend recording your videos as .avi files. This is an old standard and most video players can play this type of movie. I use avi myself because you can easily record larger videos, where some of the more modern video formats limit you to a specific screen size or resolution.
Also, to learn all there is to learn, just go to Google and do some searches. Try "video capture" "screen capture" "avi", I know you will think of some more.
Wednesday, September 28, 2005
• The File Browser has been enhanced
• New Multi-page PDF and slide show tool
• Photomerge tool (useful if you do lots of panoramas from multiple photos, but not really necessary)
• Tracking Edit History (Useful if you need to document editing, scientific or legal uses)
• Crop and Straighten Photos (nice tool if you do lots of scanning)
• Versioning and Version Cue (useful in a multi-user environment)
• New Keyboard shortcut list
• Photo Filter Effects (not really that useful)
• Shadow/Highlight Corrections (really useful if you do lots of professional photo processing or scanning. For a professional this one feature would be worth the upgrade cost in time savings)
• Pixel Aspect Ratio adjustments (useful for video work)
• Match Color (useful when scanning)
• New Filter Gallery (if you use lots of Filters this can be a time saver)
• Lens Blur Effects (fun, but not ground breaking)
• Fibers Filter (useful if you like to create your own textures)
• Layer Comps (very useful. Allowing you to easily create several different versions in one file)
• Scripting (useful for batch automation)
• Text on a Path (I have this one as my online demo, useful if you do page layout in Photoshop. Personally I prefer to use InDesign CS for all my page layout)
• Custom How To links (useful if you manage Photoshop users in a business or school setting)
There are also some upgrades to ImageReady as well, the most important being that ImageReady can now make proper slices and tables. But I do all of that work in Dreamweaver MX 2004.
Saturday, September 10, 2005
The Flash file will automatically check for the Flash Player and if it is not present it will attempt to download the Flash Player from Macromedia. So in most cases you do not need to worry.
But in case you want to have an alternate image here are the steps:
You need to create a second html page, one that does not contain Flash and has the alternate images instead (one page with Flash, one page without)
Open the Flash page in Dreamweaver.
Go to Code View.
Click anywhere inside the main body section of the web code.
Open up the Tags palette on the right side of Dreamweaver.
The Tag section heading should say Tag body
Click on the Behaviors tab
Click on the + button
In the popup menu select Check Plugin
The Plugin should say Flash, if not use the drop down menu and select Flash
Leave the "If found, go to URL:" line blank.
In the line that says "Otherwise, go to URL:" use the browse button and click on your non-Flash page.
Check "Always go to first URL if detection is not possible"
That should do it.
Personally I prefer to have the visitor download the appropriate Flash player instead of sending them to a non-Flash page, so I don't do these steps on my sites.
You can find a sample from the Flash set here: http://www.howtogurus.com/video/flash-demo.html
Friday, August 19, 2005
Some info on credit card security and identity theft.
Using credit cards online is about the safest way to use credit cards, as long as you can trust the company. Most major companies online are very reliable, including the two that I recommended. The reason online payments are so safe is all the security features built in to using a credit card online. Everything is handled using encryption and the actual credit card number is only shown to the credit card company. The online seller actually never sees your full credit card number, they only get a verification from the credit card company.
The least safe way to use a credit card is in a restaurant, where the waiter takes your card away to get it approved. During that time your credit card is in someone else's hands and you can't see what they are doing. Most credit card theft comes from restaurants, stores and other outlets where you hand someone your card and they walk away with it. The second most common way to have credit card numbers stolen is by having your credit card bills stolen out of your mail box. Online credit card use is considered the safest way to use a credit card.
Identity theft is a whole different issue and if you are using eBay you will start getting emails that are termed "phishing" emails. These will look like they come from either eBay or PayPal and ask you to update or confirm your identity or information. EBay, PayPal and all banks will never send you an email asking you to update your information. All of these emails are fakes and are trying to steal your info. Be very careful about these. They usually look just like authentic emails and they have links that take you to fake sites that look just like the real sites, but their sites only have the page that asks for your information, any other link on that fake page will take you back to the real site, making them seem even more real.
The rule of thumb here is to never click on any email you were not expecting from eBay, PayPal or a bank. The only emails from eBay that will have valid links in them will be for auctions that you bid on or know you won and were expecting. To be safe you should always to go eBay or PayPal by typing in the address in your web browser. Simply type in http://www.ebay.com for eBay and https://www.paypal.com for PayPal. If you are unsure about an email from either eBay or PayPal you can forward it to them and they will let you know if it is genuine or not. Forward to one of these addresses: email@example.com or firstname.lastname@example.org
Believe it or not, I get about 20 of these fake emails a day and always forward them onto eBay and PayPal so that they can track down the crooks.
These are the core programs and will handle 95% of your needs.
You may want to add in Flash training, and if you decide to create web sites for other companies you should learn either PHP or ASP (web programming languages)
As in anything else, the more you know the better off you are. I don't have any specific recommendations for books, except the Photoshop Bible by Deke McClelland.
Wednesday, July 27, 2005
Saturday, July 9, 2005
But with that said the main things to do for Google placement are to make sure your keywords are used frequently in the first 200 words of the page. Make sure that there is no bad code that could be blocking the search engines from properly indexing your site (such as using white type on a white background, or repeating your keyword over and over). Make sure your site is written in plain English with the keyword scattered throughout the text. If you read the text out loud and it doesn't sound like how someone would normally talk, it will get you a lower placement. Frequently setting up bulleted lists will help. Aim for only one keyword targeted per page. If you want different keywords for the same page, you should break that up into several pages, each page focusing on only one keyword.
You also should try and get other sites to link to your site, but these links should be from highly ranked sites, not link farms. It can take you years to get the quality links you need this way. You have to "sell" each site that you want a link from on the idea that putting a link to your site from their site is a good idea. Don't ever be tempted to add your link to one of the many link farms out their. There are lots of companies who allow anyone to place a link on their site. Google knows this trick and it will send your page to the bottom of the stack.
Again, this is more of an art than a science and you will need to do lots of continuing research and work on your site to get and keep a high search engine placement.
I have several articles in my articles section on search engine optimization
Thursday, July 7, 2005
Tuesday, July 5, 2005
Saturday, July 2, 2005
Now that you are familiar with Extensions, go to the Macromedia site, http://www.macromedia.com/cfusion/exchange/ You can also open Dreamweaver, click on Insert, then click on Get More Objects at the bottom of the menu. This link will take you right to the correct section. Or from the Macromedia home page click on Developers and then Exchange. Here you will find lots of new Extensions, most are free, some cost. Look through the Dreamweaver Extensions section and you will find 2 or 3 Extensions for putting in a Date field on a web page. This is the easiest way to do it.
I think you will also find some other Extensions that you will want to add to your Dreamweaver as well, so spend some time here and see what is available.
Friday, July 1, 2005
On table size, the table will stretch to fit the text. To keep one line from stretching the table, all you need to do is break that one line up into a couple or three lines and it should prevent it. So make sure that your lines have breaks in them to keep each line no longer than the picture length. You may need to do some tests to get the lenth correct.
To align the cells in Dreamweaver, click in the table cell, then in the Properties palette use the Horz and Vert drop down menus to adjust the placement within the cell.
Tuesday, June 28, 2005
You will find that the Target dropdown menu is in a different place in the Properties Palette if you are working with an image that has a link attached to it, but same _blank will do the trick.
Sunday, June 26, 2005
Friday, June 24, 2005
I did an 8 page spread in InDesign, when I print on our office machine to make the book the pages print out of sequence.
It is a little hard to explain, easy to show with a demonstration. Here is what you need to do. If your document is 8 pages and you are printing that yourself, then you should put together a dummy layout first. 8 pages would be printed on 2 sheets if you are folding the paper in half. So take two sheets of paper, put them together properly, fold then as the final would be done. You now have a blank book, but it is folded properly.
Now looking at the blank book, write the page number on each page. Page one is the cover, fold on left side. Then open the book and write page 2, then the next page is page 3, etc. Now take the two sheets of paper apart and you will see that the page numbers are not following in sequence. The inside page has pages 4 and 5 on top and pages 3 and 6 on the bottom, the outside piece of paper has pages 2 and 7 on top and pages 1 and 8 on bottom. This is how the InDesign layout needs to be done.
You also need to test your printer and see which sheets of paper it prints first and if it prints both sides, and when is the second side printed. For instance if it prints the inside first then your first page would be page 4, then page 5. If it prints the back side of the first sheet second then your next page would be page 3 followed by page 6. Again, a little hard to explain but if you play with a dummy layout you should see the problem.
If you were sending the document to a professional printer, they would do the rearranging to fit their printer and you wouldn't need to worry about it.
In the Windows version when you drag a Word doc into the design view you get a dialog box that asks if you want to insert the contents or place a link. What I normally do is to select the text I want in a Word doc, then copy and paste that text into the Dreamweaver page. This works on both Macs and Windows machines.
Unfortunately for Mac users Macromedia and Adobe have both put their main efforts into the Windows versions of their software, so the Mac versions frequently don't have all the bells and whistles. Nothing to do with the quality of the Mac as a computer, everything to do with their main market being Windows users. That aside Adobe is just about the best company out there for making their software run as close as possible on both platforms. Adobe just purchased Macromedia, so we will probably see improvements in the Mac versions down the road. (this also means that Adobe's GoLive will probably be phased out)
But this is not how I personally use ImageReady. I much prefer to create my tables or layers in Dreamweaver. What I do is to use ImageReady to slice the image and make the rollover images. It is also a great place to test the look of the rollovers. I then select File, Save Optimized As..., and save Images Only. This gives me the images and doesn't create the html page since I won't be using that. I then create a clean table structure in Dreamweaver and place the images into the new table manually using the insert commands in Dreamweaver. This is more work, and I frequently have to do some notes on a piece of paper first listing the sizes of my images before I build the table, but Dreamweaver gives me much more control over how the table is constructed, so that it behaves exactly the way I like.
I have found in general that it is often best to do things the long way with these programs and to bypass their quick solutions. I take ImageReady at its name, that it is a program designed to make Images Ready for the web, not to create final pages. You can create final pages and complete web sites in ImageReady, but the html code will not be as clean as what you would get if you did all your coding in Dreamweaver.
There is an article about Image Optimization in our web site Guru Guides section.
Click on the box in the upper left corner of the new layer. Then take a look at the Properties palette at the bottom. There you will find an Overflow field. Set that to Scroll and you are all taken care of. The content on the page that is visible will be controlled by the size of the layer bounding box. Any extra content in the box will be controlled by the Overflow setting.