RapidWeaver FAQ

When I try to preview my site with RapidWeaver it doesn't display correctly. How do I fix this?

CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership
It has been reported and confirmed that there is an issue between RapidWeaver and Safari 4 Beta. The issue that arises prevents users not being able to properly view RapidWeaver themes in the Theme Drawer or when previewing their site within RapidWeaver. To resolve this issue users will need to uninstall Safari 4 Beta and re-install Safari 3.2.1. Follow the instructions below in order to remove Safari 4 Beta and then install Safari 3.2.1. 1). Download the Safari 4 Beta installer from here. 2). Double click on the Safari4.0BetaUninstall.pkg and follow the instructions.

Re-install Safari 3.2.1 1). Download Safari 3.2.1 from here. Select the appropriate version for the Mac OS you are running Leopard or Tiger. 2). Double click on the installer and follow instructions.

How do I get RapidWeaver?

CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership
Teachers College has purchased a site license for RapidWeaver and as such anyone with BSU credentials can download and install RapidWeaver. 1. You can download RapidWeaver and the activiation from here. This link will automatically download RapidWeaver to your computer. 2. To obtain the activation code you need to login to the BSU Beta Place web page here. You will find the activation code at the bottom of the page. Copy and past this code when prompted after you install and launch RapidWeaver.

How do I install RapidWeaver?

http://www.bsu.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.html - 1-

RapidWeaver FAQ
CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership
1. Open the RapidWeaver.dmg file in your downloads folder when complete.

2. Click on the rapidweaver_367.dmg image on your desktop, this will open:

3. Drag the RapidWeaver icon into the Application folder on your Mac. Once RapidWeaver has finished copying to your Mac, eject the drive (drag it to the trash) and throw the disk image away.

4. Open the Applications folder, find RapidWeaver and double click the application icon to launch the software.

5. Unlock the software by entering the activation key provided at betaPlace https://www.bsu.edu/webapps2/betaplacedownload/rapidweaver.asp (Note: You will need your BSU username and password to gain access to the activation key website.) 6. Click Activate in the Activation Needed window.

http://www.bsu.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.html - 2-

RapidWeaver FAQ

7. You should see a Window saying the activation was successful. Click Ok. If you don't see this window check the activation key and try reentering it.

8. The Check for Updates box will appear. Click Yes if you would like to check for updates on startup, or click No if you would like to initiate the check manually from the application menu. 9. The RapidWeaver window will appea. Congratulations your done!

How do I organize my portfolio (folder)?

CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership
When   beginning   the   creation   of   your   digital   portfolio   it's   a   good   idea   to   create   a   central  location  that will   store   all   of   your   files   and   artifacts   in   one   location.   Here  is   an  example   to  better   illustrate   this concept. 1.  Start  by  creating  a  folder  and  labeling  it  with  a  descriptor  to  identify  it.

It   is   a   good   idea   to   put   this   folder   in   a   location   that   you   can   easily   access   and   will   be   safe.  One   major advantage   for   this   folder   is   that   you   can   store   this   on   your   BSU   iLocker   or   even   flash   drive   and   work on  your  portfolio  on  any  Macintosh  with  Rapidweaver.  By   using   the   BSU   iLocker   storage   you   have the   piece   of   mind   that   should   your   computer   hard  drive   become   unreadable   your   portfolio   and   it’s contents  are  safe  and  accessible.   2.  Inside  of  your  portfolio  folder  your  need  to  create  subfolders  to  store  and  organize  your  files.  

The   “Documents”   folder   will   be   used   to   save   any   MS   Word   or   PDF’s   in.  The   “Images”   folder   will   be used   to   save   any   photo’s   or   graphics   you   use.  The  “MultiMedia”  folder  will  be  used  to  save  video, audio,   or   PowerPoint   Slides   in.   Your   RapidWeaver   project   file   will   be   save   in   this   folder   as   well.   In   the   event   that   you   need   to   create   multiple   web   sites   you   may  want   to   create  folders   for   each   web site   mimicking   the   folder   structure   we   just  created.   For   example,   I  have  a   course  titled   TC101  and TC250,  I  would  create  folders  for  each  of  these  courses,  then  I  would  create   the  Documents,   Images, and   Multimedia   folders   with   in   them.  

