2) Study the lesson before class. It's easier to follow the class when you know what is going to be about.

3) Name all your images and layers with a name related to them and easy to remember. This makes easier to find them when attaching behaviors.

4)Learn some graphic basics. You'll need it!!!!

5)Ask questions and help other students.

6)Learn some HTML basics.

7)Plan your site's theme ahead and start you assignment as soon as possible.

8)If you don't know how to make a site map, use a table as it's format.

9)Use meta tags in your site, so engines can find and index your site correctly,

10) Enjoy the class, and learn as much as posible, it'll be over before you think.

1. Optimizing your Web Pages for quick downloading. (Graphics size should be no more than 320x240. Your max downloading time should be 20 sec for the entire page).
2. A design that is to be visually appealing must also be easy on the eyes. Without an adequate amount of white space, text would be unreadable, graphics would lose their emphasis, and there would be no balance between the elements on a page.
3. Make navigation clear. Very important! Make sure your user can always easily return any main navigational points to your site. No dead-end pages!
4. A background should leave your page readable and easier on the eyes. Black background may be is cool, but not always works for you.
5. Search internet for ideas. Explore as many relative Web Sites as you can. Make note, do draft.
6. Define who your target audience is, and what the purpose of your site is.
7. If you miss teacher explanation, or don’t understand how to complete exercise, don’t be upset. You’re in good hands. Sharon always offers her time to help students. Your problem will be solved even the class dismiss.
8. Practice techniques learned in the class, otherwise it’s easy to forget.
9. Try to not miss any classes, because Sharon teaches many things that not in the book.
10. Name the files in lower case letter. Stay with length no more than 8 characters. Name your files using short, but descriptive file names. It help you a lot when you will upload your site.

2. Use the layout view instead of the standard view if you hate the way tables automatically keeps resizing themselves.

3. Switch to standard view to access some table properties not available in layout view. Like, splitting cells, setting table background, etc.

4. The undo command (Ctrl-Z) allows me to do experiments on my pages. If it goes horribly wrong I just zap it away as if it never happened.

5. Be careful when using transparent GIFs as links. Changing a link's look / attribute using CSS can sometimes cause unusual graphical side-effects.

6. Learning a little HTML gives you more confidence when dealing with your pages' codes.

7. The Check Accessibility command (File > Check page) actually gives a nice report and SOME suggestions on what you can add to you site/page.

8. Use the Check Links command (SHIFT-F8) to make sure that none of your links are broken.

9. Check out the built in reference list in DW MX to learn more HTML, CSS and Javascript commands. Example: <BGSOUND> [sound file] </BGSOUND> ----- an IE only HTML attribute that adds a background sound

10. Learn the basics and expand on what you've learned through online resources (e.g. www.casabasa.com :) and books that explain some of those buttons and commands not covered by our textbook (hmmm, time to find out what that APPLICATION window is about).

2. Test your site for the following browsers: IE 6 (IE 5 for Mac), Mozilla
1.x, and Netscape 7. I stopped testing for Netscape 4.x long ago.

3. Put a DOCTYPE in your HTML. This is so that the browser will render your
page the way you would like it. Omitting this will cause your browser to go
into "quirks" mode.

4. Start using the XHTML tools incorporated into MX. The web is moving into
XML, so make all those webpages XHTML so that they will be compatible.

5. Junk all those <font> tags! Use CSS. Your code will not validate if they
are used. With that said...

6. ...Get TopStyle. This is the best editor for creating CSS. The program was
written by Nick Bradbury, the creater of HomeSite. Making stylesheets hasn't
been this easy! www.bradsoft.com

7. If you're designing pages for display on a PDA (Palm/Pocket PC), 160x160
should be your display target.

8. Visit the Designer & Developer section for great tips on design, authoring,
and trends.

9. Use Flash for navigation, not for tacky splash pages!

10. MOST IMPORTANT! Avoid repetitive stress injuries! Take frequent breaks,
get up and stretch/walk around.

