GoLive Articles & Tutorials: Adobe GoLive Help & Tips: Web Authoring Software Articles & Tutorials
Graphic Design Resources Directory: Directory of Graphics Software Tutorials and All Your Graphics and Graphic Design Needs


Creative Public - Creative Graphic Design Business Resources - Graphic Design Business Resources

 All Graphic Design Resources Directory now includes Original Graphic Design Articles, Links to Hand-Picked Graphics Software Resources, Desktop Publishing (DTP) Tools, & Links to Tutorials for Image Editing Graphics Software like Adobe Photoshop or QuarXpress. And visit our most popular pages - Printing Layout Templates, Graphics Software Information, Online Design Classes, Design Schools, Graphic Design Jobs, Design & Layout Articles. If you get lost, visit our Site Map.

AddThis Social Bookmark Button

Search Design Schools

Zip Code:



Online Campus Both

home > Web Design Tutorials > Web Authoring Software > ADOBE GOLIVE TUTORIALS & ARTICLES

Adobe GoLive Tutorials, Tips & Articles

Using and Creating GoLive Text Macros - Did you know that GoLive has built-in text macros for automating repetitive text entry? Did you know that you can also create your own customized text macros in GoLive? This project shows you how to use, create, and get the most out of your text macros.

Add Dynamic Time and Date Stamps in GoLive 6 - GoLive 6 introduces several new actions that utilize the innerHTML property and enable users to create dynamic content for version 5 and higher browsers. In this project, Paul Vachier, author of GoLive 6 Magic, shows you how to utilize two of these new actions to place customized time and date stamps on your web pages. Because you'll utilize features of the latest browser DOM, your timestamps will continually update on the page with the correct time even after the page has loaded.

Extending GoLive 6's Dynamic Content - Let's say you've set up a form using Dynamic Content in GoLive 6. All appears to be going smoothly. But when you try to add a record, you see the first record in the chosen data table displayed in your form instead of a blank form. The manual says to use the "show details of empty record" action to get a blank form. But what if you can't link to the page? What if the form is on your home page? What if it's a specific entry page? What if you want to use default values in your field, such as the date?This article details two solutions for presenting a blank form...

Converting Your Site To GoLive - The latest version of Adobe GoLive has generated lots of interest among Web professionals. The trick, of course, for those who want to start using this full-featured Web development environment, is switching over existing Web sites to take advantage of GoLive's content management tools. This article focuses on how to do just that.

Converting Your Site to GoLive, Part 2 - In the first part of this series about using Adobe GoLive 6 to manage your site, Deb Shadovitz showed you how to apply these tools to files residing on a local volume. But most of our sites are already being served on the Internet. What about using GoLive's cool management tools for those? No problem. All you need is the FTP username, password, and of course, this article.

Create Automatic Rollovers with Adobe GoLive 6 - GoLive 6 makes the tedious process of building mouse rollovers easier than ever…

Using the SQL Select Statement in GoLive 6 - A popular feature in Dynamic Content is providing some kind of search function, such as searching all data tables or searching all fields in a table. GoLive's Dynamic Content allows you to retrieve records from a data table using the match field routine -- a function that can be quite powerful. With a little knowledge of the SQL select statement, and a little editing in the source mode, you can provide sophisticated search routines for your users. Here's how...

ColdFusion Integration with Dreamweaver, GoLive, and UltraDev - As the popularity of ColdFusion grows, visual design tool choices for developing ColdFusion applications continue to increase. At present, three of the most popular visual design tools on the market support ColdFusion: Macromedia Dreamweaver 3, Adobe GoLive 5, and Macromedia Dreamweaver UltraDev 1.0.

Using Adobe GoLive CS, Part 1 - Although Dreamweaver is the tool of choice for many Web designers, Adobe's GoLive also offers a professional quality Web authoring tool that integrates natively with numerous other industry leading products, such as photoshop…


Using Adobe GoLive CS, part 2 - The second article in our series covering Adobe GoLive includes an extensive look at tables, layers, and page design.

Using Adobe GoLive CS, Part 3 - The second article in our series covering Adobe GoLive we'll be working with images, CSS, and JavaScript.