http://www.bsu.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.html - 3-

RapidWeaver FAQ

How should I structure my portfolio pages in RapidWeaver?

CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership

The structucture is composed of Pages and Nested Pages. So the organization looks like this:

How to begin your digital portfolio:

Launch your RapidWeaver

application. If you haven't

downloaded or installed your copy of RapidWeaver then go here to get instructions on how to do so. Once you've launched RapidWeaver your will need to add a page, to add a page click on the "+" sign at the lower right of the window. Decide whether your going to use a Styled Text
http://www.bsu.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.html - 4-

RapidWeaver FAQ

or Blocks page. For more information on the difference between a Styled Text and Blocks page go here. After adding the page you will need to rename it from "Untitled" to Homepage. By default RapidWeaver will assign the Alpha theme for your site. To view what your page looks like click on the "Preview" tab at the top of the window. If you wish to select a different them click on the Theme View button reveal more themes. Add another page and label it INTASC Principles. Add 10 more pages and begin naming them INTASC 1through 10. To nest these pages under the main INTASC Principles page, just drag them over the main INTASC Principles page until you see a rectangle appear around INTASC Principles. See example below. to view all themes that you can use. Move the blue slider button to the right to

The last page you will ad is Artifacts and Rationales. When you finished your Page View window should look the image below.

http://www.bsu.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.html - 5-

Press the "Add" button. click on the plus sign button. In the pop-up box. 3.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. select the page type that you would like to add.RapidWeaver FAQ How do I add a page? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership To add a page to your website: 1. 4. 2. At the bottom right hand corner.html . Rename the page by double clicking the "Untitled 1" and entering the new name. Styled text is a good selection if you just have images and text.bsu.6- . http://www. Blocks is another good choice.

but you might not want all the pages to have the exact same title (header). If this is the case. To change text. 2. you can change the title (header) for the individual pages. 2. http://www. then Show Site Setup or click the Apple key and 1 simultaneously. Select the page that you want to change the title (header) of from the Page List column on the left. This changes the title (header) for the entire site.RapidWeaver FAQ How do I create/change the title (header) on my site? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership To change the title (header) for the entire site: 1.7- . By default the Title. for your site is "My Website" and if left unchanged will appear on every page of your website. Click Site. 3.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. highlight and type new text in the box.html . To do this: 1. or header. If you want to display a title (header) make sure the box is checked. Open the page inspector by clicking on the "i" button at the lower left hand corner of the screen.bsu.

html . To change the title (header).8- . simply type a new title (header) name in the box.bsu. Click Site. then Show Site Setup or click the Apple key and 1 simultaneously.RapidWeaver FAQ 3. http://www.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.” check the box next to “Title” 4. Under the heading “Override Default Site Settings. How do I create/change the slogan on my site? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership To change the slogan for the entire site: 1.

but you might not want all the pages to have the exact same slogan. http://www. you can change the slogan for the individual pages. Go the page that you want to change the slogan. If this is the case.RapidWeaver FAQ 2.html . 3. To do this: 1. If you want to display a slogan make sure the box is checked.9- .bsu. To change text.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. Open the page inspector by clicking on the "i" button at the lower left hand corner of the screen. This changes the slogan for the entire site. 2. highlight and type new text in the box.

simply type new text in the box. To change the slogan.bsu.html . How do I add or change the Sidebar items? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership To add or change the sidebar: 1.RapidWeaver FAQ 3.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. http://www.10 - . Open page inspector by clicking on the "i" button at the lower left hand corner of the screen. Under the heading "Override Default Site Settings" check the box next to "Slogan" 4.