2. Learn to use FTP software. Uploading one file, or even 10 at a time, is a
ludicrously lengthy process if you have 200 files to upload. And, on the same
theme....GET SERVER SPACE AT CSM!!!!!!! These free sites are so aggravating!

3. Naming, naming, naming! Use very identifiable, short names for files. File
folder names must not contain spaces, either. Use underscores if you must go
over 8 letters.

4. Make a plan and stick to it. Start simple. Make a nav bar that will translate
to all the pages...you must know what you're navigating towards.

5. Learn basic HTML.

6. Find a book or site that teaches you a few neat tricks beyond class
assignments. It's fun to go beyond the basics, if only for one fancy item like a
button and it stretches your ability to use the tool.

7. Pick a theme for your site before class starts. Create to that theme with
every new tool or process you use in class. Incorporate that into your finished
project.

8. Save your files on two separate zips. Aggravating, but, a zip corruption
happened to me,,,it could happen to anybody!

9. When somebody in class tells you how they solved a problem, listen! I heard
two tips from people in class, and then, since we don't interact much, I
couldn't remember when the same problem happened to me, just who it was who
could advise me! (Other than you, dear overworked teacher!)

10. Learn Dreamweaver BEFORE you take the MultiMedia Graphics course. I think
things would have been much simpler if I knew DW's strengths and weaknesses
before I wanted to use other tools to build with it!

2. Don't sit behind someone in class who is likely to "accidentally" unplug your computer when you are in the middle of a Fireworks production.

3. Sit close to the front of class if you are visually challenged, or, if you attend CSM.

4. When blending images, either go to Layer, Layer Style, Blending Options, or just right click on the layer itself - it will take you directly to Blending Options. Also use the Blur Tool around the edges.

5. Creating a picture frame. Open image you want to create a frame around. Then open File - New. Use the rectangular marquee tool to select an area around the image and move the whole thing over into the new file (press shift key for perfect square). Use the paint bucket tool to fill the white area around your image - making it a passepartout. Then create a new layer, bringing layer one on top of layer two. Click on layer two and again, using the rectangular marquee tool, select an area around the passepartout. Use the paint bucket tool to fill with a brown wood frame color. Then crop and voila'. (There is probably an easier way :-)!)

6. Create circular text. Open File - New. Insert text - should touch left edge of image. Go to Layer - Transform - Scale to heighten text so that it does not appear squashed. Make a square selection around the text using the marquee tool (press shift key for perfect square). Then to apply Filter - Distort - Polar Coordinates and selecting Rectangle to Polar. For a "cool effect" place circular text on button.

7. If you have kids and don't want them to feel ignored while you are working on your Photoshop assignments - create something fun for them - they will feel included and buy into the whole jazz.

8. If you want to steal an image, but find that you can't because it won't unlock, use the Marquee tools to select the image and the Move tool to transfer to a new file. Use the magic wand for a closer selection.

9. Remind Sharon to give you a break, especially if it's an evening class and the coffee vendor closes at 8pm.

10. To select an image with sharp edges use the magnetic lasso tool.

2. While blending two images, to minimize the difference of two image i found the smudge tool very useful.

Tip 2: When you are doing your slices in Image Ready, plan your layout of your slices as you would for an html table. Image Ready is going to make your sliced image into a table anyway. If you do not layout your slices like a table, Image Ready may put in table cells that do not show up in Image Ready but do show up as 1 pixel space cells on your website. This can cause trouble if you need to make those spacer go away. You will have to go back into Image Ready and do your layout all over again!

Tip 3: Learn javascript. Image Ready's javascript is generated and can be buggy. I had to go in and actually edit the generated javascript because it did not work. I made a few changes and voila.

Tip 4: If you want a button or "tab" to come up in a selected state instead of its normal state (as generated by Image Ready) when your page first comes up (before you have selected anything), you will have to edit the html in an html editor or on dreamweaver. It is very simple but that is the only way I could figure out how to do it. See http://www.donnasnydersmith.com to see the 'tabs'. That is how I had to do it to get the 'american system' tab to come up.

