8.1.1 Working environment(1) Toolbar(2) Editor surface(3) Status bar(4) Catalog(5) Properties windowThe toolbar provides important commands for working with the WebVisu editor.The editor area is your workspace. Here you can place and edit texts and graphicsobjects.With a slider you can enlarge or reduce your view.Via Catalog you can access all the WebVisu elements. You can use Drag & Drop to placethem on the Editor surface and adjust them using properties.By enabling ‘View è Properties’ the ‘Properties’ are shown. The properties of theselected element are shown here. You can adjust these if necessary.8.1.2 Creating a WebVisu project1. Start the SPEED7 Studio with your project for the CPU for which a WebVisu projectis to be created.2. If not already done, add a CPU by clicking ‘Add new device’ .3. Click in the ‘Project tree’ at the CPU and select ‘Context menuè Device properties’.ð The ‘Device properties’ of your CPU opens.(1) Toolbar(2) Editor area(3) Status bar(4) Catalog(5) Properties windowAdd WebVisuVIPA System SLIODeployment WebVisu - Web visualizationWebVisu editor > Creating a WebVisu projectHB300 | CPU | 013-CCF0R00 | en | 19-30210