Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

WYSIWYG Web Builder 8.0 User Guide by Pablo Copyright ©2011 Pablo Software Solu

WYSIWYG Web Builder 8.0 User Guide by Pablo Copyright ©2011 Pablo Software Solutions. All rights reserved. WYSIWYG Web Builder 8.0 Pablo Software Solutions ii Table of contents TABLE OF CONTENTS .............................................................................................................................. II WYSIWYG WEB BUILDER 8.0 .................................................................................................................. 6 INTRODUCTION ............................................................................................................................................ 6 GETTING STARTED, A QUICK INTRODUCTION ....................................................................................................... 8 How is WYSIWYG Web Builder different from a regular HTML editor? .............................................. 8 Start Web Builder ................................................................................................................................ 9 Adding text to the page .................................................................................................................... 13 Adding an image to a web page ....................................................................................................... 14 Rotate an image................................................................................................................................ 15 Apply effects to an image ................................................................................................................. 15 Adding other objects to the page ...................................................................................................... 15 Linking your pages together (Creating hyperlinks) ........................................................................... 16 Saving your web site ......................................................................................................................... 16 Preview a page .................................................................................................................................. 17 Publishing your web pages ............................................................................................................... 18 What’s next? ..................................................................................................................................... 19 THE WYSIWYG WEB BUILDER MENU ........................................................................................................... 20 File Menu .......................................................................................................................................... 20 Edit Menu .......................................................................................................................................... 22 View Menu ........................................................................................................................................ 25 Page Menu ........................................................................................................................................ 27 Insert Menu ....................................................................................................................................... 41 Format Menu .................................................................................................................................... 42 Table Menu ....................................................................................................................................... 45 Arrange Menu ................................................................................................................................... 47 Tools Menu ....................................................................................................................................... 51 WYSIWYG Web Builder Objects ........................................................................................................ 65 Style .................................................................................................................................................. 68 Bookmark .......................................................................................................................................... 70 Bulleted List ....................................................................................................................................... 71 Horizontal Line .................................................................................................................................. 72 Image ................................................................................................................................................ 73 Marquee............................................................................................................................................ 78 Marquee............................................................................................................................................ 78 Text ................................................................................................................................................... 79 Form Wizard ..................................................................................................................................... 81 Form .................................................................................................................................................. 84 WYSIWYG Web Builder 8.0 Pablo Software Solutions iii Advanced Button ............................................................................................................................... 90 CAPTCHA ........................................................................................................................................... 92 Checkbox ........................................................................................................................................... 94 Combobox ......................................................................................................................................... 95 Editbox .............................................................................................................................................. 97 File Upload ........................................................................................................................................ 99 Image Button .................................................................................................................................. 100 Push Button ..................................................................................................................................... 101 Radio button ................................................................................................................................... 102 TextArea .......................................................................................................................................... 103 ActiveX ............................................................................................................................................ 105 File Publisher ................................................................................................................................... 106 Flash ................................................................................................................................................ 107 Flash Video Player ........................................................................................................................... 109 HTML ............................................................................................................................................... 111 Java ................................................................................................................................................. 113 Inline Frame .................................................................................................................................... 114 Layer ............................................................................................................................................... 115 Master Page .................................................................................................................................... 118 Content Place Holder ...................................................................................................................... 120 Master Frames ................................................................................................................................ 120 Embedded OLE Object ..................................................................................................................... 122 QuickTime ....................................................................................................................................... 123 Real Player ...................................................................................................................................... 124 Media Player ................................................................................................................................... 126 You Tube ......................................................................................................................................... 127 CSS Menu ........................................................................................................................................ 128 Go Menu ......................................................................................................................................... 129 Mega Menu ..................................................................................................................................... 130 Menu Bar ........................................................................................................................................ 132 Navigation bar ................................................................................................................................ 134 SiteTree ........................................................................................................................................... 136 Tab Menu ........................................................................................................................................ 137 Text Menu ....................................................................................................................................... 138 Banner ............................................................................................................................................. 140 ClipArt ............................................................................................................................................. 142 Curve ............................................................................................................................................... 143 Curved Text ..................................................................................................................................... 144 WYSIWYG Web Builder 8.0 Pablo Software Solutions iv Line .................................................................................................................................................. 145 Polygon ........................................................................................................................................... 147 Scribble ............................................................................................................................................ 148 Shape .............................................................................................................................................. 149 Blog ................................................................................................................................................. 152 Carousel .......................................................................................................................................... 153 Image Map ...................................................................................................................................... 155 Photo Gallery .................................................................................................................................. 157 Ready to use Java Scripts ................................................................................................................ 160 Rollover image ................................................................................................................................ 161 Rollover Text ................................................................................................................................... 162 RSS Feed .......................................................................................................................................... 163 News Feed Ticker ............................................................................................................................ 165 Slide Show ....................................................................................................................................... 167 Site Search ....................................................................................................................................... 168 PayPal eCommerce Tools ................................................................................................................ 170 PHP Login Tools ............................................................................................................................... 175 Content Management System ........................................................................................................ 189 CMS Database ................................................................................................................................. 190 CMS Admin ...................................................................................................................................... 192 CMS Label ....................................................................................................................................... 197 CMS Menu ....................................................................................................................................... 198 CMS Search ..................................................................................................................................... 199 CMS View ........................................................................................................................................ 200 jQuery Accordion ............................................................................................................................. 201 jQuery Auto Complete ..................................................................................................................... 202 jQuery Button .................................................................................................................................. 203 jQuery DatePicker ........................................................................................................................... 204 jQuery Dialog .................................................................................................................................. 205 jQuery Tabs ..................................................................................................................................... 207 jQuery Tabs ..................................................................................................................................... 207 jQuery Progressbar ......................................................................................................................... 208 jQuery Slider .................................................................................................................................... 209 PUBLISH YOUR WEBSITE ............................................................................................................................. 211 LINKS ..................................................................................................................................................... 214 SITE MANAGER ........................................................................................................................................ 219 OBJECT MANAGER .................................................................................................................................... 223 PROPERTIES INSPECTOR ............................................................................................................................. 225 STYLE MANAGER ...................................................................................................................................... 226 GRADIENT STYLE MANAGER ....................................................................................................................... 226 WYSIWYG Web Builder 8.0 Pablo Software Solutions v EVENTS ................................................................................................................................................... 227 FORM VALIDATION ................................................................................................................................... 229 GDI+ INFORMATION ................................................................................................................................. 232 CUSTOMIZING WYSIWYG WEB BUILDER ..................................................................................................... 233 CREATING NEWSLETTERS ............................................................................................................................ 235 INDEX ................................................................................................................................................ 236 WYSIWYG Web Builder 8.0 Pablo Software Solutions vi WYSIWYG Web Builder 8.0 Introduction WYSIWYG Web Builder 8 is a WYSIWYG program used to create complete web sites. What-You-See-Is- What-You-Get (WYSIWYG) means that all elements of the page will be displayed on the exact same position (fixed layout) as in the designer unlike fluid (dynamic) layouts (generated by traditional HTML editors) where the position of objects depends on the position and size of the objects surrounding it. WYSIWYG Web Builder generates HTML (Hypertext Markup Language) or XHTML tags while you point and click on available functions; you can create a web page without learning HTML. Just drag and drop objects to the page position them 'anywhere' you want and when you're finished publish it to your web server (using the build in Publish tool). WYSIWYG Web Builder gives you full control over the content and layout of your web pages. A Web Builder project file can hold multiple web pages, so you can easily manage all your pages from within one file. Key Features:  Drag & drop of HTML objects: Text, Lines, Images, Marquees, Tables and much more!  HTML, XHTML or HTML5 output.  Supports many CSS3 features: box-shadow, opacity, rounded corners etc.  Site Management. Easily add, edit, clone and structure your web pages.  Form wizard; create forms in less than 4 steps plus many Ready-to-use Forms!  Supports all common form controls: Editbox, TextArea, Checkbox, Radiobutton, Combobox, Button and File upload.  Form validation tools for most form elements.  Built-in CAPTCHA for PHP forms.  Many Shape objects (Rectangle, Round Rect, Ellipse, Hexagon, Octagon, Arrows, Signs, Stars, Talk Bubbles and more) with many fill effects such as solid, gradients patterns and glass.  Support for YouTube, JAVA, Flash, HTML5 Audio/Video, Flash Video (FLV), Quicktime, Real Audio and other Plug-Ins.  Build-in banner creator.  Rollover images and Slide Show images (with many transition animations).  Rollover Text, displays a text banner over image on mouse over. Includes cool slide and fade effects.  Photo gallery object with photo frames and built-in light box slideshow support.  Many cool Ready-to-use Java scripts.  Navigation bar, Text Menu, Mega Menu, Tab Menu, Slide Menu, SiteTree and Menu bar.  Bulleted Lists (Circle, Disc, Square, Numeric, Alpha, Roman and custom images).  Image maps  Import existing HTML pages.  Customize hyperlink colors/format using cascading style sheets CSS).  Template support. Already more than 100 free templates available!  Publish your entire web site, a single page or a group of pages in one action (to local drive or a web server).  Master page object and Master Frames. This allows you to re-use objects from other pages.  Layer Object for advanced layout possibilities  Free angle rotation for shapes and images  Table support.  Properties Inspector window for quick object manipulation.  Ability to group/ungroup objects  Image tools: Contrast, Brightness, Flip, Rotate, Resample, Hue/saturation, Stencils and Crop.  Image effects: Grayscale, Negative, Sepia, Blur, Soften, Sharpen, Noise, Emboss and more!  Drawing tools: Line, Line + Arrows, Scribble, Polygon, Curve and Closed Curve. WYSIWYG Web Builder 8.0 Pablo Software Solutions 7  Implement Events for Images, Shapes and form controls!  Image reflection effect and the ability to add shadow to images.  RSS Feed and built-in Blog tool.  PHP Login Tools/Page Protection.  Basic Content Management System functionality.  Gradient Style Manager to add/edit and remove global (multi color) gradients effects.  PayPal eCommerce Tools. The PayPal eCommerce Tools are the quickest and easiest way to add eCommerce to your web site!  Popup window support for links (with optinal position, size, toolbar, statusbar, scrollbars etc.)  Smart links; link to the next, previous, parent or child page. Sitemap generator.  Built-in FTP Client to manage your online files. The 'Explore' button in publish settings give you access to your published files.  Built-in jQuery support: Accordion, Tabs, Dialog, Date picker, Auto complete, animations etc!!!  Site Search  Image watermark tool  Carousel functionality  Built-in support for Flickr/MySpace/Picasa photo galleries.  News feed ticker object to integrate RSS feeds, Twitter, MySpace, Flickr, Facebook etc.  and much more… WYSIWYG Web Builder 8.0 Pablo Software Solutions 8 Getting started, a quick introduction WYSIWYG Web Builder is a Web site building tool that helps you design and build full-featured Web sites without having to learn HTML. When you preview or publish a page, Web Builder automatically generates the HTML code your Web browser needs to display pages. This chapter helps you get started in a few simple steps. You can find more details about each item elsewhere in this document. How is WYSIWYG Web Builder different from a regular HTML editor? The idea behind this application is to hide HTML from the user. WYSIWYG Web Builder is not an HTML editor, but an HTML generator. You don't even have to know there is HTML involved. Just drag & drop images, text and other objects on your page and your page is ready to be published! You can think of it as a Desktop Publishing tool for websites. Web Builder does not edit the HTML directly, but it uses its own file format (.wbs) to store the information of the website. You can even store your complete website into one single file! By not using HTML internally, Web Builder can do much more than just generate standard HTML objects: it supports shapes, drawings, navigation bars, RSS feeds, blogs, photo galleries, ready to use JavaScript’s and much more advanced objects. Tip: To export your pages to HTML you should use the built-in publish uploads/s3/ wb8-user-guide.pdf