Create a website with WebSite X5 v10 – Video Tutorial

welcome in this tutorial you’ll see how easy it is to create websites within comedia website x5 run the program and click on the start button then follow the five steps to create your first website first choose whether you want to create a new project or change an existing one in the first step you give the general settings you can give the website a title an author and an address and at a description and a list of keywords that will be used by search engines to index your pages in the expert section you can add the code necessary to subscribe to website access statistic services or Google Webmaster Tools you can also indicate that the sitemap XML file is to be created automatically this file is used by search engines to index web pages you can also protect the pages HTML code the style of a website is very important website x5 has a gallery of 1500 ready to use templates they are organized in categories and you can use the previews to find the one that’s right for you if you find a template you like but you’re not sure about the color you can always change it if the default templates aren’t right for you you can create your own and give it a name so that if you want to you can import and export it and share it with other people first of all decide whether you prefer a horizontal or vertical menu for your website then you can define each section of the page for example the background the heading the menu or the footer importing pictures and setting margins and alignments you can see your template taking shape in the preview that is updated in real time you can use the built-in editor to work on the header and footer to finish off both default and custom templates you can add your company’s logo and name to the heading it just takes a few clicks to format your text and add filters and special effects which with other products would usually mean using complicated graphic programs it’s just as easy to add buttons flash animation slideshows HTML code or a website search field all the things you would normally find in a professional website check out the preview of your website to make sure the template is complete now you can start working on the web site map and creating the actual contents the web site map is a crucial part of a website we’re talking about the tree structure that organizes all the pages in the website creating a website map with website x5 is very easy add the pages you want to include even if they are empty at the moment organize them into the various levels and give them a suitable name you can drag pages and levels to different places on the map as necessary click on the preview button to make sure that website x5 has created all the pages link them together and dynamically created the navigation menu don’t worry if you’re still not sure about the final website contents you can start with a draft version of the map and change it whenever you want to add contents to a page use website x5 s page layout table and the list of objects the page layout table represents the page you’re working on each cell can have one object drag a text object to a cell and an image object to the cell next to it you can add extra rows and columns to the table and you can change the size of objects by dragging them through cells or pulling the selection anchors so one object occupy several adjacent cells double click on the text object you have added to open the editor so you can edit it you can also paste in texts that you copied from another file if you want to make a hypertext link select the word which will be the link and click on the insert link button you can choose what happens with the link choose the option to display a picture in another window in the page then select the pictures file and add a caption you can create the tooltip for the link giving the text and picture to be used for it now you just have to confirm your work open the preview in the browser and move the cursor to the new link when the mouse passes over the link your tooltip appears and when you click the mouse the picture appears over the page now let’s go back to the page layout table and deal with the image object double-click on the image object in the table and import the file to use you can use high resolution photos because website x5 will automatically save an optimized copy of it to display online click on the edit button to open the editor and work on the picture you’ve got all the usual commands for cutting and rotating the picture but there is more you can add a filter apply a watermark so your picture can’t be copied put a mask over it choose a frame for it and use the special effects to make it more eye-catching such as a reflection a colored border and the perspective it’s just as easy to zoom in on the picture and protect it against unauthorized copying you can also choose from a number of mouse-over effects such as rotating the picture confirm and click on the preview you can see that your page is taking shape with a picture and its special effects let’s go to a different page and create a photo gallery drag the gallery object to a cell and double-click to work on the properties in the list section you create the list of pictures for the gallery you can include videos from YouTube to select the pictures and choose a transition effect there are over 20 such as fade scroll rotate blinds confirm and click on the preview there’s your gallery with all your favorite photos already optimized so that they’ll show up immediately on the web website x5 offers a number of different types of galleries go back to the Style section and choose a horizontal gallery you can define the style for the thumbnails that website x5 creates for you so confirm and try it out here’s the updated photo gallery you can quickly scroll the thumbnails and click on the one you want to look at you can try out other gallery types choose thumbnails and rows now all the pictures are shown as thumbnails and you click on them to see the enlarged picture you can move from one picture to another without having to go back to the thumbnails now you know how to create web pages using the page layout table and inserting the necessary objects you’ve seen how easy it is and it’s just as easy to make changes website x5 will recreate the page with the new selections there are some very interesting objects to use in the list such as the email form object useful for creating a contact page for example the product list object essential for creating an online store the HTML code and widgets object important for the more expert users now you can create all the pages you need for your website organizing the page layout table as needed and adding all the necessary contents website x5 includes lots of advanced settings which you can use to make your website even more professional start by working on the look of the main menu you can intervene on all aspects of it you can for example define the margins and button alignment create various button States with different colors use the available internal buttons library or use the built-in editor to create 3d buttons choosing their style and shape you can also customize the drop-down menus in the same way confirm your choices and click on the preview to check directly in the browser what you have done and make sure everything works correctly now it’s time to work on the styles to apply to the project you can define styles for the various text types and the pages the Showbox window which shows pictures over the main window the tooltips on links and the emails that leave the website that you can make truly professional with company logos and colors the welcome page is a useful front cover for offering for example a choice of languages to consult the website in adverts can be images or animation that may appear superimposed in the right-hand corner or at the top or bottom of the page once active when the page opens you see the banner that may advertise a product or give help or invite visitors to follow you on the social networks among the tools available in the Advanced Settings is the blog so you can create your online diary and the RSS feeds for broadcasting news updates you can define all the data collection methods and data management organizing access to reserved members areas as simple once you have created the profiles for administrators groups and new users and given them login names and passwords you just have to go back to the map in step 2 and lock the pages with reserved access naming the users and groups who can access each one the last but not least important of the advanced functions is the e-commerce shopping cart in a few easy steps you can create an online store to sell your products online create a product catalog with all your products in it give each product a name or a code a price the applicable v80 rate link some images add an option and apply a discount then indicate the shipping and payment methods the shopping cart accepts all major credit cards and PayPal for payments when you have completed your website you are ready to publish it on the internet save it on another hard disk or move it to another computer to put your website on the Internet just enter the server access data that your provider sends you if you update your website you only need to republish files that have been changed this will save you a lot of time website x5 s ftp engine supports secure connections and works in multi session when publishing is started it opens a connection and starts exporting the files the last thing is to tell everybody that your website is online you can notify Google or post an update on your Facebook or Twitter page thanks to website x5 your website will be online in no time with text photo galleries and online store emails and an interactive map you’ll have a top-quality professional website that works perfectly with all browsers and mobile devices you can update your website at any time changing the contents and even the template website x5 recreates all the pages according to your new settings so let your imagination run away with you download the website x5 demo and enjoy discovering what you can do [Music]


Add a Comment

Your email address will not be published. Required fields are marked *