Visual Site Designer Video Tutorials
-
Creating Links
This tutorial will show you how to add text and image links to a page created in Visual Site Designer. To create an image link, select the image you would like to use as a link, and then click the Link button in the Toolbar. This opens the Link Properties window. Check the Use Link checkbox, and then select the location where you'd like the link to point. You can select a page from your Visual Site Designer project, an e-mail address (when clicked, this option will open the user's default mail client), an external page, or a document (when clicked, this option will allow your user to download a file). You can also select the target (use this option if you're familiar with frames).
To add a text link, highlight the text you would like to use as a link and then follow the steps outlined previously. When you're done, you can preview your links by clicking the Preview button in the Toolbar. Your links will be fully functional within the Preview window.
(Version 6.0 used in this video tutorial) -
Adding Shapes
This tutorial will show you how to add shapes in Visual Site Designer. To do this, click the Shapes tool in the Toolbox. This opens the Shapes window, which allows you to choose one of the 16 predefined shapes that come with the program. Select the shape you wish to add, and then create it by clicking and dragging your mouse on the workspace. By default, the shape will be the Chosen Color, which you can set using the color swatch at the top of the Toolbox. When you release your mouse, you'll notice that the shape is surrounded by a blue border with eight "handles," one on each side and one in each corner. To adjust the size of your shape, use the handles on the sides. Hold down the Shift key if you want to preserve the aspect ratio. To rotate your shape, use the handles on the corners. You can also adjust these settings in the Object Properties window. If you're working with a shape with corners, you can also use the rounded corners field to round them out. Higher numbers produce rounder corners.
(Version 6.0 used in this video tutorial) -
Adding Images
This tutorial will show you how to add an image to a page created in Visual Site Designer. To do so, click the Image icon in the Toolbox. Next, click anywhere on your page where you want the image to appear. (You can change the location of the image after you have added it, so you don't need to worry about being perfectly exact.) Clicking the page opens a window that allows you to browse your computer for the .jpg, .png, or .gif image you would like to use. When you find the desired image, click Open. The image will be added to your page. You can move it by clicking and dragging it. To resize it, click and drag one of the handles on the top, bottom, or side of the image. To preserve the aspect ratio, hold down the Shift key while resizing. If you want to rotate the image, click one of the handles in one of the corners. You can also adjust these settings under the Object Properties window.
(Version 6.0 used in this video tutorial) -
Adding and Deleting Pages
In this tutorial, you'll learn how to add a new page to your Website in Visual Site Designer. To do this, click the Add Page button in the Toolbar. This opens the New Page Settings window, which allows you to specify the page title (the text displayed across the top of the user's Internet browser) and the page ID (the name of the HTML file). You may also duplicate the layout of a preexisting page.
To delete a page, click the Delete button in the Toolbar. This deletes the current page, as well as any links to the page that may exist on other pages of your Website.
(Version 6.0 used in this video tutorial) -
FTP Setup
This tutorial will show you how to set up a server profile in order to upload your work in Visual Site Designer. To do this, go to Settings and select FTP Settings. This opens the FTP Settings window, where you can enter your FTP information. This includes your FTP server (generally your domain name, e.g. coffeecup.com), FTP username and password, and WWW folder (the folder on your server where your files are stored, e.g. public_html, web, or www). To save your server profile, click Save and enter a name. This is a personal reminder, so you can name it anything you want. When you're done, select the profile you'd like to upload to, and then click OK. When you want to upload, click the Upload button in the Toolbar, and the program will upload to the profile you selected.
(Version 6.0 used in this video tutorial) -
Adding Text
This tutorial walks you through the steps involved in adding text to your Website. Click the Text tool in the Toolbox, and then click and drag a text box on your page. The box will have a red outline with "handles" on each side. You can move your text box by clicking and dragging one of the top or bottom handles, and you can resize your text box by clicking and dragging the handles on the left- and right-hand side. You can type any character you want in the text box, including pressing Enter to add a hard return. The text will automatically wrap to fit the width of the box.
The Object Properties window allows you to work with your text properties, including font face, size (1 is the smallest and 7 is the largest), style (bold, italic, or underline), alignment (left, center, and right), and color.
(Version 6.0 used in this video tutorial) -
Getting Started
This tutorial introduces you to Visual Site Designer. When you first start the program, you'll see a window that allows you to start a new Website from scratch, open a preexisting Website created with Visual Site Designer, or create a new Website from a theme. Choosing the theme option opens a window that allows you to browse the available themes. If you choose not to use a theme, you can cancel out of this window and create a new Website using the options under the File menu. To start a new Website, go to File and select New Website. This opens the New Website window, which allows you to enter information about your new Website. This includes the page title, which is the text displayed across the top of your user's Internet browser, and the Page ID, which is the HTML filename of the page. You can also specify the page size by manually entering the dimensions or choosing a predefined size. You may also center your Website design. The next section allows you to choose a page background. Your options are a solid color, a picture, or a gradient fill. The final option allows you to set the color for visited and unvisited links on your Webpage.
(Version 6.0 used in this video tutorial) -
Adding a CoffeeCup Flash Object : : Visual Site Designer
This video tutorial explains in full detail how to add a CoffeeCup flash application to Visual Site Designer. It's as easy as 1,2,3...
