RapidWeaverFAQ.org E-Book

Size: px

Start display at page:

Download "RapidWeaverFAQ.org E-Book"

Nathan Small
5 years ago
Views:

1 RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 1 of 274 RapidWeaverFAQ.org E-Book!! How to easily get more out of RapidWeaver! Presented by Cédric Giger!! RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 2 of 274 For a better experience of my E-Book: A few instructions and tips on how to use it (READ ME!) I'm aware that for some of you this may be the first E-Book you buy or bought so here I would like to give you a few instructions on how to get the best out of it. Printing the book If you want you can print this book on paper. However I would not recommend you to do so. First because of the number of pages (choose a two pages per page layout if you do print it) and second because of the updates you're getting. If you want to print it make sure you only print the new chapters when getting an update, don't reprint the entire book every time. I would recommend you to print out the contents table of the E-Book on paper and keep it on your desk. It makes it much easier and faster for you to know what is included in the E-Book and find something you re looking for. Even faster if you just read the main titles first when looking for something. Download a two pages per page version of the contents-index for print by clicking here. Reading the book on your computer To me the best application to read an E-Book on your (Mac) computer is Preview. Not Acrobat Reader. I find Preview much cleaner and graphically better. If your computer opens it in Acrobat select it, hit ctrl+click choose Get Info, or hit Cmd+i, Open with: Preview. If you want all your PDF to open in Preview also hit Change All... The titles and the page numbers of the index you find at the beginning of this E-Book are clickable. Once you click on a title you re automatically taken to the page of interest. If you re reading the book in Preview or any other application you can also search the content hitting Command (Cmd or Apple on older machines) and F. For example Cmd+F Tables. E-Book internal links are always green, external links opening in a browser are always blue In HTML codes posted in this E-Book the parts you have to edit (or can edit if you want) are written in red. You shouldn't have to mind about the other parts. Copy & paste from this book doesn t maintain the formatting. Hence near some HTML codes you will find an orange Download source code link. Hit them to download a.txt file containing the code where the formatting is maintained. Open the files with TextWrangler (freeware): Select the file, ctrl +click on it, choose open with, TextWrangler. This should make it easier for you to edit the codes. The reason I tell you to use TextWrangler is that other text editors (Word, TextEdit,...) may add their own formatting to the codes messing them up and causing them not to work properly anymore. So please download and use TextWrangler. At the bottom of each page you find a green link. If you click on it you will be sent right back to the content table at the top of this E-Book for you to find what you're looking for.

2 RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 3 of 274 The book is divided in ten sections which should make it easier for you to find what you're looking for. I would recommend you to have a look at the section pages since they tell you what other chapters from other sections you may be interested in too. Basically it helps you to get more ideas. Reading the book on an ios device (iphone, ipad, ipod Touch) To read a book on an iphone, ipod Touch or ipad make sure you have the ibooks app installed on your device. Simply drag&drop the book into Books on itunes. When syncing your device in itunes make sure you choose to sync Books. On your device open ibooks, go to PDFs and choose the book you would like to read. All internal and external links also work in the ibooks app (Table of contents too). How do updates work? How do I know if there's a newer version? At the top of each page of my website you will find the current version of the E-Book. If you see that there is a newer version of the book than the one you currently have go to the contact page and fill in the Automatic Update or Fresh Download Link Request form. You will then get an with a link for you to download the latest version of the book. Should you experience any trouble please use the form you find at the bottom of that page and I will get back to you as soon as possible. Whenever a new version is published you will find an announcement on the RapidWeaverFAQ.org Facebook page. All the news are found at the bottom of this page. What if i run into a problem? Please make sure you follow the instructions. If something doesn t work it usually is because people didn t follow the instructions. If you followed the instructions but still something is not working feel free to contact me. If you find any link in this E-Book which is not working as it is supposed to please let me know. Since the web is constantly evolving it may from time to time happen that something is outdated in this E-Book (like when Google changes the way they manage sitemaps,...) if you stumble into such problems please notify me for me to update that part of the book. Thanks! Chapters to read Since I often refer to them in this E-Book you should have a look at the following chapters before you start: - Basic web knowledge base especially the part about What is the root of a server/website? How do I upload a file which is not added directly to RapidWeaver? What will its URL be? - Basic HTML Codes knowledge base to get a general idea on how codes work and how to use them RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 4 of 274 RapidWeaverFAQ.org E-Book Index Foreword! 14 Section 1: Introductory chapters! 15 How can I entirely develop a website in local (on my computer) without having to upload anything to the web?! 16 Basic web knowledge base *! 17 What do I need to build and have a website?! 17 What is a URL?! 17 What is a domain?! 17 What is a registrar?! 17 What is a server?! 17 What is a hosting?! 18 What is an FTP application?! 18 What is a Browser?! 18 Example of FTP, Server, Hosting, Domain, Registrar, Browser! 18 What is the root of a server/website? How do I upload a file which is not added directly to RapidWeaver? What will its URL be? (images,.mp3 files, flash files,.html files,.zip files or any other file...) (READ ME!)! 18 Absolute paths and relative paths (or links)! 19 Basic HTML Codes knowledge base (READ ME!)! 22 Main elements and CSS styling basics! 22 More about stylings! 23 More about codes! 26 Positioning, restraining, adding captions to images or else and more...! 28 Rounded corners in HTML/CSS3! 30 What you have to pay attention to when working with codes! 30 Combining codes (READ ME!)! 31 General tips on building a website! 34 Before you start! 34 Notes about the navigation! 34 How to make your website be successful. Get visitors.! 34 Making money with a website. Advertising. And: Do not overload!! 35 Things to keep in mind! 36 Hosting and FTP applications! 38 Which is the best hosting and what server should I use?! 38 How an FTP application works (basic)! 40