Tip 5 If you want to do another image ready table for the cutout of a parent image ready table, do it separately and save as another html.
Be careful to watch the name of your slices so as not to overwrite any existing slice image names. Then go into the new html file and copy the main table. Then paste this table into the cutout cell of the main table of the parent html file. Doing it this way makes the table layout in html a lot more clean and easy to follow.

Tip 6 Learn html so you can do tip 5.

Do not rely on free sites to build your site for this course. They will start deleting your files if you don't stay within the allocated storage space. I found this out the hard way.

Use sites that is capable of uploading files through dreamweaver it will make your life a lot easier.

Valerie Litver

2- When using a template create new files from the template otherwise they will not be updated correctly

3- Be aware of htm and html, when changing a file, it can cause trouble while uploading

4- Using CSS in a template can be very convenient, especially for Headers and text

2. If I were to deliver the site/pages professionally, I would avoid using "layers" for the time being (until DW or the browsers are more mature with this feature). I had bad experience with them, and I believe the results are still fairly "unpredictable" when pages with layers are viewed on different browser/platforms.

2- When using a template create new files from the template otherwise they will not be updated correctly

3- Be aware of htm and html, when changing a file, it can cause trouble while uploading

4- Using CSS in a template can be very convenient, especially for Headers and text

2. If you are going to create a lot of web sites, familiarize yourself with templates and libraries to save a lot of time and hassle.

2) Tag Inspector: This is a very convenient way of accessing properties of any tag on that page. We can access and change each and every property of a tag. We can see all the properties of tags not like property palette there we can see only limited number of properties.

1. Clean, organized file management from the start is essential to a smooth, successful site.

2. A site will go together much more gracefully if you start with a drawing of your sitemap. Set up a plan for your site and follow it. Then go back and tweak the things that you don.t like.

3. I like the link checker feature, Its helpful.

Michael Olson

When you are working on your website don't answer instant messages. It's too distracting.

My dreamweaver tip is one that I am realizing very clearly at this moment. It is essential that the naming of frames, frame pages and targets be very clear and they need to make sense to the builder. I feel that is why I am having alot of trouble right now.My target isn't correct so I think I need to go back and make custom target names to use. The portrait page opens as a full page and links back to a full page. I need clarity.

Also in the browser, just the frame is shown so unless you view online, you don't know if all frames show up.

2) There have been times when I wanted to reduce the height of a Table, but Dreamweaver wouldn't let me. Once, it was because I had additional, nonvisible tags (<br>, blank paragraphs <p>) that were taking up space. Once I deleted them from the code, voila, I was able to reduce the Table height. Another time, I went into the code and manually reduced the height attribute. Then I was able to drag the Table line to a smaller height.

2. Add some vitamin B & B12 to your caffine diet when creating a website

1. Software is very comfortable and easy to learn with a little bit of practice and when it comes to maintaining uniformty through out the website it is the best by making few css and attaching to all the pages.

2. I find it very easy to upload through dreamweaver, maybe I cut and past the upgraded code.

Coco Leung

2. Jump menu: I personally like this feature a lot because it gives the reader an overview of what the page is about and not having to scroll down a long list of text or information. Select FORM on the Object panel and inserted jump menu button. At the prompt window, input text that describe the link and browse to destination site. Click "+" button to add more and click "OK" when finish. To edit, go to Behavior window and double click on the Event.

2. When you create templates and use them, creating a layer on the page containing the template is not possible eventhough it might be editable

3. When you want to display many links or options for a menu item, you can either try to add the links or option to a new page and open it in a new browser window when the item is clicked or can create a DHTML, by creating a layer and in behaviors ->the set text of layer add the link html code one by one. The behaviours of the main menu items can be set in such a way that the submenu appears for a certain timelimit

4. THe open a new browser window option will not be available for a text link(or an anchor). A lot of behavior option will not be available for the this.

