Fasthosts Customer Support Website Builder Manual

1y ago
8 Views
2 Downloads
6.11 MB
161 Pages
Last View : 2m ago
Last Download : 2m ago
Upload by : Joanna Keil
Transcription

Fasthosts Customer SupportWebsite Builder ManualThis is a designed as a definitive guide to all the features and tools available within Website Builder .

Customer Support Website Builder ManualContentsIntroduction . 4Adding Content . 5Text .5Adding Text . 5Removing Text. 6Editing Text . 6Formatting a block of Text . 7Creating Links . 8Images .10Best Practices . 10Uploading images . 11Add an Image . 12Additional Image settings . 12Finding the URL of an image you have added . 17Downloadable Files .18Upload a file for visitors to download . 18Add a file . 19Working with Templates . 19Creating a new template .20Editing a template .20Adding a template to a web page .21Themes - Changing the look and feel of your site . 21Colours .21Changing all the colours in a theme . 22Background.23Changing background colour. 24Choose a background Image . 24Adding a two colour background . 25Changing a full screen background image . 25Creating a background pattern or texture . 26Styles .28Changing your websites font . 28Changing Text Styles . 28Changing the style of links. 31Making your links look like buttons . 31Favicons .35Creating a Favicon . 35Uploading your Favicon. 35Editing pages . 37Page Structure .37Editing Rows . 38Reordering Rows . 39Renaming Rows . 39Adding columns . 39Changing the look of a page .41Row styles . 41Column styles . 43Page 2

Customer Support Website Builder ManualPage management . 45Add a new page . 45Page Settings . 46Rename a page . 46Copying a page . 47Remove a page . 48Choosing your home page . 48Choosing what to publish . 49Add javascript to your page . 50Organising your pages (Page Folders) . 51Password protecting pages . 53Page redirects . 54Adding a redirect . 54Removing a redirect . 55Navigation . 56Add a navigation widget to your page . 56Changing the order of pages . 56Create a sub navigation menu . 56Changing the look of your Navigation buttons . 58Creating a Button style menu . 58Ecommerce . 62PayPal. 62Using the widget the first time . 62Add to cart . 62Cart . 63Buy now . 64Changing your PayPal account. 65Social . 66Flickr . 66Twitter . 68Twitter Widget. 68Add a tweet . 69Facebook . 70Like . 70Google . 73Social Bookmarking . 73Add ons and Widgets . 74Comments . 74Forms . 81Creating a new form . 81Date Picker . 83Star rating . 84Text Box . 84Text Area . 84Select box (Drop Down Menu) . 85Example Form . 85Changing the look of a form . 94Testing a form . 103Exporting completed forms . 104Adding Video . 105Page 3

Customer Support Website Builder ManualAdding Flash .106Site search .108Embed .109Carousel .110RSS Feed .112Google Maps .114Slideshow .115SEO, Sitemaps and Google Analytics . 117Sitemap.117SEO – Optimise your site.118Google SiteMaps . 118SEO Settings . 118Google analytics .120Google AdSense .121Creating your mobile site . 122Structure of a Mobile web page .123Adding company details .124Adding your Company Logo . 124Adding your company name .125Page management .126Add a new page . 126Page Settings . 127Changing the look and feel of your site .130Colours . 130Background . 132Adding content .136Text . 136Images . 137Importing Content . 138Previewing your site .140Widgets .141Adding Widgets . 141Customising Widgets . 142Types of Widgets . 142Index . 152IntroductionWebsite Builder is a powerful and feature rich application that allows you to create websiteswithout the need to learn the HTML language or web design skills. It comes with ready-madetemplates that can be modified with text or images, allowing you to create a website that suitsyour needs. Website Builder is offered in three packages, you can upgrade these at any time.Page 4

Customer Support Website Builder ManualAdding ContentTextClick a block of text to open the text options.1Settings Button:123Click this to openthe text box for555editing.52Drag Handle: Usethis to drag theText to a differentrow.3454555Delete Button: Remove the text block from your web page.Text Box: Double click to edit the content or style of this text box.Drag Boxes: Drag these to alter the size and the shape of your text box.Adding TextNote: Some software (such as Microsoft word) will add hidden formatting code toyour text. If want to copy and paste text into your website, make sure that you“Paste as Plain Text”.Page 55