Select the 4th tab. Click the arrow down next to Sidebar.RapidWeaver FAQ 2. 3.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.11 - .html . http://www. which is the Theme Styles tab.bsu.

Add a link by clicking on the + button and typing in the URL or choose what page to link it to.RapidWeaver FAQ 4. 5.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.html . Open the 2nd tab.12 - . http://www. 7. either right or left. Choose the location of your sidebar. Simply type text in the boxes provided.bsu. which is the Sidebar tab. 6.

choose the appropriate font. 2. For more font options you can "Control + Click" (or use the right mouse button) in the window to show the "Font" option.13 - . Go to Format. Highlight the relevant text that you wish to format. and alignment for your text.RapidWeaver FAQ How do I change the font style.html . http://www.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. color. size. format or color? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership How do I change the font style.bsu. To display the Fonts window select "Font" then "Show Fonts". Web Safe Fonts are highly recommended. format or color? 1.

edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.RapidWeaver FAQ CAUTION: Using a font that is not Web Safe or Browser safe my make your text unreadable for viewers. http://www.14 - .bsu.html . How do I add a video file? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership To add a video file to your portfolio: 1). Select the page you wish to add your video to in the page listing column to the left.

edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. NOTE: You will need to make sure that your movie has been saved as a .html . Open your portfolio folder and navigate to the folder where your movie is stored and select it. http://www.bsu.15 - . Drag the movie file to where you would like it to be located on the page.mov file before adding it to your RapidWeaver portfolio. 3).RapidWeaver FAQ 2).

using Alias would be recommended to keep your project file size small.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. http://www. If your video file is located in your portfolio project folder. then select "Alias. The Copy option will copy your file and place it in the RapidWeaver project file. Click preview to test your video." NOTE: The difference between Alias and Copy is that Alias will create a link to your video file in your portfolio folder and add the video when you publish your portfolio.16 - . 4)." If not select "Copy.bsu. Because you have created and placed your video in your portfolio.html .RapidWeaver FAQ A warning box will appear asking to make a choice about how to deal with the video file.

2).RapidWeaver FAQ How do I add an audio file? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership There are a couple of ways of adding audio files to your portfolio. Creating a link using the Page Inspector assets window and creating a link to the audio file. Locate your audio file in your Portfolio folder and drag it to your page. Drag and drop the audio file directly on to the page editing area from your portfolio folder or from the iMedia window.bsu. Place the insertion bar (blinking bar) where you wish to insert the file.17 - . 1). NOTE: It is highly recommended that you place your audio file in your portable portfolio folder in the off chance that you move your portfolio files. 2).html . http://www. Drag and Drop Method 1). Select the page you wish to add the audio file to in the Pages column. 3).edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.

http://www.bsu.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. Select the page you wish to add the audio file to in the Pages column.html . Creating link to audio file 1). 2). Click on the Page Inspector "i" icon in the lower left. Select the Preview tab to test and see your audio file. Using this method RapidWeaver will automatically play your audio file in the current browser window.18 - .RapidWeaver FAQ 4).

bsu.html .RapidWeaver FAQ 3).edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. Select the 3rd tab in the Page Inspector window. 4). Click on the Assets option.19 - . 5). http://www. Click Add Files and locate the audio file with in your portfolio folder and click open.

7). General Settings.bsu. At the top of the Page Inspector window click on the first tab. Step 6 thru will explain how to do this. If you only want this audio file linked on one page skip to Step 6).RapidWeaver FAQ NOTE: If you wish to use this audio file in other pages you will need to apply this Asset to all pages.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.20 - . Highlight the text you wish to associate with the audio file link and click the Add Link button at the bottom of the window. 9). http://www. Click on Apply To All Pages and then click on the All On/Off button in the lower left.html . Make sure to check the box Page Assets and then click the Apply button to the lower right. 8).

To link to the Asset you just added click on the URL drop down window and select Assets.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. To have your audio file open in a new window make sure to select "New Window" from the "Open In:" drop down menu.21 - .RapidWeaver FAQ 10).bsu. then your newly added audio file. 11). http://www.html .