2.You can change menus just by programming or adding your own objects. But you don't have to be a developer to change the keyboard shortcuts, because Dreamweaver ships with a graphical interface called the keyboard Shortcut editor. Select Edit · Keyboard Shortcuts and wait for the dialog box to load with the sets of shortcuts that you can change. To alter a shortcut, use the Current Set and Commands drop-down lists to find the existing command that you want to change. Highlight the current shortcut, and it appears in the Shortcuts field. To add a shortcut, click the Plus button and enter the new keystrokes that you want to use, which will be entered in the Press Key field. Click Change. You can also remove a shortcut by highlighting it and clicking the Minus button.

Cliff Durant

Here is a tip. To do a photoalbum for the web. created in photoshop. you have more control.

1)in photoshop save optomized for web, your pic's

2)goto file> automate > web photoalbum this will create a an automatic photo album . save to your web site folder .

3)In dreamweaver open up site >define sites you should see your photo album you will see a frame page and pages folder, and index.html, and thumbnails folder. attach the frames page to your links on the home page. your set to go .

TO EDIT PHOTO WEB GALLERY
1) to edit your photo gallery open up dreamweaver and you site.

2) open up frames . htm in this page you can edit titles add text only to main or first picture in your site. you can even add background color 3)to edit each picture goto pages folder there you can edit each picture add text info for your picture. this will automatically update to your frams page. you can press f12 at ant time to check each page individual or open up frames page and hit f12 to check to see how collection of eames work. Remember you have to save original picture and optomize it for the web. the size depends on how large you want it to be but not too large about a 300px by 300px is nice. the pictures are preloaded .

2) When working on a website, the most important thing is not to stress. Of course, you need to think about how to lay the site out and what it needs to accomplish, but the important thing is to have fun during the process. Turn off the self critic or the worrier and let your creative self take over and just flow and flow.

When you are working on your website don't answer instant messages. It's too distracting

Tip number two – Save a page with a new name before you start playing with it – that way the original stays pristine.

Jane Mitchell

2. Know the difference between layout and standard view. (the reason I couldn't insert a table on my page, I was in layout view)

tip 2:
when you want to use frames always save all the frames as a frameset otherwise it will label your page as untitled. and when working with a frame use the properties window and the frames window to easily navigate your frames.

Debbie Ng

1. Read design books or magazines, or search good web sites for your inspiration.
2. Define who might be the target audience, and what is the purpose of the sight.
3. Make a flowchart to define the navigation of the site.
4. Make the navigation clear in order to navigate the audience correctly.
5. Organize your files and images with proper names so that you could manage them anytime.
6. Save the files frequently while working, and back them up occasionally.
7. Create the opening screen to fit inside a monitor window so that the viewer can see without scroll bars
8. Create the good splash screen to catch the visitor's attention.
9. To reduce the file size of the images so that they will download quickly.
10. Check the sight on different platforms, such as PCs and Macs, because what you see is sometimes different depends on the platforms.

Cissie Lam

1. Always save intermediate work in different files as PSD or PNG files (forgot to save my logo as a PNG and I just have it as a GIF - lot harder to work with).
2. Crop, trim and magic wand graphic elements so that you can work with them easier on the canvas (so that things like glows are around the element, not around the edge of the square canvas).
3. Don't panic if your web site doesn't look perfect immediately after uploading when you use Freeservers - they apparently have some sort of caching or proxy server that takes a while to update - trust the local browser preview function in Dreamweaver and Photoshop/ImageReady.
4. Remember to upload all the little GIF files by hand since Dreamweaver's Put function doesn't track all of the dependent files.
5. Keep the graphic elements in slices clear of one another so that they can update independently as rollovers, otherwise the rollover updates too much real estate and the loading time increases substantially. This is tricky to do when you are working with glows that extend and fade into other elements.
6. Be careful when adding more buttons to a page - you may have to go back and reset the up and over rollover states for the other buttons.
7. Watch the file sizes, particularly in your image directory, as you add graphics elements. The sizes can creep up as you get fancier with Photoshop.
8. The power switch on the new flat screen iMac is conveniently hidden on the bottom left side (couldn't find it on the first day of class).
9. Its harder to draw with a mouse than a pencil so sometimes it is better to start with some basic shapes and put them together rather than to try to freehand draw.
10. Rounded corners, fuzziness and noise sometimes help a picture - sharp edges don't always look so great on the screen.

2. Experiment with the different options within Photoshop's palettes.

3. Optimize to minimize load time.

4. Seek help when stuck. Don't give up.

5. Let you imagination run wild.

6. Learn HTML.

7. Keep your work in one folder; group like elements in sub folders.

8. Splash screen should be visually appealing to get one's attention.

9. Cut and paste where possible.

10. Surf the Web to get ideas on what makes a good web site.

John Chan

2. Composition of image and text should be well executed, pleasing to look at.

3. Keep download time to a mininum.

4. Buttons should be easily to click and attractive.

5. Colors should harmonize and not crashing.

6. Tables are great for layout of image and text.

7. Use rollover via Dreamerweaver exporting images from Fireworks.

8. Photoshop is a great program in creating artworks. and photographs.

9. Avoid use of dark lettering on dark background and light lettering on light color background, message must to seen.

10. Using the Timeline for Animation is a good feature to keep you viewer from going to sleep.

2) a nice visual design technique i played with was having the images that appeared from rolling over the buttons blend with the green background. just used some basic photoshop techniques; bakcgrond color for the text and an overlapping green to transparent gradient for the "home" image.

let's see, what else....

3) i learned a dozen tools and tricks for my logo that you just need to learn to to really use illustrator. and i didn't even finish it, but i spent a lot of time on it. i basically learned a lot of techniques to maintain geometric proportions for all the shapes that i used in it, and also i learned how to keep the paths efficient combining paths' anchor points and cuttin out unnecessary anchor and endpoints. really cool program for exact designing. next i wanna figure out how to better control the use of gradients, and i plan to custom make brushes to paint like fire along the mean face and maybe stars or something as opposite as possible to decorate the happy face. ooh, and then i gotta get some vessels in the eyes of the mean face!

