Webz Getting Started Manual (v4.4) Getting Started
Contents
1. Webz Getting Started Manual v4 4 Getting Started 1 Logging In 2 Inthe Address Bar of your internet browser type www yoursitename co nz login 3 Enter your email address and password in the appropriate fields Login panel pena Password Reset Password 4 Dashboard pps i Company Info User Details Documentation Terms Content Management Files Administration User List Wizards A CMS Setup Google Setup Version v4 4 Page 1 of 12 Copyright 2011 Webz Development Limited EN Webz Getting Started Manual AWEBZ conz 2 Sep Wizard Go to Wizards and click the CMS Setup Wizard Fa R CMS Setup 2 Press Browse or Choose File depending on what browser you are using 3 Locate your logo on your local computer If you do not have a logo you need to create one it needs to be an appropriate size for your website See Appendix A for more information Setup Wizard tee Set Contact Details Set Postal Address Set Delivery Address Upload Logo Choose File No file chosen Upload Upload Logo Insert your logo here change image iNe 4 Press Upload Your image will then appear in the preview screen below the horizontal line like Setup Wizard Set Contact Details Set Postal Address Set Delivery Address Upload Logo Upload Logo No fle chosen change image Next gt 5 Press Next Version v4 4 Page 2 of 12 Copyright 2011 Webz Development Limi2. Copyright 2011 Webz Development Limited Webz Getting Started Manual 4 Goto Image gt Stretch Skew and the following dialog box will pop up Stretch and Skew Horizontal m Vertical 100 Horizontal Degrees Vertical Degrees 5 Change the Horizontal amp Vertical Stretch values by an equal amount i e 25 for each then press okay If the image is still too large reduce it further until you are happy with the size You can go to Image gt Attributes to see the new width and height dimensions ahlorecaast Leanterprise rev jpg Paint Nature Coasi enterprise Atiributea File lat seed BAS Adi pm Soe ondik S16 7So bytes Riesotubon S00 x M dots per ich wei EP Hae TE Linas Chieh Ea Pools Cai Co Black and white E Colors Note Logos vary in size however a logo would usually be less than 200px in height 6 Go to File gt Save as to save a copy of your image Do not just press save as it will change your original Version v4 4 Page 11 of 12 Copyright 2011 Webz Development Limited EN Webz Getting Started Manual AWEBZ conz Merging Images 1 To merge two images together open the first image in Paint as per the instructions above Go File gt Select All Go to File gt Copy Close the paint window Then open the second image and drag the canvas background to make it bigger Go to File gt Paste The first image will be super imposed over the top of the first image P
3. page title this will also be Page Title Specials the Menu title on your Navigation Bar if tick as Daily Spociale Add to Main Menu Parent Page Sine The Browser title should be similar to or the same as Page Title It will appear in the Group Public Browser Tab Add to Main Menu 3 Page Content List 3 Daily Specials Show on Sitemap S fi testwebz co nz specials preview true Page 7 of 12 Savel evelopment Limited EN Webz Getting Started Manual AWEBZ conz Press Save Refer to user manual for an explanation of all the other page settings including how to search engine optimise SEO your page for Google rankings and Advanced settings Now that you have created the page you can add text images to the page by clicking the edit icon and refer to the Edit Page section above Add Content Once you have saved your information you can publish the page from the next screen by clicking on the Publish Page icon as shown to the left None A Add There are a range of other options available including e Add Content to add more content to page e Delete Draft to remove your recent changes and revert the page back to when it was last Publish Page published e Page Settings to adjust any page settings e Rename Page URL to rename the page Delete Draft See User Manual for more information Page Settings Rename Page URL Remove Page To permanently remove a page go to Co
4. properly compress an image ready for the web you will need photo editing or web software such as Photoshop or Fireworks If you do not have this software and would like the Webz team to make your photos web ready please email us at support webz co nz JPEG e JPEG is the ideal format for photos or images with lots of colours or details When saving a photo as a JPEG it compresses the photo data to enable the website to load it quickly The idea is to lower the quality of the image as much as possible without affecting the look of the image too much e Beware of pixelated edges or random colour distortions in the picture from over compression e Less Data Smaller File Size Faster Download Time e A GIF compression reduces the number of colours in an image to 256 colours or less The idea is to get as few colours as possible in the image without affecting the quality of the image too much e GIF formats are good for solid colour images like logos or illustrations e Fewer Colours Smaller File Size Faster Download Time PNG e PNG is useful for images with transparency or opacity Naming Images Images should not have a space or other symbols in the name Any other naming conventions are allowable For example image 1 gif or image_1 jpg Resizing Images When resizing an image ensure you constrain the dimensions so that the image does not become pixelated Never try to increase the size of an image as this will quickly degrade th
5. d remove any which you do not require see instructions below under Managing Pages For each page in the list the following screen provides Sequence buttons to reorder the pages Page Title to give the page name which will appear on your website navigation Theme indicates which theme style that your web pages rely on View click this button to view each page as a web page Publish if you have made changes to a page a publish icon will appear to indicate that your page is in draft mode and will need to be published for your changes to take effect on the internet e Settings there are a range of page settings available See User Manual for more information e Edit click to edit the information on each page e Remove to remove any unwanted pages see instructions below Page List Public Templates Sequence Page Title View Publish Settings Edit Remove Home Project Template Services Project Template About Us Project Template FAQs Project Template Testimonials Project Template Contact Us Project Template Managing Pages 4 Edit Page To edit the content of a page click the edit icon for the page you intend to edit This will take you into the page and will display any content currently on that particular page A preview of the page is in the Preview Pane below Version v4 4 Page 5 of 12 Copyright 2011 Webz Development Limited Webz Getting Started Manual KA EBZ Page Content Ho
6. e image by making it more pixelated Note There may be some instances where you would un tick the Constrain Properties field in the Image resize dialog box such as when you are compressing the height or width of the image i e Vector Images Version v4 4 Page 9 of 12 Copyright 2011 Webz Development Limited Webz Getting Started Manual PhotoShop In Photoshop you can click on Image and then Image Size You can choose to resize your image by pixel size or by units eg cm The resolution of the image only needs to be 72 pixels inch for the web FireWorks In fireworks either click Modify then Canvas then Image size or open Properties Ctrl F3 and while the image is not selected click Image Size in the Properties window Ensure that you tick the Constrain Properties check box to ensure you do not distort the image Enter the image dimensions you require Paint Paint is a very simple image manipulation tool however we will use it in this example as most Windows PC s come with Paint installed 1 Open Paint by going to the Start menu gt All Programs gt Accessories gt Paint An untitled paint window should open W untitled Paint SEE File Edit Yiew Image Colors Help OY ISINGE OR rr NZL ETETENEETENE a a eee For Help click Help Topics on the Help Menu 3 Maximize the paint window so that you can see the entire image he OM ee Nature e So assegereress Version v4 4 Page 10 of 12
7. me Draft Sequence Content Name Position Edit Privilege Visible Settings Edit Remove 4 TetContent main Content Content Editor View Page Preview Draft Refresh FS vow Professional Websites at Affordable Prices Testimonia Write an effective heading Write an introductory paragraph about your company here about your company and the services you offer and for wh or at least your geographical audi eee Write at least one paragraph about the products or service you from your competition To summarize one approach is to highlight how much col or illustrate a scenario where vou have added value You Now that you have opened the page click the edit icon to edit the content on the page which will open the editor where you can edit the information on the page B ES u ame 66 l 5 Format be E ia ny A y Tod Write an effective heading here Write an introductory paragraph about your company here Start with general information about your company and the services you offer and for whom mention your target audience or at least your geographical audience Write at least one paragraph about the products or services you offer and what differentiates you from your competition To summarize one approach is to highlight how much combined experience your team has or illustrate a scenario where you have added value You may also like to include any guarantees yo
8. ntent Management and click on Pages to display the page list w Back A Control Panel Dashboard Content Management Administration Wizards Fa Pages Tick the check boxes for the page s you intend to delete and then press Delete Pages The HOME page should not be removed Page List Public Templates Sequence Page Tite Theme View Publish Settings Edit Remove t 4 Home Project Template Q 2 H t 4 Services Project Template Q F t 4 About Us Project Template Q4 2 t 4 FAQs Project Template Q A t 4 Testimonials Project Template amp 7 E t 4 Contact Us Project Template 4 F Delete Pages Version v4 4 Page 8 of 12 Copyright 2011 Webz Development Limited Webz Getting Started Manual AWEBZ conz APPENDIX A Prepare Logo Your logo should be in GIF JPG or PNG format and it should be small in size and it should be named something like webz logo png Logo s should be small in dimension usually no more than 400 pixels in width amp 180 pixels in height Image Preparation Instructions Useful Information about Images Images used on a web page must have small file sizes to allow the web page to load fast and to reduce the amount of storage space required on the web server Images must be saved using a compressed file format such as JPEG or GIF formats Optimisation is the process of choosing the best format and compression settings to obtain a balance of file size and quality To
9. osition the images the way you want them by selecting and moving them Go to File gt Save as and save a copy of your new image to somewhere on your computer a ho oe ey Tips for Using Paint The select button is highlighted here it should be used to select amp move an image around on the paint canvas WinZip A trial version of WinZip can be downloaded for free allowing you to compress multiple images to one bundle and upload them all to your website as a group of files See http www winzip com aboutzip htm create for information on zipping up files Version v4 4 Page 12 of 12 Copyright 2011 Webz Development Limited
10. splay to Public check box Setup Wizard Upload Logo Set Contact Details Set Postal Address Set Delivery Address Set Delivery Address Delivery Address 1 1 Home Street Delivery Address 2 Delivery Suburb Delivery City Wellington Delivery Code 6000 Delivery Country New Zealand Display to Public E 11 Press Close Your logo and any contact details where Display to Public has been checked will now display on the internet as a temporary web page until your website is complete See an example here To view this page go to www yoursitename co nz Open this page in a new window so that you can still access your website administration If you want to change any of the information which displays on this page go back to the Setup Wizard by returning to the window with your website administration If you have inadvertently closed this window go back to Logging In at the start of this manual Then go to Wizards in the main menu and click on the drop down CMS Setup Wizard which will appear when you hover your mouse over Wizards q Back om Control Panel Dashboard Content Management Administration Wizards NU CMS Setup Version v4 4 Page 4 of 12 Copyright 2011 Webz Development Limited EN Webz Getting Started Manual AWEBZ conz 3 Website Pages Initially a list of pages have been setup for you These are the most common pages used on a website You can either choose to work with these pages or you can add your own an
11. ted Webz Getting Started Manual 6 Enter your company contact details Some of the fields may already be populated from the signup process Ensure all information is correct and complete the remaining fields 1 The indicates a required field 2 Enter your company slogan if you want it to display on your website below your logo 3 To display these contact details on your website tick the Display to Public check box Setup Wizard Upload Logo aeee Set Postal Address Set Delivery Address Set Contact Details Company Name Webz Development Company Slogan Professional Websites at Affordable Prices Contact Person Webz Manager Company Email info webz co nz Sales Ordering Email sales webz co nz Company Phone 0800932969 Company Mobile Company Fax Display to Public Next gt 7 Press Next 8 Populate the fields with your postal address To display these details on your website tick the Display to Public check box Setup Wizard Upload Logo Set Contact Details a See ei Set Delivery Address Set Postal Address Postal Address 1 PO Box 123 Postal Address 2 Postal Suburb Postal City Wellington Postal Code 6000 Postal Country New Zealand Display to Public 9 Press Next Version v4 4 Page 3 of 12 Copyright 2011 Webz Development Limited x Webz Getting Started Manual AWEBZ conz 10 Populate the fields with your correct Delivery Address To display these details on your website tick the Di
12. u provide Path For help with using the editor refer to the User Manual Version v4 4 Page 6 of 12 Copyright 2011 Webz Development Limited EN Webz Getting Started Manual AWEBZ conz Once you have updated the information on your page press Save and then your page will be in draft mode Preview your changes by pressing Preview Draft and to publish these changes to the internet press Publish Page by following these steps Return to the list of web pages by going to Content Management and clicking on Pages Back A Control Panel Dashboard Content Management Administration Wizards Pages You will then return to your list of list pages New Page Page List Public Templates Sequence Page Title View Publish Settings Edit Home Project Template Services Project Template About Us Project Template FAQs Project Template Testimonials Project Template Contact Us Project Template This screen indicates that the Home page is now in draft mode Press the publish icon to publish the page with your recent changes to the internet Add Page To add a new page to your website press the New Page icon on the top New Page left of the screen io aaa a a O For example we will create a Specials Page Settings j page Enter the page address page URL in lower case with no spaces entering specials will result in www yoursitename co nz specials Fage Settings Page Address URL ecial es penas Enter a Friendly
Download Pdf Manuals
Related Search