Customer Support Website Builder ManualTo add new text, Drag theText block widget to thearea on your website thatyou would like to enteryour text.A new text box will appearwhere you dropped it, Youcan still move this text box,or resize it by dragging theedges of the box to fit yourneeds.Removing TextClick the text you want to remove. Anoptions menu will appear above the text.Click the Red Cross.You will be asked to confirm you want toremove the text, click Confirm to deleteyour text.Editing TextClick the text you want to remove. Anoptions menu will appear above the text.Click the cog to open the editing options.Enter your text in the box.Page 6

Customer Support Website Builder ManualFormatting a block of TextQuick tip: This will show you how to change one block of text. To change thestyles of text across your site please see Font Sets, and Font Styles.Step 1Double click the text you would like to format.Step 2Select the text you want to re-format and choose how you would like to re-format your text.11234Styles: Choose a theme style for your text. This is useful to preserve a single feelacross your website. Our chapter on font styles will show how to edit or create newfont styles on your website.Page 7

Customer Support Website Builder Manual234Formatting tool: Adjust the font, size and style of your text.Justify Text: Choose how to align your text within the text box.Lists: Turn your selected text into an ordered or unordered list (bullet points).Creating LinksStep 1Double click the text box and select the text you want to turn into a link.Step 2Click the Add Link button.Page 8

Customer Support Website Builder ManualAdd a link to another page on your websiteStep 3In the Internal drop down menu, selectthe web page you want to link to3Step 4Click Save Link.4Add a link to another locationStep 3Enter the URL you want to link to in theaddress box provided.Step 4Choose if you want the target link to3open in a new window, or in an existingwindow.45Generally, it’s better to open externallinks in a new window so that visitorscan remain on your site.Step 5Click Save Link.Page 9

Customer Support Website Builder ManualImagesClick an Image to open the image options.1Replace Image: Replace12345this image with another6you have alreadyuploaded.2Settings button: Clickthis where you can addlinks, alt tag, title tag,rollover or lightbox to animage.3Resize Image: Reset your image to its original size.Drag Handle: Drag an image to a different row.456Delete button: Remove the image from your website.Drag Boxes: Drag these to alter the size and the shape of your image.Best PracticesImages are important on a website, however large images (in file size, rather than area) canslow your website down and use up your visitors data transfer quotas (if they have any).When you add an image to your website you should always look at reducing the file size of theimage before you upload it. There are two main ways of reducing an images file size:Page 10