To Wrap text around the image. you will see that your image is now aligned left/right. 2).html . You will not see a change on the Edit page.22 - . click on the image select Format --> HTML --> Align Image Left/Right. Before After http://www.RapidWeaver FAQ How do I wrap text around an image? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership 1). If the text wrap isn't as you would like it to appear you may have to make the image smaller and/or place it else where in the line of text to get a more acceptable result.bsu.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. but if you select Preview.

edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. 2). Select or add a Blocks Page Style.23 - . http://www.html . Go to your portfolio folder and locate the image you want to place in the Blocks page.bsu. How do I add image to a Blocks Page? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership How to add image using the Blocks page. 1).RapidWeaver FAQ NOTE: You can use this technique with Text Block using the Blocks page to wrap text around an image.

To add image using the RapidWeaver iMedia Browser is very similar to the drag and drop method. Now that your image is in the Blocks page you can now move the image any where on the page or resize the image.RapidWeaver FAQ 3).html . To resize the image grab one of the image handles and move them in or out to resize the image smaller or larger.24 - . Blocks will automatically maintain the proper scaling.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.bsu. http://www.

From the iMedia Browser select the image you want to use and drag it to the editing window. http://www.RapidWeaver FAQ 1). When the iMedia Browser window opens select the iPhoto tab then select iPhoto and click on the triangle to the left to see your iPhoto libraries and albums. 2). NOTE: It is highly recommended that if you are going to use iPhoto to store your images you should create an album to organize and hold your images that is associated and used with your portfolio.bsu.25 - .edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.html . Under the RapidWeaver View menu select Show iMedia Browser. You'll want to do this before you start adding images to your portfolio. 3). Select the album that you created to hold your images that are associated with your portfolio.

edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.26 - . To resize the image grab/click on the corner image handle and drag to resize the image. http://www.html .RapidWeaver FAQ 4).bsu.

4). and iMedia.html . Once you have adjusted to the size you desire. Using the drag and drop method. This tutorial will demonstrate how to do all three as well as how to text wrap and resize photos. Look for scale and change from 100% to the size you desire. we will pull a photo of Charlie Cardinal from the desktop to the page in RapidWeaver. http://www. If you double click on the image. 3). You can see the photo of Charlie Cardinal on the desktop. You can also use the arrows to adjust the size. Let go of your mouse whenever the "+"​ sign appears and your image will drop. the Media Inspector window will appear.27 - . 1). After adding the photo you may want to resize the photo.RapidWeaver FAQ How do I add images to a Styled Text page? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership Adding images to styled pages There are three different ways of adding a photo to styled pages: drag and drop.bsu. 2). assets. you can close the window. so click on Charlie and pull him over onto the page until there is a green "+"sign next to your mouse and the photo you are dragging onto the page.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.

then go to Format --> Align Left/Center/Right.28 - .RapidWeaver FAQ 5). right.bsu. http://www. Using iMedia to insert photos 1). A box will appear.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. or center you can do so by selecting the image. Go to View --> Show iMedia Browser. If you would like to align your photo to the left.html .

Select Header and at the bottom of the box. 3). You may need to resize the image (double click on the image) to fit it into the window. You'll want to do this before you start adding images to your portfolio.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. NOTE: It is highly recommended that if you are going to use iPhoto to store your images you should create an album to organize and hold your images that is associated and used with your portfolio. The photo will appear just as your photos did with the drag and drop method. Inserting photos using Assets Assets is a way of linking a file to a word or sentence on your page.bsu. Drag and drop the photo from the iMedia Browser. http://www. Open Page Info (lower left hand corner) to access Assets. 1.29 - . you will see Assets. Select iPhoto and find your portfolio album.html .RapidWeaver FAQ 2). and find the image you wish to use. You can add files by selecting "Add Files".