3 RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 5 of 274 Introduction to RapidWeaver (READ ME!) *! 43 What is RapidWeaver?! 43 Important settings in RapidWeaver! 43 Useful in RapidWeaver! 44 How to format text in RapidWeaver! 44 Headings! 46 How to add HTML Codes in RapidWeaver! 46 How to eliminate the sidebar in RapidWeaver! 46 How to add some code to the sidebar in RapidWeaver! 47 How to apply the same footer to all your pages in RapidWeaver! 47 What does the URL of a RapidWeaver page look like and why? How can I change the title displaying in the browser?! 48 More general tips on using RapidWeaver! 48 Publishing! 49 Publishing to a server! 49 Publishing on local! 49 Known issues and general troubleshoot! 50 The changes I made don t display on the web when published! 50 I added some HTML Code to my page but it doesn t work when published! 50 Backup and retrieve a website! 51 How can I backup my website?! 51 How can I retrieve a website from a backup?! 51 My website is still published on the web but I have no RWSW file and no backup of it. How can I get it back into RapidWeaver?! 52 Transfer a website to another computer! 53 Working on two computers! 54 Multiple websites! 57 Managing and editing multiple websites! 57 Publishing to the same server and domain! 57 Publishing to different servers and/or different domains! 58 Useful projects tricks! 58 Two out of one (split) and one out of two (merge) projects! 58 Section 2: Appearance! 59 Background! 60 Setting the background! 60 Having a background-image adapting to the window-size and making it static! 61 RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 6 of 274 Background slideshow! 62 Basic installation instructions! 62 How can I have different slideshows on different pages?! 63 How can I increase the number of images in the slideshow?! 63 How can I decrease the number of images in the slideshow?! 65 How can I increase/decrease the size of the text? Change the font?! 66 If you find your link or font-formatting messed up after you added the slideshow...! 66 Empty blank page! 67 Using a theme! 67 Building a page with codes! 67 Themes! 68 Columns *! 69 Tables! 71 Standard tables! 71 Sortable tables! 73 Section 3: Navigation! 74 Drop down menu! 75 How to add drop down menus to RapidWeaver! 75 Troubleshoot! 77 How to have multiple menus on a site! 78 How to customize the appearance of the drop down menu (Basics) *! 78 Tear down menu! 81 How to add tear down menus to RapidWeaver! 81 Sliding image menu *! 83 Accordion menu *! 90 Image map! 92 Rollover buttons or images! 97 Rollover buttons or images with fade effect! 97 How to have multiple rollover buttons on the same page! 99 Floating menu (or float anything else) *! 100 Redirect! 102 Instant redirect! 102 Redirect with time delay! 102 Anchors! 103