Customer Support Website Builder Manual How large is the image? Reduce the image to the size that you need it. What quality do you need? A camera may take a high resolution photo, but yourvisitors will not need that level of details, and their screens may not be able to displaythat much detail. You can reduce the quality of photographs without any reduction tothe quality of your visitors experience.While many photo and image editing software will be able to do this for you. If you don’t haveaccess to any existing software, there are still plenty of free alternatives (such ashttp://webresizer.com/resizer/) available online.Important: http://webresizer.com is a third party website with no affiliationwith Fasthosts.Uploading imagesStep 1Click in the Media tab in the left handside of the page, then click Add.Step 2Browse to the image you would like toadd and click Open.Page 11

Customer Support Website Builder ManualAdd an ImageOnce your image islisted, simply drag it tothe location you wantit on your website.You can move or resizethe image by draggingthe edges of the box tofit your needs.Additional Image settingsThere are a number of additional options you can create with images. These are availablewithin the image settings panel.Step 1Click on your image.Step 2Click the Image Settings cog.Page 12

Customer Support Website Builder ManualLocking the image aspect ratioLocking the aspect ratio will stop your image beingdistorted if you are resizing it. To lock the aspect ratio,click the Padlock.Shows that the aspect ratio is unlocked. Theheight and width of your image can be changedindependently of each other.Shows that the aspect ratio is locked. Changingthe height of the image will affect the width ofthe image and vice versa.Adding image tags1Alt Tag: Enter an alternativedescription of your image. This tag is1used by speech reading devices, andbrowsers that are unable to display2your image.2Title Tag: Used to give your image a title, this may be displayed in Search Engines.Adding a rollover imageA rollover image can add movement to your site. To add a rollover image simply drag theimage onto the rollover pane.Page 13

Customer Support Website Builder ManualIn this example, the rollover image is lighter to the image used, but otherwise identical. Youcan test your rollover image in the preview screen.Standard ImageImage RolloverAdding a lightboxA lightbox allows customers to view a high resolution image if they want, without having itdownload on your web page by default. To add a lightbox image simply drag the image ontothe rollover pane.Page 14

Customer Support Website Builder ManualThe image you add to the lightbox should be a large, high resolution version of the image youare editing. You can test your lightbox in Preview Mode.Image LinksYou can add links to images within the Image settingspanel.Step 1Click the Add button to open the new links tool.Add a link to another page on your websiteStep 2In the Internal drop down menu, selectthe web page you want to link to2Step 3Click Save Link.3Page 15

Customer Support Website Builder ManualAdd a link to another locationStep 2Enter the URL you want to link to in theaddress box provided.Step 32Choose if you want the target link toopen in a new window, or in an existingwindow.34Generally, it’s better to open externallinks in a new window so that visitorscan remain on your site.Step 4Click Save Link.“No Follow”The no follow attribute tells search engines not to follow the links from your image whenranking your site. Setting the Link as No Follow shows that the link related to an unendorseddocument, or a paid for y toggle the no follow setting on and off to change theattribute in your image links.Page 16

Customer Support Website Builder ManualOptimizing loading speedsIf your webpage is large and contains many images, you can improve performance by changingthe way your images load. Asynchronous Loading has two settings. Off: All the images on your web page will load atthe same time. On: Images will load as visitors try and view themby scrolling down the screen.Finding the URL of an image you have addedFrom time to time you may need to find the URL of an image you have uploaded (if you wantto link to it from another site for example).Step 1Click Media, then hover over the image youwant the URL for. An Information icon willappear, click this.The image URL will be displayed, you can copythis link for use elsewhere.Page 17

Customer Support Website Builder ManualDownloadable FilesUpload a file for visitors to downloadYou can upload the following file types for visitors to download on your site.Documents:'pdf', 'doc', 'docx', 'xls', 'xlsx', 'txt', 'ppt', 'pps', 'pptx',Media:'mp3', 'aac', 'ogg', 'wma', 'mp4', 'm4v', 'm4a', 'm4b', 'aiff', 'mo

Customer Support Website Builder Manual Page 8 Creating Links Step 1 Double click the text box and select the text you want to turn into a link. Step 2 Click the Add Link button. Formatting tool: Adjust the font, size and style of your text. Justify Text: Choose how to align your text within the text box. Lists: Turn your selected text into an ordered or unordered list (bullet points).

Related Documents:

Customer Support Transferring Hosting To Fasthosts Page 6 Other Services There may be other services such as databases that you currently have set up that you also wish to transfer to your new hosting account.

Which version of Website Builder do I have? We support two versions of Website Builder: version 6 and version 7. Here's how to see which version you have. 1. Log in to your account. 2. In your Products list click Website Builder, and then click Manage next to the account you want to use. 3. The Website Builder name appears in the upper left of .

Website Builder 6 Help Guide 1 . Website Builder 6 Help Guide . Website Builder 6 is a legacy product and is no longer sold. This guide contains archived Help content for Website Builder 6 to help answer questions. However, it's no longer being updated as of March 2020. .

A. Search for Faculty Web Sites Created in Website Builder 2 B. Website Builder Login 2 C. User Settings 2 D. General Features and Editing Functions 3 E. Specific Information about the Modules 6 F. Publishing Your Web Site 7 G. Helpful URLs for Using Website Builder 8 Center for Faculty Development Website Builder

Company Website Builder 3.x.x Part I: Introduction What is Company Website Builder? Company Website Builder is a powerful, but simple to use, Content Management System that helps you build and maintain your company website. It is easy to install and manage and allows you to update your web pages online itself. With Company Website Manager,

Body Builder Harness Body Builder Harness with Auxiliary Switch Overlay (Dash), VN W3035627 1 Dual power take off (PTO), Switch 2 Body Builder Module (BBM) Electronic Control Unit (ECU) 3 Splice Pack (5K141B) 4 Main Cab (OPT5) 5 Main Cab (OPT1587) 6 Main Cab (MCBB) 7 Body Builder Connector # 4 (203D.A) 8 Body Builder Connector # 3 (203C.A)

Skill Builder One 51 Skill Builder Two 57 Skill Builder Three 65 Elementary Algebra Skill Builder Four 71 Skill Builder Five 77 Skill Builder Six 84 . classified in the Mathematics Test (see chart, page v). The 60 test questions reflect an appropriate balance of content and skills (low, middle, and high difficulty) and range of performance.

Both of the human genes involved have been cloned and gene therapy is of potential use in the treatment of both diseases. Cystic fibrosis is due to a mutation in a gene that codes for a chloride channel protein in the cell membranes of epithelial cells. This protein regulates the secretion of chloride ions from the epithelial cells. If the