2009-08-19T09:33:27+02:00 62788 5436 53869 false false false true 106820 3 1 2009-09-01T14:20:22+02:00 Rien 3618511 2009-09-01T14:20:22+02:00 <p>^{Available in: Pro account}</p> <p>&nbsp;</p> <p class="vspace">The Viewbook Pro account supports the creation of complete custom websites with navigation menus, album, text and collection formats, different lay outs, video embeds and more.</p> <p class="vspace"><strong>Note:</strong> before you start creating websites learn more about the <a href="/forums/62788/entries">Viewbook Manager, Album and Page creation first</a>.</p> <p class="vspace"><span style="font-size:120%"><br />Interactive tutorial</span></p> <p class="vspace">Follow the interactive tutorial to create your first website. Click the image below to get started.</p> <p><a href="http://www.viewbook.com/tutorials/website/" target="_blank"><img src="http://www.viewbook.com/tutorials/website/website_tutorial_start.png" border="0" /></a></p> <p class="vspace">&nbsp;</p> <p class="vspace"><span style="font-size:120%">Introduction</span></p> <p class="vspace"><strong>The basic principle of websites in Viewbook</strong><br />Before creating your first website it's good to understand the very basic principle of website creation with Viewbook:</p> <ol> <li>A website is a collection of Pages </li> <li>A navigation menu links those Pages together </li> </ol> <p class="vspace">A website is created by adding individual Pages to a 'Website' folder. By doing this the navigation menu is created automatically and the pages are linked together.</p> <p class="vspace"><strong>Presets</strong><br />Pages in your website are created with a modular system, whereby each individual Page can have it's own format, styles and lay out. However within a website you want to have consistency of style and lay out between each individual Page. To make this easier you can save the styles and lay out of a Page to a custom 'Preset'. If you later create a new Page you can apply this Preset, so your new Page becomes exactly the same styles and layout.</p> <p class="vspace"><span style="font-size:120%">Create a website</span></p> <p class="vspace">1. <strong>Create several Albums</strong>. First create several Albums. In the next steps you will use those Albums in your website. Not sure how to create albums read the<a href="/forums/62788/entries/53866"> albums tutorial here</a>.</p> <p class="vspace">2. <strong>Make a new Website</strong>. Click the 'New' button in the toolbar, and choose 'Website'. To edit the name simply click on the name of the new created 'Untitled' website, enter the new name for your website and hit the Return key.</p> <p class="vspace">3. <strong>Choose a format</strong>. You can choose from one of the available formats. The 'Album' format displays an Album on your webpage. With the 'Collection' format you can create collections of Albums. And the 'Text' format is for creating text pages and video embedding.</p> <p class="vspace">4. <strong>Edit the menu name</strong>. The name of your Page is the same in the navigation menu. Click on the name of the new created 'Untitled' Page, enter the new name for your Page and hit the Return key.</p> <p class="vspace">5. <strong>Add your content</strong>. If you choose an Album or Collection format, the next step is to drag &amp; drop your Albums on to your Page. Click any of your albums, hold down your mouse button and drag the album into your page. Repeat this for any album you want to add to your page. If you choose a Text format enter your Text.</p> <p class="vspace">6. <strong>Style your Page</strong>. Use any of the lay out and style options, add your logo, to make the Page your own. If you're ready save your Page as a Preset.</p> <p class="vspace">7. <strong>Add more Pages</strong>. Repeat the steps 2 to 5. Apply the saved Preset to your new Pages.</p> <p class="vspace">8. <strong>Reorder menu items</strong>. To reorder the Pages in your menu, click the page and just drag &amp; drop the Page to the desired position.</p> <p class="vspace">&nbsp;</p> <p class="vspace"><span style="font-size:120%">Examples</span></p> <p class="vspace">Get inspired, see many <a href="http://www.viewbook.com/examples/">examples here</a>.</p> <p>^{Available in: Pro account}</p> <p>&nbsp;</p> <p class="vspace">The Viewbook Pro account supports the creation of complete custom websites with navigation menus, album, text and collection formats, different lay outs, video embeds and more.</p> <p class="vspace"><strong>Note:</strong> before you start creating websites learn more about the <a href="/forums/62788/entries">Viewbook Manager, Album and Page creation first</a>.</p> <p class="vspace"><span style="font-size:120%"><br />Interactive tutorial</span></p> <p class="vspace">Follow the interactive tutorial to create your first website. Click the image below to get started.</p> <p><a href="http://www.viewbook.com/tutorials/website/" target="_blank"><img src="http://www.viewbook.com/tutorials/website/website_tutorial_start.png" border="0" /></a></p> <p class="vspace">&nbsp;</p> <p class="vspace"><span style="font-size:120%">Introduction</span></p> <p class="vspace"><strong>The basic principle of websites in Viewbook</strong><br />Before creating your first website it's good to understand the very basic principle of website creation with Viewbook:</p> <ol> <li>A website is a collection of Pages </li> <li>A navigation menu links those Pages together </li> </ol> <p class="vspace">A website is created by adding individual Pages to a 'Website' folder. By doing this the navigation menu is created automatically and the pages are linked together.</p> <p class="vspace"><strong>Presets</strong><br />Pages in your website are created with a modular system, whereby each individual Page can have it's own format, styles and lay out. However within a website you want to have consistency of style and lay out between each individual Page. To make this easier you can save the styles and lay out of a Page to a custom 'Preset'. If you later create a new Page you can apply this Preset, so your new Page becomes exactly the same styles and layout.</p> <p class="vspace"><span style="font-size:120%">Create a website</span></p> <p class="vspace">1. <strong>Create several Albums</strong>. First create several Albums. In the next steps you will use those Albums in your website. Not sure how to create albums read the<a href="/forums/62788/entries/53866"> albums tutorial here</a>.</p> <p class="vspace">2. <strong>Make a new Website</strong>. Click the 'New' button in the toolbar, and choose 'Website'. To edit the name simply click on the name of the new created 'Untitled' website, enter the new name for your website and hit the Return key.</p> <p class="vspace">3. <strong>Choose a format</strong>. You can choose from one of the available formats. The 'Album' format displays an Album on your webpage. With the 'Collection' format you can create collections of Albums. And the 'Text' format is for creating text pages and video embedding.</p> <p class="vspace">4. <strong>Edit the menu name</strong>. The name of your Page is the same in the navigation menu. Click on the name of the new created 'Untitled' Page, enter the new name for your Page and hit the Return key.</p> <p class="vspace">5. <strong>Add your content</strong>. If you choose an Album or Collection format, the next step is to drag & drop your Albums on to your Page. Click any of your albums, hold down your mouse button and drag the album into your page. Repeat this for any album you want to add to your page. If you choose a Text format enter your Text.</p> <p class="vspace">6. <strong>Style your Page</strong>. Use any of the lay out and style options, add your logo, to make the Page your own. If you're ready save your Page as a Preset.</p> <p class="vspace">7. <strong>Add more Pages</strong>. Repeat the steps 2 to 5. Apply the saved Preset to your new Pages.</p> <p class="vspace">8. <strong>Reorder menu items</strong>. To reorder the Pages in your menu, click the page and just drag & drop the Page to the desired position.</p> <p class="vspace">&nbsp;</p> <p class="vspace"><span style="font-size:120%">Examples</span></p> <p class="vspace">Get inspired, see many <a href="http://www.viewbook.com/examples/">examples here</a>.</p> 2009-08-19T09:33:27+02:00 53869 62788 106820 2009-09-01T14:20:22+02:00 3618511