Type or highlight the word you'd like to set as link to your image.html . http://www. select it and click Open. 4. This is what the box should look like after you have loaded the file into Assets. Make sure the word is selected and go to the bottom of the window and click the arrow with the plus sign to create a link to your Asset.RapidWeaver FAQ 2.30 - . 3.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. Find the photo you would like use.bsu.

http://www.RapidWeaver FAQ 5. click the URL and select "Asset"​ then the photo you uploaded into Assets. You can also select "Current Window"​ or "New Window.html . you will need to publish your site first. If you click the link. 6. Once the dialog box appears to create a link. you can test the link in Preview mode. If you set your Asset to open in a "New Window" and wish to see the action."​ Click "Set Link"​ when you have the desired settings. When you have finished creating the link.bsu.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. it will lead you to a page where your image appears.31 - .

http://www.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. Open your RapidWeaver project by double clicking the project file icon 2.bsu. make sure it is under Edit mode 3. Click on the page you want to add content to.32 - . One way to add files is to drag and drop them directly into the edit window.html .RapidWeaver FAQ How do add content to a page? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership How do I add content to a page? 1.

which are covered in different tutorials.bsu. Switch to the Preview mode. "add links". you will see the picture file looks the same as in the edit mode. and "embed a video". How do I create an asset (artifact) to use on multiple pages? http://www. a link is automatically created for the word document we just added (see the red circle below). However.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. 5.html .33 - . It has the same name as your original file.RapidWeaver FAQ 4. Other ways to add content include to "add from asset".

edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.bsu. 2.RapidWeaver FAQ CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership To apply artifacts (assets): 1.html .34 - . Go to page inspector by clicking on the "i" button at the lower left hand corner of the RapidWeaver screen. 3. Click on the third tab with the blue header. http://www. Click the assets button.

bsu." http://www. Click the "Add Files…" button below to add an asset.35 - . 5.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.html . Select the file you wish to add and press "open.RapidWeaver FAQ 4.

To make it available to all of your pages in your site: 1. Click on the first button on the page inspector window indicated by the "i".html .edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.36 - . 2.RapidWeaver FAQ This asset is only available now to the specific page that you added it to.bsu. click the "Apply To All Pages…" button. At the bottom of this screen. http://www.

html .RapidWeaver FAQ 3.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. press "All On/Off" button. http://www. This asset should be available to use in all the pages within this site.bsu. and press "Apply". To deselect all of the items. You most likely to not want to apply all of these to every page. 4.37 - . Select the "Page Assets" box only.

http://www. To add your PowerPoint presentation as a download.html . 1). Add PowerPoint as a file and user will need to download and view in PowerPoint.RapidWeaver FAQ How do I add a PowerPoint presentation to my portfolio? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership There are 2 choices when adding a PowerPoint presentation to your portfolio: 1). Export PowerPoint as a "webpage" and presentation will a saved as a set of files that are webpages. Select the page you wish to add your PowerPoint file to. Consult with your instructor as to how they want you to upload your PowerPoint presentation.38 - .edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.bsu. 2).

edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. You will end up with a . It is important that you keep these files together as both will be needed. Select the Preview tab to see how your PowerPoint file is now a link to the downloadable file.bsu. In PowerPoint you do this under File > Save as Webpage.html file and a folder of supporting files. The second alternative to adding PowerPoint presentations to your portfolio is to save your PowerPoint as a webpage.RapidWeaver FAQ 2).html . 3). This option allows for your visitors to view and control the presentation with no need to run PowerPoint or download files. Drag your PowerPoint file and place in the editing area where you wish the file to be located. First thing you need to do is save your PowerPoint as a webpage.39 - . http://www. 1).

you will both the .40 - .RapidWeaver FAQ 2).edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.html . Again. 3).bsu. Click on the "i" Page Inspector icon and select the 3rd tab. 4).html and folder that you created. Click the "Add Files" button and find the files that you will need to upload. http://www. In RapidWeaver select the page you wish to place your PowerPoint.