4) i used some basic embossing and bevelling techniques for the buttons and i guess that little pic on the upper left. i forgot, but it does have a nice little picture frame.

5) i really like my buttons. very simple and soothing in color. purple is my favorite color. if you have time, you should sit with them for an hour just rolling over them.

6) on my background image, (the discarded "blended image" assignment that i skipped many seinfeld episodes for) i just added noise cuz it looked kinda foggy, but i didn't want it to affect the moon, so i did that underneith the moon on another layer. to make the moon i just used a radial gradient with white and purple, then i overlayed another purple gradient vertically to darken the bottom to give the pic some at least horizontal looking earth. what a process for such a dumb little pic. good thing you aren't an employer i'm applying with. i'd say that was my first assignment in photoshop when i was about 11.

7) i like how i used communication in my logo. although it is unfinished, it talks to the viewer and beckons them to return taking hold of their emotions adding to the interactivity of the experience. am i hired?

8) also important to note is my use of the zelda music. well, if it was executed correctly, cross platforming and all. anyway, i was gonna use kung fu game music cuz there is a little kung fu in the pic, which not to mention makes use of some, mmm, erotic suggestability. with the fighting violence combo? come on, does that not grab one's attention? sex and violence, what makes media go round. anyway, that pic with zelda in the background, slightly inconsistent and confusing theme, but damn it has promise. it's like ben and jerry's cherry garcia. who'd ever think cherries would go with chocolate?

9) also take note what the depth of the picture does for the page's composition. it holds you securely to the center. i had a few to pick from and I chose specifically based on this reason to pick that pic. pic that pick, haha. pick your pic with a wooden tooth pic. they cost more, but don't bend in your mouth. but they use a bit more tree to make.

10) have i bs'd enough to get my ten? well, here's the best that i saved for last: my implementation of a red X over the word ass. i get the strong message that the word "ass" conveys across to the viewer, while showing the author's(me) responsible discretion. that technique holds a wider range of viewers than without it. am i hired yet?

and i thought i'd have trouble finding ten

David Guilmette

2. Determine what outcome equals success. Success is not whether the web site works. It is whether or not the mission has been accomplished. There are always measurements to be had. Find them. They are the proof of success and are the driving force under the overall design.