Designing Adobe GoLive Web Pages - Adobe GoLive provides you with a variety of tools for laying out your Web pages. It also provides you with several ways to quickly add objects and apply colors frequently used in your Web site, saving you both time and effort. In this lesson, you’ll explore the various tools for page layout as you work on the design of three Web pages.

Real World Adobe GoLive Tips - Shave hours off your site creation and management duties with these industrial-strength production tips. You can count on them to simplify your essential day-in, day-out tasks because they come straight from the two Web design and publishing pros who wrote Real World Adobe GoLive 5, where you'll find many more tips and real-world insights.

The Elements of Table Styles - Although programs like Adobe GoLive removed the need for hand-coding the HTML, tables can still be time consuming to edit and tweak while you're working on a Web project. This is especially true when you're prototyping ideas and need to move quickly. To save time and frustration, GoLive 5 introduced Table styles, a tool for applying cell and row colors, text formatting, and other information with a single click.

Creating favicons with Adobe Photoshop and GoLive - Do you want to learn how to create custom web site icons like the ones above? Due to recent developments in the web browser market, more and more web designers want to create these custom favorites icons called "favicons." Adobe GoLive and Photoshop make it easy to create and manage these custom icons that are used in the address bar and bookmarks of many new web browsers.

Importing the site into GoLive - To bring your Dreamweaver site into GoLive you'll use the Import From Folder option in the Site Wizard. Before beginning, locate the root folder of your Web site on your hard drive. (Alternatively, if your site exists on an FTP server you can import the via FTP by following the steps outlined in the Site Wizard.)

Adobe GoLive & HTML Email - As bandwidth increases many businesses are beginning to feel comfortable sending HTML Email such as newsletters, special event announcements, or sales flyers to their customers. Web developers who use Adobe GoLive can accommodate their clients' requests for HTML Email by using GoLive as the design tool to put together an appealing document. Once the document is created, however, the designer is often at a loss regarding what to do next. The goal of this paper is to guide you, the designer, by offering information and Tutorial in the following categories...

Creating Interactive QuickTime Movies with Wired Sprites - In this tutorial you'll learn how to create an interactive QuickTime movie with multiple rollover buttons and videos. The only software you need to complete this tutorial is Adobe GoLive 6 and we'll provide all the necessary sample files. If you want to create your own buttons you'll need Adobe Photoshop and if you want to use your own video sources we recommmend Adobe Premiere. Here's an example of the kind of movie you'll learn to build in this tutorial. Before we begin make sure the QuickTime module is enabled in the GoLive Modules Preferences. If not, enable it, quit and relaunch GoLive.

Resize a SWF in GoLive - To resize a SWF in GoLive 5, complete the following steps as shown in the movie…

Borders without Images / Borders with Tables - A few simple ways to make a site look nice without having to use images as borders…

Color Form Elements with CSS - Here we go. Let's color up our form elements the easy way…

Using CSS to Justify Text on the Web - Is there justification for justified text on the web? Well... yes and no... Hey, who cares, if you want it, come and get it! Also, I move quickly over all the steps in making your new tags and styles but I cover them much more nicely in my CSS Text & Links Tutorial. Also, just let me add that there is a great tutorial on basic understanding of how to use CSS in GoLive...

Remote Rollovers - This little action can be used in so many ways. Picture Galleries, Product Detail Photos, Navigation Directory Info, just to name a few ideas. Lots of ways this can be useful in giving more information without burning up lots of space. For this tutorial, I will assume you allready have some images you want to display. I made 9 and named them image_01.jpg etc. Let's get started.

Fixed / Non-Tiling Backgrounds - Let's talk about having a background image that you don't want to tile. See ya next step.

Rollovers without graphics - Let's say you have a menu of links that changes so often that making images for the menu would become a great burden, weighing you down till you don't even want to be saved from your own misery. Ouch, that's pretty bad. Here is a quick way to add some feedback to your links that is quite easy and cool.

Pop-Open Windows - use pop-up windows quite often when I design. Feedback forms, maps, photos, all kinds of ways to use 'em. They are very easy to do with GoLive Actions. Let's get started.

Removing Font Tags for Style Sheets - Let's say you have an existing site created in the pre-CSS-enlightenment era (different for everyone depending on point of illumination). Even if you make a style sheet to gain control of the site, it has legacy tags built into each page that will prevent your style sheet from controlling your layout. Doesn't make sense? Stick with us, you'll see what I'm talking about in a sec.