bsu. Your Assets window should now have to entries. After you've added the files your ready to create a link to them. Click on the drop down menu that is marked "URL" scroll down and select Asset then select http://www.html file and folder with the supporting elements.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.RapidWeaver FAQ 5). 7). a . Highlight words that you want to be the link and then click the "Add Link" button at the bottom of the window.41 - .html . To link to your PowePoint file select the page you want to place the link in. 6).

RapidWeaver FAQ the .bsu. 8).edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. In the "Open in:" select new window from the drop down menu. http://www. Then click on "Set Link" button. Copy the HTML code from the window on the right hand of the video.html .htm file that was created when you saved your PowerPoint file.42 - . Log into Youtube and open the video you want to embed. How do I embed a video from an external site? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership 1. Your link is now finished and ready to use.

Switch to Preview mode. How do I preview my site? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership How do I preview my site? http://www.RapidWeaver FAQ 2.If you are comfortable with HTML coding. 3.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. Just replace the blue text with the URL for the source of your video. Go back to the page you want to embed the video into. You should be able to see the video embedded in the page. Paste the HTML code into the edit area. you can embed video from other external sources by following the same procedure.bsu.html .43 - . 4. Below is a sample code that you can copy and paste into your web page.

That will show how the page exactly looks like when published. 3.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. Another way to preview the page is to click on the cog-shape button on the lower left side of the edit window.44 - .bsu. Choose Preview/Safari (or any other web browser) 4.RapidWeaver FAQ 1. 2. The page will be exported to a temporary folder and open in a Safari window http://www. There are two ways to preview the webpage you created.html . The easiest way is to click the Preview button on the top of the edit window.

45 - . Select the theme you wish to use from one of the choices by moving the blue slider to the left. 2).edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.bsu.html .RapidWeaver FAQ How do I change the theme of my site? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership 1). http://www. To change the theme of your site click on the "Theme Views" button on the lower right of your window next to "Publish".

edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.html .46 - .bsu. To see the changes click on the "Preview" tab.RapidWeaver FAQ 3). http://www. How can I use different themes for each page? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership With RapidWeaver you can make pages standout from one another by using a different Page Theme for an individual page.

2. Click "add link" at the bottom of the window. You can choose to have the link open in the current page (replacing the page your viewers are http://www.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. Highlight the text you to be your link. 4. In the Page Inspector window select the 4th tap. HINT: You can access the Page Inspector with the keyboard short cut while pressing the following keys SHIFT + COMMAND + I (letter I) or you can right click with the mouse on a page to access the Page Inspector. To see the change click on the Preview tab. 3. 4.47 - .RapidWeaver FAQ 1. Select the page you wish to apply the Page Theme change in the pages window on the left. HINT: You can copy and past the URL from your browser. 3. 2. How do I create a URL link to an external site or internal page? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership How to create external links 1.html . 5.bsu. the one with the multi colored circle. Click on the page inspector ( "i" ) icon in the lower left corner. Type in the fully qualified URL address for the site/page you wish to link to. Under Page-Specific Theme click on the rectangular bar to select a theme and change it for the specific page you have chosen.

Click on the drop down menu to the left of the area where you would type in the URL to a site and select Page.bsu.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. 5. 2.RapidWeaver FAQ at) or to spawn in a new window that will appear above the current window.html . Click on "Set" to finish. How to create a link to internal page 1. Click "add link" at the bottom of the window. http://www. Click Set. Highlight the text you to be your link. Once you select Page you will see all of the pages and nested pages that you have created in RapidWeaver that you can link to. 4.48 - . 3.

press the "publish" button at the bottom right hand corner. it will prompt you to do so. Once you have connected. Choose "On-campus connection". you should see a timer indicating that you are connected. http://www. and press the "connect" button at the top left hand corner of the screen. open the VPN client.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. In RapidWeaver. Select "OK". 3.49 - .html . If you have not saved your work. 2. If you are connecting via the BSU wireless network use Safari or Firefox to authenticate on the BSU network. This step is for wireless connections only.bsu.RapidWeaver FAQ How do I publish my web site? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership To publish your website you will need to: 1. At the bottom right hand corner.