3. Dig into your personality or your client's corporate culture. Words ranging from funky to stiff collared are important in your assessment. Your artistic elements of site design are direct communications with the user.

3a. Your art should represent your personality only if it is for you and, by the same token, it must represent your client's personality, even if it is polar to yours.

3b. Read corporate marketing materials.
3c. Read customer communications from people or departments that have direct contact with the client's customers.

3d. Look at or read everything you can get your hands on.

4. Be sure the look and feel of the site matches other materials used in your, or your client's business. Don't create new looks and logos where none are needed or wanted.

5. Know who the players are. Find out who will be making the decisions and try to determine if their idea of the corporate culture is the same as your interpretation you developed from your research. You might need to negotiate a common understanding.

6 Use the best tools. Invest in your skills and use the right tools.

7. Learn how to use your technical support resources, starting with your software help files and manuals.

8. It is not important to know everything about an application or technology. It is impetrative to know where to find out everything there is to know about an application or technology, and how to use that resource.

9. Not to over state this point, but you are the expert in the room. Experts envision solutions. Therefore you must know what the capabilities of an application or technology are (i.e.. what can be done), but not exactly how it is done. You can then commit that to the client and it becomes your task to find the methods and practices in your material and professional resources.

10. Show up for class on time.

Brian Fortin