CSS Links - Control Links and Text coloring by using Style Sheets. First, open a text editor…

Using Components for Efficient & Easy Navigation - In the face of all the controversy surrounding them, I used to be a big believer in frames. I still don't mind them actually. However the main reason I used frames was for the pure simplicity of being able to easily and quickly update navigation througout a site, instead of the tedious linking of each page every time I had to change something...

Flyout Menu with GoLive Actions - Making a flyout-menu in GL6 without a stitch of code…

Collapsible Navigation - Spent some time trying to figure this out. This is the collapsing navigation I use currenlty on the bottom frame of the sad.ark main page. I've never used it in a real site, though I've seen it used to great benefit in other sites. This is what I'm attempting to do today. Check the navigation example below...

CSS Skins - I first saw this done on Zeldman.com and then saw it again at Meyerweb.com. While I'm not sure where you would apply this, I think it has potential and so I don't forget, I'm documenting it here as a tutorial. If you can make use of it too, great.

Customizing Web Photo Galleries From PS To GL - The best way I know of is to use PhotoShop's Automate Web Photo Gallery command. The only downside– I don't like the existing templates…

Setting Up a Basic Slide Show - Using GoLive's SlideShow action to set up a basic slide show which allows users to navigate backwards and forwards through the images in the slide show is really quite easy…


DOCTYPE Switching, New Documents and the Document Menu - Many modern browsers do something called DOCTYPE switching. They have at least two "rendering" modes. One, "quirks" mode, emulates the non-standards compliant behaviour of many earlier browsers. "Standards" mode, on the other hand, renders according to the standards set by the World Wide Web Consortium (W3C). The browser decides which "rendering mode" to choose depending on the DOCTYPE declaration it finds in the page. The default document type used by GoLive 6.0 is a short HTML 4.01 Transitional DTD declaration...

Adding New Regular Expressions to the Find Dialogue Menu - You can save new regular expressions to the default list already present in the Find dialogue's menu. A simple matter of a little preference editing…

An Easier Way to Get GoLive to Manage your ImageReady Rollovers - Later on in this tip you will meet a regular expression which can be used to automate a big part of the process of managing ImageReady's native style of rollover code in GoLive, regardless of the number of images the rollover and all its states require. But we'd better get the caveats out of the way first.

Making Template Head Items Editable - By default, items added to the head section of a template page are not editable in pages created from the template, though the default three head items (the document encoding, the GoLive "generator" meta tag and the document title) are editable. It isn't too difficult to make head items editable, however.

Applying Temporary Styles to a GoLive 6.0 Page - You can set up CSS styles in an external stylesheet and then apply them temporarily to a GoLive page in order to see what effect they will have on the page directly in layout mode (they have to be styles which are supported by the GoLive layout engine, of course). You don't need to write them into the page or attach the stylesheet by drag and drop to do this. You can, for example, store a set of base stylesheets and then apply them temporarily to any given document to check on the effect.

Customising GoLive's Default External CSS Document - Got a lot of CSS that you use almost invariably? Set body, paragraph and table cell font sizes to 12 pixels nine times out of ten? Wouldn't it be helpful if these were already set in the default GoLive external style sheet which opens …

Adding New Selectors to GoLive's Default List - GoLive has a number of HTML selectors already available when you choose New Style from the CSS Editor flyout menu or context clicking on the CSS editor window. These are not set in stone. You can add selectors you habitually style to the list and remove any elements which you do not normally use if you want. Here's how.

Using Find by Element to remove the font tags from all pages in a site - Its actually quite easy to remove all of the tags from all pages in your site. For example, your may want to convert the presentational design of the site to use Cascading Style Sheets. If you want to do this in your site, as with all site-wide operations, back up the site first. Nothing ever goes wrong, apart from the one time you don't back up first.

Creating Separate Stylesheets for Screen and Print Media - The CSS specification allows you to create different stylesheet for different types of media. What will work on a screen when being viewed in a browser may not produce exactly what you expect when printed out on a laser printer. So, how do you create separate stylesheets for separate media in GoLive? Well, in fact, its quite easy...