4 RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 7 of 274 What is an Anchor?! 103 How to add Anchors in RapidWeaver! 103 How can I add Back to the top links in RapidWeaver?! 104 Linking to a specific part of the page from another page! 105 Section 4: Text and other content! 106 Custom fonts (Google)! 107 Wrap text around objects *! 109 iframe and Frames (Boxes with scrollbars)! 110 Creating the page which will display in the iframe (if needed)! 110 iframe! 110 iframe a particular part of a page! 111 Making the iframe clickable! 111 One iframe and multiple pages loading in it! 112 How to have a TextBox with scrollbars without using an iframe! 112 Auto-Scrolling text and photos *! 114 Auto-Fading text *! 115 Different tabs with slide effect *! 118 How do I add more tabs or reduce the number of tabs?! 119 How can I have the tabs displaying vertically instead of horizontally at the top?! 120 Mixed contents slideshow *! 121 Toggle, Hide/Display! 123 Simple Hide/Display! 123 Multiple Hide/Display displaying only one at a time! 124 Further notes! 126 Pop up windows! 127 Creating the page which will display in the popup window! 127 How to have image popups! 127 Code to open the popup window! 128 Calendars *! 130 Using ical with PHP icalendar! 130 Using Google calendar! 131 Using Google calendar with ical (with or without an ios Device) (Best solution!)! 133 Google Maps! 134 RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 8 of 274 Section 5: Photos and images! 136 Highslide JS (visual Highslide Editor)! 137 A general way (working for all Highslide effects) *! 137 Shadowbox! 141 SimpleViewer galleries! 146 Auto-Fading photos slideshow *! 147 Having the photos change manually! 149 How can I change the color displaying when the page loads?! 151 How do I prevent the slideshow from stopping on mouseover?! 151 Zoomify! 152 Simple scroll image gallery! 153 Mouseover photo album! 154 CoverFlow and Cover Flow slideshow! 156 CoverFlow slideshow *! 157 Display random photos, text or links (or anything else) *! 160 Random with refresh button! 161 Section 6: Music and audio! 163 Music and audio! 164 General introduction! 164 How to get the music online! 164 HTML5 Audio Player with Playlist (Best!)! 165 Using simple HTML5! 168 JPlayer HTML5! 168 Converting.mp3 to.m4a and.ogg! 169 Using MyFlashFetish! 169 Using a simple Flash player! 170 Using FlashSkins.co.uk! 170 The best Flash based music players! 170 Note about compilations! 171 How to insert a Flashplayer into a page! 171 How to have the music playing on all pages! 171 Sound on mouseover or on click! 172 How can I have multiple sounds playing on a page?! 172

5 RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 9 of 274 Section 7: Video! 174 Movies and Flash content! 175 General introduction! 175 Storing video and Flash files on your server! 175 WMV! 176 QuickTime! 176 FLV! 176 SWF! 177 Real! 177 Flash video player! 177 If the movie results to be in a wrong shape! 179 Embedding videos with HTML5 (Recommended!)! 180 How it would work! 180 How it really works! 181 Currently the best solution! 182 How to convert the videos to the needed formats! 182 YouTube videos! 183 Adding multiple YouTube videos playing in the same area with a menu to choose which video to play! 183 Section 8: Files! 184 Files and downloads! 185 How to offer Downloads in general (works for any file type and any kind of page)! 185 About PDF files! 186 About Microsoft Office files! 186 Using RapidWeaver s download page! 186 Google Docs! 187 Section 9: Social networks and interactivity! 188 Social networks (A): General introduction! 189 Why you should have a look at social networks and what they are good for! 189 The importance of Facebook for business! 189 Social networks (B): Tell a friend (ShareThis, AddToAny) and StumbleUpon! 191 Tell a friend! 191 StumbleUpon! 192 Social networks (C): Facebook and Twitter! 193 RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 10 of 274 How to create a Facebook page! 193 How to create a Facebook application! 193 Facebook Profile Badge (Add to contacts widget)! 193 Facebook Share (Allow people to share a page of your site on their Facebook Wall with one click)! 194 Facebook Page Badge! 195 Facebook Like Box (Become a fan of the website)! 195 Facebook Like Button (For people to like a particular page/post of your website)! 196 Follow me on Twitter button! 196 Twitter Profile Widget (Display your latest tweets on your website)! 196 Send to Twitter link or button (Allow people to share a page of your site on their Twitter with 1 click) *! 197 How to stream your Blog entries to your FB Page s Wall *! 197 How to stream your Blog entries to your Twitter *! 198 How to stream your Facebook Page entries to your Twitter *! 198 Comments (Disqus.com)! 199 Inline comments, having the comments displaying on the page itself! 199 Having the comments displaying in a popup box (FancyBox) instead of having them displaying on the page *! 200 How do I moderate the comments?! 201 Forms! 202 Using third-party Form builders! 202 On PHP enabled servers! 203 Polls! 204 Guestbook! 205 Forum! 207 Using third party services! 207 Installing the forum on your own server! 207 Newsletters! 208 The way I prefer to send out newsletters! 208 Sending out newsletters by ! 208 Google Search Box to search within your own website *! 211 Creating your Search Box! 211 Installing the Search Box on your website! 212 How to see the terms/keywords people are searching for on your website in Google Analytics! 212 Five Star rating system (Tutorial written for HostExcellence but your server may work very similarly) (Bonus Chapter) *! 215 Date and time! 220 Date! 220