1. The "Find and Replace" functionality. Great to use & easy to find code or links (multiple) that you want to change throughout your site. Find them and replace them all within your site. Much faster than doing them by hand.
2. (In the same vein as tip #1) Manage your HTML files within the Dreamweaver FTP Site windows. If you want to move or rename a file or an image into another sub folder within the root, Dreamweaver will ask you if you want to scan for
updated links (from other files), hit "yes". This will scan the other files in the root folder and update them. No more having to go into each file to manually update the links.

Staying organized helps you work faster.

Both tips I want to share came from the Macromedia Exchange. That place is
awesome!

The first is an extension that I downloaded that allows you to set the margins to zero in Dreamweaver. You might say, "Big deal, can't you just do that in Dreamweaver without the extension?" But the answer would be No, even if you try to set the margins at "0", they still are still at least 10 pixels wide. Try it, you'll see what I mean! So with the extension, setting the margin at "0" pixel width actually eliminates your margin, which can be nice, depending on your needs.

The second is a productivity extension that I also downloaded from the Macromedia Exchange. It basically sets up a command for you for inserting a "top of the page" image. You create the image yourself and put it in your "images" folder, then when you're working on your site in Dreamweaver, you just click the command and the image is inserted and it already "knows" to go to the top of the page when clicked. Of course after last night's class I now know how easy it is to create this kind of command on my own, but I've been using this shortcut and it's been great. You can see an example of this on my website at the resume page.
http://www.goodtimegraphics.com/resume.htm

(In response to other student's request:) I use AT&T Broadband for my connectivity, and if they were asking who my host for the website is, it is Cedant Hosting. They have great packages that are very affordable, at $7.95 for basic hosting, which covers everything you'd really need for a regular site, and they've got great customer service 24 hours a day. And a Third tip for using Dreamweaver <g>:

A reminder for everyone to help with usability issues on your websites: Don't forget to fill in the "ALT" box when adding a hyperlink to an image so that when a user puts his mouse over the image, a little box will appear with whatever you entered into the "ALT" field. This can be used to indicate to the user where he or she will be taken when clicking on the image.

Here are my dreamweaver tips:

1. When I create a set of similar rollover buttons in FireWorks and I exported these graphic files, The files are named using non-descriptive names like name_r2_c3.gif, name_r2_c2.gif which get So confusing once they start to accumulate. So my tip is to rename these files with descriptive names Such as staff_up.gif, staff_over.gif,etc., so that when I insert a rollover image, it is easy to find the Images that I am looking for.

2. I always close a site before I open another because if I don't, the open pages in the previous site remain Open in the current site, and sometimes I get confused and link that page to my current site.

10 points!!! Ca-ching, ca-ching!!!

Jack Biederman

Tip #1
I think the Dreamweaver FTP system is very efficient and I plan to use it from now on.

Tip #2
I think the Dreamweaver system for inserting Flash is also very efficient and I will definitely use it in the future.

More info on my Dreamweaver Tip to use Dreamweaver's FTP: I like this because it aids with site management and the use of the F12 key lets you preview your results befor posting the files. With my WS-FTP Pro, I don't know if they work before I post them.

One more tip:  Use the Dreamweaver TABLE function. I had a rather extensive table I created for another class (15 rows, 5 columns). I added the columns as I developed the data by writing code and almost got overwhelmed and lost in the details.. Then (just to check) I did it in Dreamweaver and was surprised at how easy it was. Also, I could check (using F12) as I went along. I think this is an extremely valuable thing to learn.

1. When setting text on a web page or form and I want to use more than one space between words or objects and don't want to resort to tables, I type in periods to get the spacing that I want. Next I select the periods and use the eye dropper from the text color box in the poperties inspector to select the background color which makes them disappear. *

2. It's best to rename you files in the site window because you will have the
option to automatically update all the links to the files.

(*note from Teach: to add spacing hold down the shift + Ctrl + spacebar)

TIP ONE: Always check whether you are saving a page/file relative to the site root or the document....I got this from Sharon... if you are saving a file at the same level (not in a different folder), it is saved relative to the document; if you are saving it in a different folder, it is saved relative to the site root. If you DON`T save it this way, Dreamweaver can`t find it....and you will get very crazy trying to figure out why...

TIP TWO: Uploading tips: (and I don`t know why I had such a hard time with this!)
1. You don`t have to delete uploaded files before replacing them; just click on the up-arrow and Dreamweaver automatically replaces it.

2. You don`t have to click on the socket icon to connect to the
online site; just click on the up-arrow.

Teacher's note on saving relative to document vs. relative to root folder: it all depends <g>. In most cases, you are inserting your image relative to the document.

Tip #1:

Tabular data: In excel, take a spreadsheet and save as text(tabular data). From your DreamWeaver file insert your tabular data file and DreamWeaver automatically formats a table for you with all the information. I use this often in my Legion Linksters site for all my tournament results.

Tip #2:

Table width size: Use 100% width for your table tag. but use pixel widths for your row & column tags. This helps keep the size you want plus some of the advantages of a floating table.

Janine Bennett

TIP 1.

If you are replicating a page that has been produced by someone else you can easily taking the guess work out of the task by using the trace feature. Rather than spending hours positioning text and graphics by trial and error, the trace feature actually allows you to trace the mock-up site directly. This feature has been around since DW2 but is often overlooked.   Here is how it works:

1. A tracing image is a JPEG, GIF, or PNG image that is placed in the background of the Document window. You can hide the image, set its opacity, and change its position. The tracing image is visible only in Dreamweaver. It is never visible when you view the page in a browser. When the tracing image is visible, the page's real background image and color are not visible in the Document window; however, the ackground image and color will be visible when the page is viewed in a browser. To place a tracing image in the Document window:
   • Do one of the following:  Choose View > Tracing Image > Load. or Choose Modify > Page Properties and then click the Browse button next to the Tracing Image text box.
   • In the dialog box that appears, select an image file and click Select (Windows) or Choose (Macintosh).
   • The Page Properties dialog box appears. Specify the transparency for the image by dragging the Image Transparency slider; then click OK.

   To switch to another tracing image or change the transparency of the current tracing image at any time, choose Modify > Page Properties.
   
   To show or hide the tracing image:
   Choose View > Tracing Image > Show.

2. Once a template is applied to a page, you can no longer edit any of the Page Properties options, except the page title. To alter the color scheme (etc) you need to open and edit the template itself.

I found that there is an Assets Panel in Dreamweaver 4.0 that offersan easy way toorganize your files according to type--graphics, templates,and so on--within yoursite. Once you give your site a name, all of thesetypes of elements are automaticallyadded to the Assets Panel. The AssetsPanel also has a Color Tab where it storesall of the colors in your site,including colors for text, backgrounds, and links. It's asite-specificColor Palette just for you.

To see the palette, open the Assets Panel Window and click thetiny color wheelbutton on the left. What you’ll get is a list of all thecolors used within your site. Youcan drag those colors to selected text.Better yet, when you highlight a particularcolor, its hexadecimal valueand RGB value numbers appear. If you want to narrowdown your site's colorpalette, you can do so by adding only the colors you desire tothe Favoritessection of the Assets panel. Simply highlight the color and click thebottomright button (called Add to Favorites) in the window.

2. CHANGE KEYBOARD SHORTCUTS

I found that you can change menus just by programming or addingyour own objects.But you don't have to be a master programmer to changethe keyboard shortcuts,because Dreamweaver ships with a graphical interfacecalled the Keyboard ShortcutEditor. Select Edit Keyboard Shortcuts andwait for the dialog box to load with thesets of shortcuts that you cantweak. To alter a shortcut, use the Current Set andCommands drop-downlists to find the existing command that you want to change.Highlight thecurrent shortcut, and it appears in the Shortcuts field. To add ashortcut,click the Plus button and enter the new keystrokes that you want touse,which will be entered in the Press Key field. Click Change. You can alsoremovea shortcut by highlighting it and clicking the Minus button.

1. To make a table recessed on the page, with your table selected, in the properties palette, choose a border, I find 4-8 works best. Open the quick tag edit (ctrl T/cmd T) and switch the dark and light border colors. This will invert the table giving a recessed look!

2. To add a “Go!” button to the jump menu after it is made, insert an icon or button, open behaviors tab on css styles menu box, select the button or icon and click the “+” sign upper left, choose the jump menu go option and choose which jump menu to apply it to.

I tried uplaoded my site on geocities.com. But all images were not there again! Then, I gave up, and difined a site with a different name, and made pages, saved images only I need carefully. And images showed up on a site. I think the problem of not showing images was because I saves too many images with similar names which I didn't need. (like... imag1_gif, image_1jpeg etc.)

So, if I have problem with images, I think cleaning up image-folder is the best way not to make
DREAMWEAVER confused?

When I sent a mail through my site, that Japanese languages were not readable. It showed as just some series of words which I can't read. To avoid this, click the right of the mouse, choose "edit tag", input half space and wait for a while. You'll get some options and choose enctype input "text/plain".

Andrea Santos

Tip #1. When doing rollovers the images that replace each other in the same location must be the same size otherwise the rollover image will enlarge or reduce to the size of the original image. This will distort the image. The greater the difference in length or height the greater the distortion. If the length:height ratios are approximately the same the rollover image will have very little distortion but will still be reduced or enlarged to the size of the original image prior to
rollover.

Tip #2. When making web album make sure all images are exactly how you want them (i.e. size, cropping, etc.) before you make web albums. I have not found a satisfactory way of editing the resulting images in the thumbnails folder nor the images folder. In fireworks the resulting image will result in a png ext. with a much larger size then the jpg. Remaking the web album will lose all the local formatting that you may have done on its index file or the htm file for each image. Remaking the web album to the same folder as the original folder for that web album (without first deleting the index.htm in the web album folder you choose) will cause a index1.htm to be created which will give you a lot of broken links in the report.

Tip #3. If you use the student version of Dreamweaver 4 BBedit (for Mac) does not come with it and it cost about a $100 dollars for the full version. You can download a free BBedit lite from the web site of Bare Bones Software (www.barebones.com or www.bbedit.com) or through Znet. While it is not fully integrated with Dreamweaver because it is the lite version you can still use it to at least open and print the htm files. This is easier then the cut and paste into simple text.

1. Dreamweaver has an easy and simple to use Album creator. All you need to do is organize your photos in the order you want and then Dreamweaver with complile them for you. That simple!!

2. Under the Window Tab, there are quick access to many of dreamweavers powerful tools. In there is CSS editing, Behaviors, Frames, Templates, and Libraries, to name a few.

Taeko Tanaka

Inna Polnar