Using Different Connection Details for the Same Workgroup Site - It may happen that you need to connect to the same Workgroup Server site from the same computer but using different connection details depending on where you are. For example, inside your local network you may connect to the Web Workgroup Server using an internal IP address. From outside the local network, on the other hand, you need to use a domain name registered with a dynamic DNS service or the externally recognised IP address in order to reach the Web Workgroup Server.

Setting an Application to Open a Particular Type of File in GoLive - GoLive's Web Settings allow you to associate a particular application with a file extension within the application. When you do this, GoLive will launch that application when you double-click on a file with that extension in GoLive's site window, regardless of the what would normally be launched by the operating system to open that particular file. To take an example, say you always want to launch Photoshop to edit GIF or JPEG files when working in GoLive...

Supporting Netscape 7 with the GoLive 6 Browser Switch - Checking the Higher than check box(es) in the GoLive 6.0 Browser Switch object should set up Netscape 7 or higher and Internet Explorer 7 or higher as supported browsers. In fact, Netscape 7 (the only browser presently affected) is actually redirected, even when checked. Here's one way of fixing your page so that Netscape is supported correctly.

Replacement Browser Switch Files for GoLive 6.0.x Browser Switch (corrects for version 7 browser support) - The files for download here replace files in the GoLive Browser Switch to correct a problem with support for version 7 or above browsers (only Netscape is at version 7 as of today). By replacing these files you can use the Browser Switch as normal, without having to edit any of the code written to your pages and version 7 and above browsers will be correctly supported. These files are only for use with GoLive 6.0.x.

Set Up Dynamic Content with WebDAV on Internet Information Server - Want to use WebDAV rather than FTP to work with Dynamic Content on an IIS server? Here's how to set it up…

Start here make a site - Here's where we make our first, or any other, Golive website. If you already have a site, made for instance in Pagemill, please see here for how to convert it.

Links - Suppose you want to put a link on your page that will take people to another page in your site. Type in the link text like this and highlight it…

scroll area action - The Scroll Area Action lets you put an image or some text on a page with 'triggers', usually arrows, which scroll the text or images in one of eight directions when you mouse over the triggers.

Cascading style sheets - This is a very simple tutorial by someone who knows not a lot more - it's aimed at people trying to get started with css.

Remote rollovers in Golive 6 - First, the name can be confusing - we aren't going anywhere near the 'rollover' section of the inspector. That's for making an image change as you 'roll over' it - what we are doing is a 'set image url' action, where you mouse over one image and a different one changes.

Making popup windows - You know those really annoying little windows that appear when you're browsing…

Making a floating menu - We are going to make a menu that floats gently down the page as you scroll…

Tables - If you are new to web design, and have perhaps designed pages for printing, you might expect to be able to put text and graphics on a web page and have them stay where you put them…

wrapping text round an image - This is some text to show how you can put an image to the left of the first character, then align it left to wrap the text…

Scroll Area Auto Action - The Scroll Area Auto Action works just like the Scrollarea action - but the text scrolls by itself and loops - you can have the text scroll up or down, left or right. Don't forget you can put a table in the inner layer, and use images as well/instead.

No Scrolling Background - Creates a non-scrolling background image. This will create a fixed, non-scrolling, background image for any webpage. Unlike other non-scrolling background scripts and codes this one will work in BOTH Internet Explorer AND Netscape/Mozilla!

Dialog Editor - Create GoLive Extension dialogs and palettes…

Open Extension - Adds Open Extension in the File menu. This extension adds a new menu item that shows the active state of all installed extensions. Selected an extension opens that extensions Main.html file.

Sample Web Gallery - Sample extension showing processing of multiple images and creating files in a site.

AutoComplete - Autocomplete text as you type. This Extension will try to complete each new word you type in layout mode.

QuickFind - This Extension adds an editfield to the toolbar that finds text in the document.

WMP for GL6 - Windows Media Player in GL6.

Sample Video Page - A simple webpage with an example video. I believe the best way in learning is viewing and disecting code. This gives you an idea in how to do this and specifically targeted for all the newbies.

Customize your WPG - This is a simple tutorial on how to use GoLive and CSS to modify a Web Photo Gallery exported from PhotoShop to give it a personalized feel. Contemplating a tutorial on how to actually modify the PS templates but for now, this should work.

Login and limiting access - In part 1, List/Details/Edit, a new users table was added to Samples and the list and editing of user info was established. Now we can move forward to a login and access system.