6 RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 11 of 274 Time! 222 Countdown time and count-up timer! 223 Section 10: More...! 225 Google and other search engines! 226 How to get your website on Google step by step! 226 What is a robots file? What is it good for? How is it made?! 232 Tracking visitors activity (Statcounter and Google Analytics)! 233 What are the differences between Statcounter and Google Analytics? Which one is the best? Why are they useful?! 233 Statcounter! 233 Google Analytics! 234 Installing Statcounter and Google Analytics! 234 Click counter! 235 Statcounter! 235 Bitly.com! 235 Click counter and download counter! 237 Website for a group! 239 WordPress Blog! 239 PhpBB Forum! 239 Google Docs! 240 MediaWiki! 240 Instant Messaging (IM)! 240 Further general notes! 240 Multilingual websites! 242 To me the best way to have a multilingual website is...! 242 Adding a Translate this page widget to your website! 243 Blogging with RapidWeaver! 244 How to get the RSS Feed for the blog! 244 Blogging with WordPress! 245 What does WordPress allow me to do?! 245 How can I have a WordPress blog?! 245 How do I install WordPress on my own server? And how do I use it?! 246 How to import a RapidWeaver blog into WordPress! 246 The best way to integrate RapidWeaver and WordPress *! 246 Tooltips! 248 RapidWeaverFAQ.org E-book (v.1.5)! by Cédric Giger!!!!!! Page 12 of 274 What are tooltips?! 248 Using MooTools Tips! 248 Using MooTools ToolTips! 250 Standard tooltips! 253 Favicons! 254 How to add a snow effect to your website! 255 How to disable right-click on your website *! 256 About RapidWeaver and mobile devices! 258 Can I update my RapidWeaver website from my mobile device? Perhaps from my iphone?! 258 Do I have to offer a mobile version of my website for mobile devices?! 258 Some general tips on building sites for mobile devices (especially for ios devices: ipad, iphone and ipod Touch) with RapidWeaver! 258 How to detect mobile devices and have them being redirected to the mobile version of your website automatically! 259 E-Commerce and business solutions (How to sell using RapidWeaver)! 261 Using PayPal! 261 Using PayPal! 261 An easy but not safe solution to sell digital products (E-Books, Music,...) with PayPal! 262 How to build a store like (WordPress)! 263 Plugins for RapidWeaver! 263 Booking system solution *! 263 How to add a vcard to your contact page *! 264 Adding your (real life) business to Google Maps! 264 How to protect your website from being hacked *! 266 Who are the hackers and what s their goal?! 266 How do you get to know that your website was hacked?! 266 How to fix it when it happens! 268 How to prevent it (A must do!)! 268 More info! 271 Contact! 272 Legal notes! 273 My projects! 273 Donate (if you'd like to)! 274 * E-Book-only FAQs: FAQs which are not discussed on the website

WEBSITE INSTRUCTIONS. Table of Contents

WEBSITE INSTRUCTIONS. Table of Contents WEBSITE INSTRUCTIONS Table of Contents 1. How to edit your website 2. Kigo Plugin 2.1. Initial Setup 2.2. Data sync 2.3. General 2.4. Property & Search Settings 2.5. Slideshow 2.6. Take me live 2.7. Advanced