In the pop-up window. for "Server" name.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.RapidWeaver FAQ 4. 5. http://www.50 - .edu" where username = YOUR BSU username.bsu. Enter your BSU username and password in the boxes indicated.html . enter: "username.iweb.bsu.

http://www. (In other words. If you do not want it to publish the site at the root level of your iWeb account.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. it adds the drag and drop feature to Rapidweaver) 2. If you have Blocks already it will appear in your page type window after you click on the plus sign (in the bottom left hand corner) to add a page. For example. type the folder that you want it to create. in the site path box.bsu.RapidWeaver FAQ 6.iweb. What does the Blocks plugin do and do I already have it? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership What does the Blocks plugin do and do I already have it? 1.bsu. if you enter "website" into this box. Blocks is a page style plugin for RapidWeaver that lets you design freeform layouts for your website.51 - . to view your site you would need to go to http://username.html . Your website will be placed in this folder on the server.edu/website.

bsu. On this page there are instructions on assist with installing and finding support for Blocks. After the Blocks plugin installed window pops up.RapidWeaver FAQ How do I get the Blocks plugin? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership 1. Click open on the Downloads window. This window will appear. The serial number for Blocks is near the bottom of the page. 2. click save to Disk and click OK. 3. make sure you have this before you launch or use Blocks. 4. http://www. Navigate to this link on the BSU Beat Place software page.html . click OK.52 - . Click on the download link near the top of the page to begin downloading.rwplugin icon to install. You will be required to enter in your BSU credentials in order to access the Blocks Plug-in and serial number.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. 5. Double click the Blocks.

Blocks will appear as a page type.) Type in or cut and paste the serial number and click OK.RapidWeaver FAQ 6.bsu.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. (Note: You will need your BSU username and password to gain access to the activation key website. Go to the beatplace website for the serial number. 7. http://www.53 - .html . when you use it for the first time it will need to be registered with the BSU serial number. The next time you start RapidWeaver. However.

How do I use the Block plug in? CTE iStudio RapidWeaver FAQ A CTE iStudio/Portfolio Lab Partnership 1). http://www. The + button is located in the lower left corner. The Blocks edit window appears and shows an empty content area for you to fill with blocks. youʼll notice a small blocks logo in front of Untitled Page 1.bsu. below the list of pages on your site. You now have a Blocks page in your RapidWeaver Web site. Open RapidWeaver and add a new page by clicking the + button.html . Blocks is a page style plugin that is accessed by adding a new page to your Web site.54 - . 2). If the registration was successful.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.RapidWeaver FAQ 8. Choose Blocks from the list and click the Add button.

Move the block to where you like in the content area. The Text button is the left-most button in the toolbar at the bottom of the window.RapidWeaver FAQ 3). Click the Text button.html .55 - . This adds a new empty Styled Text Block to the content area.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq. Using your mouse you can resize the Text block by dragging one of the handles. http://www. 4).bsu.

Preview your site to see how it looks. 8). 6).56 - . The second click puts the the block in editing mode. 9).html . Add an image.bsu. Drag an image from the Finder and drop it into the content area next to the text block. Add some text. click once more on the block. 7). Style your text. Use the options in the Format menu to choose a new style for your text. Click the Preview button at the top of the RapidWeaver window. The first click on a block selects it. Click anywhere outside the block to stop editing the text. To add text. Make it bigger and add some color. Click the Publish button at the top of the RapidWeaver window.edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.RapidWeaver FAQ 5). Use your mouse to select the text. Publish your site and you're done! http://www.

bsu.html .edu/istudio/Rapidweaver/Support/rapidweaver_faq/rapidweaver_faq.RapidWeaver FAQ http://www.57 - .

Sign up to vote on this title
UsefulNot useful