Blob Photos - Full set of files and instructions on how to upload JPG photos into a MySQL database as BLOBS using some include files with PHP functions and the GoLive dynamic action library. Upon upload, a thumbnail is also created. By changing a variable in the form that uploads the file, you can adjust the thumbnail width OR height...

06 Create the Manage Page - The sixth in a series of 6 Tutorial on how to build dynamic pages in GoLive 6 using MySQL and PHP. In this installment we create a page to manage entries in the database.

Flash MX and Golive - Dynamic text from mysql db into Flash mx animation. Work with variable in Flash Mx and load it from a php file create with Adobe Golive: very simple and usefull.

PHP Validate and Forward - This template allows you to preprocess record info before passing it to GL6 library record actions. No change in GL6's libraries required to perform field checks, add custom field info etc. You write you own php logic as needed. Knowledge of PHP syntax required.

PHP Picture Upload - This QuickTime movie shows you how to create a simple form to add a new user and upload his/her photo to your database. Also includes sample mySQL table used in tutorial.

Key Word Search - How to set up a FULLTEXT search in MySQL.

Dynamic Site Wizard - This QuickTime movie steps you through the Dynamic Content Site Wizard to set up a site to use PHP. This movie should be followed by the Data Source Tutorial, and then the series of 6 QT Movie Tutorial on how to use Dynamic Content.

PDF Upload Part 1 - Upload PDF files to your mySQL database.

PDF Upload Part 2 - Upload PDF files to your mySQL database. shows you how to create a dynamic form to upload and delete a PDF file to/from your mySQL database using GoLive and PHP. Also includes sample mySQL table used in tutorial.

Library CSS Preview - HTML files to preview the Library CSS files. GoLive CS comes with 35 CSS files in the Library but can they only be previewed by linking to an HTML file. These HTML files overcome that limitation. Each file is linked to and named with the CSS file prefix and has some representative HTML and all 4 CSS classes common to all of the Library CSS files. By clicking on the HTML file, you can see the CSS.

Component Navigation - Easily modify and update your site links. Managing your navigation is super easy with GoLive components. Make a change once and it is applied to the entire site! One of my favorite features.

Clickable Image Maps in Adobe GoLive - There are two steps to setting up client-side clickable image maps in Adobe GoLive 4. In this article, Peachpit Press author Shelly Brisbin describes how to set up the map and link the hots spots in your image map.

Layers and Positioning - DHTML is a collection of techniques to control movement on a page in space and time. In this article, Shelly Brisbin explains the use of Floating Boxes in Adobe GoLive to assist web designers in layering and positioning elements.

Add Dynamic Time and Date Stamps in GoLive 6 - GoLive 6 introduces several new actions that utilize the innerHTML property and enable users to create dynamic content for version 5 and higher browsers. In this project, Paul Vachier, author of GoLive 6 Magic, shows you how to utilize two of these new actions to place customized time and date stamps on your web pages. Because you'll utilize features of the latest browser DOM, your timestamps will continually update on the page with the correct time even after the page has loaded.

Introduction to Adobe GoLive CS2 - You may or may not know about Adobe GoLive as certain Web design applications have overshadowed it. However, fans of Adobe Photoshop and other Adobe products may dive into it when buying the Creative Suite 2 (CS2). GoLive is Adobe's application for designing and publishing Web sites and mobile content.

Working with Smart Objects and Sliced Images - Creating Smart Objects and Sliced Images can save you time and headaches when updating or editing your web pages. Here Jeff Carlson and Glenn Fleishman show you how to take advantage of both features using Adobe GoLive 5.

Creating Rollovers in Photoshop and ImageReady CS - Rollover images are a great way to add spice to your webpage, but creating and coding them can be a pain. Tanya Staples show you how to create rollover images in ImageReady CS and Photoshop CS using templates, palletes, layers, and by hand. She even explains how to get ImageReady CS to code the rollovers for you.

Split Source Code View in Adobe GoLive - Adobe GoLive 6 offers an integrated "split source" display that allows you to view and edit your layout and source code simultaneously.

The Highlight Palette in Adobe GoLive 6 - Adobe GoLive 6 provides a new feature that allows you to highlight any aspect of your Web page such as specific tags, Here the Highlight mode is used to track down items with URLs. Click on image for full-size view. CSS statements, or JavaScript code. Use this function to track down stray tags, orphaned CSS, link errors, or W3C validation errors.

