A hyperlink (or link) is a word, group of words, or image that you can click on to take you to a new page or a new section within your website.

Transcription

1 00 Table of Content

2 FORMATTING YOUR WEBPAGE Hyperlinks A hyperlink (or link) is a word, group of words, or image that you can click on to take you to a new page or a new section within your website. In this section we will be going over the following features. Hyperlink Manager Insert Link Custom Link Insert Anchor Remove Link Hyperlink Let s start by adding a hyperlink to the Welcome page. Step 1. Click your mouse so the cursor is at the bottom of the page and then click on the Hyperlink Manager button from the tool bar. 159 Questions? Call (888) or visit

3 FORMATTING YOUR WEBPAGE Step 2. The hyperlink manager will pop up allowing you to create a link. Step 3. Type in the address you want the link to go to under URL. (In this example we are going to create a link to Questions? Call (888) or visit

4 FORMATTING YOUR WEBPAGE Step 4. Under Link Text type the word or phrase you want to use as your link that will display on your website. (For this example let s type the word Google for the link text.) 161 Questions? Call (888) or visit

5 FORMATTING YOUR WEBPAGE Step 5. Under Target click on the drop down menu to select how the link will open from the browser. If your link is going to a page within your website you can select Parent or Same Window. If your link is going to a page that is not within your website select New Window so the link will open in a new window and the visitor does not leave your website. 162 Questions? Call (888) or visit

6 FORMATTING YOUR WEBPAGE Step 6. Under Tooltip type the name or phrase that describes the link. This will display when you roll your mouse over the link. A box will pop up over the link with your description. Step 7. Click Ok when you are finished to add the link to your page. 163 Questions? Call (888) or visit

7 FORMATTING YOUR WEBPAGE Link Let s continue by inserting an Link on the Welcome page. Step 1. Highlight the address at the bottom of the page that we pasted in from the earlier section. Then click on the Hyperlink Manager button from the tool bar. 164 Questions? Call (888) or visit

8 FORMATTING YOUR WEBPAGE Step 2. The Hyperlink Manager will pop up displaying the tab. Type the address in the Address field. Because we highlighted the address in step 1 this automatically adds the text to the Link Text field. If we did not highlight the address you can type in the word or phrase you want to become your link. Step 3. Type a short message under the Subject field describing what the is going to be about. Click Ok to add the link. 165 Questions? Call (888) or visit

9 FORMATTING YOUR WEBPAGE Step 4. The address at the bottom of the page is now a clickable link. 166 Questions? Call (888) or visit

10 FORMATTING YOUR WEBPAGE Custom Link Next let s use the Custom Link drop down menu from the tool bar. This tool allows you to quickly link a word or picture to a page that is already created from within your website. Step 1. Highlight the words Contact us from the Welcome page. 167 Questions? Call (888) or visit

11 FORMATTING YOUR WEBPAGE Step 2. Click on the drop down menu that says Custom Link and select Contact from under Your Site. 168 Questions? Call (888) or visit

12 FORMATTING YOUR WEBPAGE Step 3. After you select contact from the drop down menu the highlighted word is now linked to the contact page on your website. 169 Questions? Call (888) or visit

13 FORMATTING YOUR WEBPAGE Step 4. Use this tool to link other keywords on your home page to relevant pages from within your website. This allows the visitor to easily find and navigate to other pages from within your site. Link the following pages: Our practice to Our Practice page Treatments to the corresponding treatments page Schedule an appointment to the Appointment Request page 170 Questions? Call (888) or visit

14 FORMATTING YOUR WEBPAGE Anchors Step 1. Now let s create an Anchor on the Our Practice page. An anchor allows visitors to jump to a specific place in the current webpage or a specific place on another web page. In this example we are going to link keywords at the top of the Our Practice page to the paragraphs below that relate to each topic. Let s type the following keywords at the top of the Our Practice page. High Standards Education & Prevention Uncompromising Safety Training & Expertise A Positive Experience 171 Questions? Call (888) or visit

15 FORMATTING YOUR WEBPAGE Step 2. Scroll to the bottom of the page and highlight the phrase A Positive Experience. Step 3. Click on the Insert Anchor button from the tool bar. 172 Questions? Call (888) or visit

16 FORMATTING YOUR WEBPAGE Step 4. The Hyperlink Manager will pop up under the anchor tab. Type in the name of the anchor and click Ok. Step 5. Now that the anchor has been created at the bottom of the page we can link it to the top of the page. Highlight the phrase A Positive Experience from the top of the page then click on the Hyperlink Manager button from the tool bar. 173 Questions? Call (888) or visit

17 FORMATTING YOUR WEBPAGE Step 6. The Hyperlink Manager will pop up with the Link Text already filled out from the text we highlighted. Step 7. Click on the drop down menu next to Existing Anchor and select A Positive Experience from the list. Then click Ok. 174 Questions? Call (888) or visit

18 FORMATTING YOUR WEBPAGE Step 8. Now when you click on the link at top of the page it will scroll down to the bottom where we created our anchor. 175 Questions? Call (888) or visit

19 FORMATTING YOUR WEBPAGE Step 9. The page has now scrolled to the bottom where we created our anchor. 176 Questions? Call (888) or visit

20

21 04 Creating and Uploading to your Web Page Chapter 4 - Creating and Uploading to Your Web Page Making your website graphically appealing by adding images, music and videos will help keep your visitor engaged in your website. Having a website that is not only informational but also exciting is the key to success. In this chapter we will be discussing and going over the following features: Uploading & Inserting Images Uploading & Inserting Music Uploading & Inserting Videos Uploading & Inserting Flash Uploading & Inserting Documents 177 Questions? Call (888) or visit

22 Uploading & Inserting Images CREATING AND UPLOADING TO YOUR WEB PAGE Adding images to your website is the easiest way to make your website more appealing. In this section we will be going over the following features: Image Manager Uploading an Image Inserting Images Set Images Properties Let s begin by editing the Meet the Doctor page. If you do not already have a Meet the Doctor page we strongly recommend creating one. (Please see Adding New Pages located in Chapter 1) Step 1. Click into the top part of your page so your cursor is at beginning of your text. 178 Questions? Call (888) or visit

23 CREATING AND UPLOADING TO YOUR WEB PAGE Step 2. Click on the Image Manager button from the tool bar. Step 3. The image manager will pop up showing you the photos you ve uploaded to your website. Currently we have no photos added to the image manager. Click on the Upload button so we can add a photo to the manager. 179 Questions? Call (888) or visit

24 CREATING AND UPLOADING TO YOUR WEB PAGE Step 4. From here click on Select and search your computer for the image you want to upload to your website. The supported file extensions allowed to upload are *.bmp, *.gif, *.jpeg, *.png, *.tiff. Also, the image size must be under 20mb. Step 5. After you have found the image you want to insert click on Upload. 180 Questions? Call (888) or visit

25 CREATING AND UPLOADING TO YOUR WEB PAGE Step 6. The image is now uploaded to the Image Manager. Click on the Insert button to insert the image into the page. Step 7. The image has now been placed in the body of the page. 181 Questions? Call (888) or visit

26 CREATING AND UPLOADING TO YOUR WEB PAGE Step 8. You ll notice that by default the image will automatically push the text to the side and below it. Let s fix that by right clicking on the image and select Properties. Step 9. Properties allow us to tweak the image by adding a border, align the image around the text and give us space between the text and the image. 182 Questions? Call (888) or visit

27 CREATING AND UPLOADING TO YOUR WEB PAGE Step 10. Let s add a border width of 1 and choose Black for border color. 183 Questions? Call (888) or visit

28 CREATING AND UPLOADING TO YOUR WEB PAGE Step 11. Under Image Alignment let s align the image to the right. 184 Questions? Call (888) or visit

29 CREATING AND UPLOADING TO YOUR WEB PAGE Step 12. Let s add 15 to the Top, Bottom, Right and Left Spacing. Then click Ok. Step 13. The image has now been added to the page with a border, spacing around the sides of the image (Horizontal and Vertical Spacing) and the text wrapping around the left side of the picture. 185 Questions? Call (888) or visit

30 Uploading & Inserting Music CREATING AND UPLOADING TO YOUR WEB PAGE When done tastefully, adding music to your website can be a great enhancement. In this section we will be going over the following feature: Media Manager Let s begin by editing the Meet the Doctor page. Step 1. Click into the body of your page so your cursor is at the bottom of your text. 186 Questions? Call (888) or visit

31 CREATING AND UPLOADING TO YOUR WEB PAGE Step 2. Click on the Media Manager button from the tool bar. 187 Questions? Call (888) or visit

32 CREATING AND UPLOADING TO YOUR WEB PAGE Step 3. The Media Manager will pop up showing you the audio you ve uploaded to your website. Currently we have no audio added to the Media Manager. To add a file click on the Upload button. 188 Questions? Call (888) or visit

33 CREATING AND UPLOADING TO YOUR WEB PAGE Step 4. From here click on Select and search your computer for the audio file you want to upload to your website. Here you can upload multiple files at once. The supported filed extensions allowed to upload are *.aif, *.aifc, *.aiff, *.asf, *.asx, *.au, *.avi, *.flv, *.m1v, *.m3u, *.mid, *.midi, *.mov, *.mp2, *.mp3, *.mp4, *.mpa, *.mpe, *.mpeg, *.mpeg2, *.mpeg4, *.mpg, *.mpv2, *.rmi, *.snd, *.wav, *.wax, *.wm, *.wma, *.wmp, *.wmv, *.wmx, *.wvx. Also, the audio must be under 50mb. Step 5. After you have found the audio file you want to insert click on Upload. 189 Questions? Call (888) or visit

34 CREATING AND UPLOADING TO YOUR WEB PAGE Step 6. Once the file has uploaded into the media manager click on the file name you want to embed then click Insert. 190 Questions? Call (888) or visit

35 CREATING AND UPLOADING TO YOUR WEB PAGE Step 7. The audio file has now been placed into the body of the page. Step 8. Use the white boxes around the player to resize it. 191 Questions? Call (888) or visit

36 CREATING AND UPLOADING TO YOUR WEB PAGE Step 9. Click Preview to save your work and test the audio. 192 Questions? Call (888) or visit

37 Uploading & Inserting Video CREATING AND UPLOADING TO YOUR WEB PAGE Adding videos to your website is a great way to share information to your patients. In this section we will be going over the following features. Media Manager Let s begin by editing the Meet the Doctor page. Step 1. Click into the body of your page so your cursor is at the bottom of the page. 193 Questions? Call (888) or visit

38 CREATING AND UPLOADING TO YOUR WEB PAGE Step 2. Click on the Media Manager button from the tool bar. Step 3. The Media Manager will pop up showing you the available files to insert to your website. Currently we have 1 audio file we uploaded from the previous section. Click on the Upload button so we can add a video to the manager. 194 Questions? Call (888) or visit

39 CREATING AND UPLOADING TO YOUR WEB PAGE Step 4. From here click on Select and search your computer for the video file you want to upload to your website. You can upload multiple files at once. The supported file extensions allowed to upload are *.aif, *.aifc, *.aiff, *.asf, *.asx, *.au, *.avi, *.flv, *.m1v, *.m3u, *.mid, *.midi, *.mov, *.mp2, *.mp3, *.mp4, *.mpa, *.mpe, *.mpeg, *.mpeg2, *.mpeg4, *.mpg, *.mpv2, *.rmi, *.snd, *.wav, *.wax, *.wm, *.wma, *.wmp, *.wmv, *.wmx, *.wvx and the video file must be under 50mb. Step 5. After you have found the video file you want to insert click on Upload. 195 Questions? Call (888) or visit

40 CREATING AND UPLOADING TO YOUR WEB PAGE Step 6. Once the file has uploaded it will move into the browse files tab under the media manager. Click on the file name then click Insert. 196 Questions? Call (888) or visit

41 CREATING AND UPLOADING TO YOUR WEB PAGE Step 7. The video file has now been placed into the body of the page. 197 Questions? Call (888) or visit

42 CREATING AND UPLOADING TO YOUR WEB PAGE Step 8. Click on Preview to save your work and test the video. 198 Questions? Call (888) or visit

43 Uploading & Inserting Flash CREATING AND UPLOADING TO YOUR WEB PAGE Adding flash is another great way to enhance the visual appearance of your website. In this section we will be going over the following feature: Flash Manager Let s begin by editing the Meet the Doctor page. Step 1. Click into the body of your page so your cursor is at the bottom of the page. 199 Questions? Call (888) or visit

44 CREATING AND UPLOADING TO YOUR WEB PAGE Step 2. Click on the Flash Manager button from the tool bar. Step 3. The Flash Manager will pop up showing you the available files to insert to your website. Currently we have no flash files uploaded. Click on the Upload button so we can add a flash video to the manager. 200 Questions? Call (888) or visit

45 CREATING AND UPLOADING TO YOUR WEB PAGE Step 4. From here click on Select and search your computer for the video file you want to upload to your website. You can upload multiple files here. The supported file extensions allowed to upload are *.swf and the file must be under 50mb. Step 5. After you have found the flash file you want to insert click on Upload. 201 Questions? Call (888) or visit

46 CREATING AND UPLOADING TO YOUR WEB PAGE Step 6. Once the file has uploaded click on the file name then click Insert. 202 Questions? Call (888) or visit

47 CREATING AND UPLOADING TO YOUR WEB PAGE Step 7. The flash file has now been placed into the body of the page. 203 Questions? Call (888) or visit

48 CREATING AND UPLOADING TO YOUR WEB PAGE Step 8. Click on Preview to save your work and preview the flash file. 204 Questions? Call (888) or visit

49 CREATING AND UPLOADING TO YOUR WEB PAGE Uploading & Inserting Documents Having the ability to upload documents to your website is a great way to add patient s forms or newsletters to your website. In this section we will be going over the following feature: Document Manager Let s begin by editing the Patient Forms or a Custom Blank page. Step 1. Type the name of the document in the body of your page. In this example we are going to type New Patient Form at the bottom of the page. 205 Questions? Call (888) or visit

50 CREATING AND UPLOADING TO YOUR WEB PAGE Step 2. Highlight the text we just typed and click on the Document Manager button the tool bar. from Step 3. The Document Manager will pop up showing you the available files to insert to your website. Currently we have no documents uploaded. Click on the Upload button so we can add a document to the manager. 206 Questions? Call (888) or visit

51 CREATING AND UPLOADING TO YOUR WEB PAGE Step 4. From here click on Select and search your computer for the document you want to upload to your website. You can upload multiple files here. The supported file extensions allowed are *.doc, *.docx, *.pdf, *.ppt, *.txt, *.xls, *.xlsx and the file must be under 20mb. Step 5. After you have found the document you want to insert click on Upload. 207 Questions? Call (888) or visit

52 CREATING AND UPLOADING TO YOUR WEB PAGE Step 6. Click on the file name so it s highlighted then click on new window from the drop down menu under target. 208 Questions? Call (888) or visit

53 CREATING AND UPLOADING TO YOUR WEB PAGE Step 7. Click on Insert to add the document to your page. Step 8. The document has now been added to the text we highlighted and will open in a new window when the visitor clicks on it. 209 Questions? Call (888) or visit

54 CREATING AND UPLOADING TO YOUR WEB PAGE Step 9. Click on Preview to save your work and preview the document. 210 Questions? Call (888) or visit

55

56 05 Fun with Tables Chapter 5 - Fun with Tables Tables are a great way to organize the layout of your website. You can place images and text in rows or columns so your page layout is clean and organized. In this chapter we will be going over the following features. Inserting a Table Inserting Text and Images 211 Questions? Call (888) or visit

57 FUN WITH TABLES Inserting a Table Adding a table to your website is a great way to keep your website clean and organized. In this section we will be going over the following features. Insert Table Step 1. Let s start by adding a Custom Blank Page. Click the Add button the Website Editor menu. next to Blank (Custom Page) under the Page Options tab from 212 Questions? Call (888) or visit

58 FUN WITH TABLES Step 2. Type Meet the Staff for the button name and page title. Step 3. Click into the body so your cursor is at the top of the page. 213 Questions? Call (888) or visit

59 FUN WITH TABLES Step 4. Click on the Insert Table button from the tool bar. Select the 4 x 2 Table. This will create a table with 4 rows and 2 columns. 214 Questions? Call (888) or visit

60 FUN WITH TABLES Step 5. The table has now been inserted into the page and ready to add text and images. 215 Questions? Call (888) or visit

61 FUN WITH TABLES Inserting Text and Images Now that we have created our table from the previous section let s add some text and images to the page. Inserting Text and Images Step 1. Click into the top left cell and let s type a staff bio for each of the cells below. 216 Questions? Call (888) or visit

62 FUN WITH TABLES Step 2. Now click into the cells on the right and insert an image for each staff member. 217 Questions? Call (888) or visit

63 FUN WITH TABLES Step 3. Now that we have added the bio and photo lets format the table by right clicking into any cell within the table and select Set Table Properties. Step 4. The Table Wizard will pop up then click on the Table Properties tab. 218 Questions? Call (888) or visit

64 FUN WITH TABLES Step 5. Let s add 15 to the Cell Spacing field so the text and images have some space in the cells. Then click Ok. 219 Questions? Call (888) or visit

65 FUN WITH TABLES Step 6. Now the images and text are spaced evenly around the table. 220 Questions? Call (888) or visit

66 FUN WITH TABLES Step 7. Click on Preview to save and view your work. 221 Questions? Call (888) or visit

67

68 09 Frequently Asked Questions FAQs Q: I received a letter from the Domain Registry of America saying I need to renew my domain name? I thought ProSites was managing my domain? A: If the top of this letter states in bold This is not a bill this is a solicitation then you do not need to renew your domain with Domain Registry of America. Q: How do I change the phone number that s at the top of my Website in the banner? A: The phone number that appears at the top of your website is pulled from the contact page. To update your phone number simply edit the phone number that s listed as your main contact on the contact page. (See: Chapter 1 -> Website Editor -> Adding New Pages -> Contact Page) Q: Can I track the stats of the visitors to my Website? A: Yes, there are many 3 rd party companies that offer stats and analytics services that can be easily integrate into your Website. We recommend or Just create an account then provide Member Services with the tracking code. Q: Can I integrate my company logo into the Website? A: Yes, Just the logo to your Website Consultant or Member Services Representative. Q: How do I add Google Maps to my Website? A: Find your office location by going to Copy the embed code for your location then follow the instructions in Chapter 6 Advanced Editing. Q: How do I resize my images? A: There are many programs available on the web that allows you to easily resize your photos. We recommend a free solution called Fast Stone Image Viewer which can be downloaded from Questions? Call (888) or visit

69 FREQUENTLY ASKED QUESTIONS Q: How do I add Facebook Social Networking Plug-ins into my Website? A: Go to and choose which kind of plug-in you d like to add. Then follow the instructions from Chapter 6 on Advanced Editing to embed the code in your Website. Q: Can I integrate my blog into my ProSites Website? A: Yes, for a onetime fee we can code your blog into your Website. Contact your Website Consultant or Member Services Representative for more information. Q: How do I save the work I ve done on my site? A: Every time you select the Website Editor button OR the Preview button you will save the work you have done. Your work will only appear on your live site when you press the Publish button. NOTE: Save often! Your session will refresh every half hour which means if you leave a window open with unsaved work you risk losing it. If you have any questions or concerns please feel free to contact Member Services toll free at: (888) Available Weekdays 6am-6pm PST. 256 Questions? Call (888) or visit