Generate Page Thumbnails in Adobe GoLive 6 - If you're using the site management tool in GoLive 6, the File Inspector includes a Content tab, which is a very easy way to preview graphics and Web pages without opening them.

Find and Fix Common Page Title Errors in Adobe GoLive 6 - We've all accidentally omitted page titles from our Web pages. These page titles are useful for search engines, bookmarking, and accessibility. Fortunately, Adobe GoLive 6 makes it easy to globally find and fix these oversights.

Create Tables Easily in GoLive 6 - GoLive 6 provides an easy way to create HTML tables with customized dimensions…

Keeping Track of File Usage in Adobe GoLive 6 - Have you ever wondered how many times a page, graphic, or PDF file is referenced throughout your site? Previous versions of GoLive indicated whether a file was referenced by placing a tick mark in the Used column in the Files tab of the Site window.

Easy QuickTime Slide Shows with Adobe GoLive 6 - GoLive 6 includes an impressive QuickTime Web video editor and one of its hidden features is the ability to easily create QuickTime slide shows. The movie at the right is a simple example and it's only about 60Kb! Follow the step-by-step instructions below and have fun!

DOCTYPE Made Easy with Adobe GoLive 6 - Every HTML document you create requires a document-type declaration--DOCTYPE. This declaration begins the HTML document and tells a validator which version of HTML to use when checking its syntax…

Adobe GoLive 6 vs. Macromedia Dreamweaver MX - Adobe and Macromedia are the two major players in the media development software game, and they have long pitted their various products directly against each other. This tough competition has fostered great improvements to the software at frequent intervals, benefiting the users by making work go faster and look better.

GoLive CS2 Goes CSS - The CS2 release of Adobe's GoLive Web development program marks a tipping point in visual Web design. GoLive CS2 makes Cascading Style Sheets (CSS) the default technique for creating new sites and pages--and by doing so it delivers leaner HTML code, more precise page layout, and the other benefits of CSS, without bogging users down in the technology's usual steep learning curve.

Adobe GoLive 5.0 Catches Up to Dreamweaver - On the Internet, an error in your business site is as embarrassing as waltzing around all day with your fly open. Jeez, you think, how the heck did that happen? If you find such slipups happening all too often, try equipping your Web production team with Adobe's GoLive 5.0: You might keep those surprises in check and your online credibility intact.


AddThis Social Bookmark Button



We are looking for submissions of Graphic Design Tutorials and Articles from Knowledgeable Graphic Designers and Publishing Professionals. We will add a paragraph about your graphic design services (or other services as long as it is not offensive) along with your published article. We will add your contact information, including your graphic design business' website link, within this paragraph. AllGraphicDesign.com gets around 16,000 Unique Visitors every day and this could mean a nice amount of traffic being sent to your graphics business' web site (or your graphic design portfolio). Find Out More Here



Please click here to visit our sponsor

Graphic Design Menu


OUR FRIENDS -- Adobe Photoshop Tutorials -- Photoshop, Flash, 3D Studio Max Tutorials -- Web Designers & Developers --Photoshop Tutorial Man -- Tutorial Guide -- Free Webmaster Tutorials -- Web Designers -- Web Design Portfolio --AllFreelanceWork--AllFreelance--Artists Helping Children --All Creative Portfolios -- All Work at Home Ideas

All Graphic Design Resources Center is always looking for more information & resources to put into our graphics directory portal. If you have any design or dtp resources that you think would fit in well, such as graphics software links, graphics and clipart foundries, objects, filters, fonts, desktop publishing or other graphic design resources articles, templates, etc...Please email us and let us know. All Graphic Design Resources Center has been around since 1998 (originally as deezin dot com), offering desktop publishing information and graphic design resources to make your web search for graphics stuff easier. Let us know how we can make All Graphic Design site more helpful for you! All informational links are hand added by an editor. Thank you for visiting our site and don't forget to bookmark this site.

R E L A T E D . L I N K S

About Us | FAQs | Contact Us | Terms of Use | Privacy Policy

All website design, text, graphics, selection and arrangement thereof, and software are the copyrighted works of Allfreelance, © 2003 - 2019 QuinStreet, Inc.