Monday, August 22, 2011

How to create a website like a Professional for new webusers and amateurs


A professional website tool for new webusers and amateurs.
Software Design "XSite Pro 2.5".


XSite Pro Software gives users a variety of professional website design tools such as WYSIWYG content editor, create and edit the navigation bar, insert ad code, making website map (Sitemap), check the site and optimize search engine (SEO) for websites ... XSite Pro is using simple, step by step instructions, so you will not need much time and hard work in seeking to learn complex programming languages ​​needed.

XSite Pro 2.5 Software installed capacity is 50.7 MB, compatible with the Windows operating system,


Also, you need to download more integrated components to make the full software features, including: the template package, utility package support, with 262 MB capacity, load the home page:


Now, you can embark on website design by following these suggestions.

1. Create new project .
When the program's main interface, click Add Project button below the toolbar to create a new project. In the window that appears, you fill the frame: Project Title - Project name, Keyword (s) - Keyword, Description - description of the project, click OK. Project information is displayed in the window of Xsite Pro, the left is a list of projects and in the right information.

2. Create a new page and edit the information page
To create a new project, you click on the Project Web site and then click Add, select a style in the dialog box appears. If you select Blank Web page style, you enter information Website Title - title page, Website Slogan - slogan of the website, Keywords - keywords (the default is the keyword of the project), Description - brief description web page, click OK. 
As for the other style choices, you drag the slider to the left to find a satisfactory sample website, click on the thumbnails to display larger images in the preview pane on the right, click OK, then also fill in basic information as above.
Web Site tab Information, you can change the information page created as the Website Title, Website Slogan, Keywords, Description and Other Notes. When finished, click Save to save the changes.

3. Interface Design
This is an important step in the process of website design, you use the tools in the Page Layout tab to arrange, sort of frame content on the site, set up the interface. The position needs to design a Page Margins - the outline of the site, Header Panel - headers, Info bar - information bar below the Header Panel, Left Panel - left side, Right Panel-right pane, Main Panel Header-side on the Main, Main Panel - the Main, Main Panel Footer - below the main text, Page Footer - the footer.

For example, to design the position you set the Header Panel Color - Background Color, Image - the background and parameters of the two items Header Basic, Advanced Header. Specifically, the program also provides a very powerful tool Designer enables designers to quickly and easily. Design of these cards feature fully equipped with word processing tools such as copy, paste, alignment, insert images, insert multimedia files, insert the table, choose the font, font color, message insertion form RSS Feed, insert Google Adsense ads ... Besides, if mastery of the language you use the HTML Source tab to enter text. Help Card Preview to preview the results of the design process.
Google AdSense Ads
For some positions have set the navigation bar (Navigation Menu), you should check the box Include Links Menu button and then click Settings. In the dialog box that appears, select an effect type in the frame for the Style Selection menu, there are two types of Dynamic - dynamic menu, Static - static menu, click Next. Go to step 3, you change the options: Option Menu Spacing - the distance to keep the menu, Menu Background - background of the menu and submenu and set the color, the font on the menu, the color after click up menu, putting the mouse cursor to the menu, click Next, click Finish.

4. Create a system of
When you design your interface in the Page Layout tab website, you need to create a subpages system, combined with creating web diagrams to help viewers orient their activities are on the website. To add a new page, you click Add Page in the Web Pages tab and fill in the information Page Title - the page title, Keywords, Description. As for the two bracket and Sitemap Settings Menu Settings, check the box on the Info Bar Show - shown on the information bar, Show on Page Footer - displays links in the footer, Show on Sitemap - shown in sitemap, click Create.

New page created will be listed on the left, the right show details of the page, the Page Settings tab - set page Design - Content page (used WYSIWYG content editor ) Source - editing pages based on HTML and Page Analysis - analyzes page content. If you want to check the level of friendly elements on the page for the search engines then you need to fully exploit the features Page Analysis. Four frames: Search Engine Optimization Summary, Page Components Summary, Readability Summary, Accessibility give you an overview of strengths and weaknesses of the current page. From there, you follow the directions of the program to improve the indicator ranked on search engines to help visitors easily find content on the site.
Besides being able to change the information created, Advanced Settings feature helps to add some advanced settings. Advanced Page Settings dialog box contains the Page Layout tab (to select sample interface), Scheduling (timing display), Scripts (add JavaScript code), Events (in addition to the onload event and to encourage OnUpload JavaScript function), Robots (set using the robots.txt file).

5. Other settings
Create a website diagram:
In the Other tab, you click Site Maps then change the options in the dialog box appears. 
  • Step 1 - Select, you can choose two types of diagrams Alphabetical website (arranged in order of A, B, C) Base on the Page Tab Order from the Web Pages (sorted by rank pages in card Web Pages).
  • Step 2 - Style, you enter information into the cell header of the frame Title Site Maps, chosen to display the page title in brackets Page Title, select the display legend in brackets Page Description Page.
Configure the website:
Web Site Settings feature helps the system configuration before the website launched on the Internet. 
Setting Page Titles cards to help establish website and insert your name in the header of each page (Start - front End - Rear), select Use only the Web site title for the homepage to show just the website name on the homepage, select characters in the box separated with Separate title. 
  • Card File Naming provisions Settings Help File Extension (the extension behind the URL), Convert Filenames to lowercase (uppercase characters move in generally the address of the link). 
  • Card Folder Settings help create folders for storing audio, pictures, video, file Scripts.
Also, the other has many other settings such as creating pop up ads, create links to other sites, instructions to register with the scheme website search engine Google, make the search ... You can manually explore the utility of this feature.

6. Put up website hosting
After completing the design, click the Preview button at the right corner of the window to check the results. If not found anything wrong, you click the Details tab and fill in the Publishing parameters: Domain name - domain name, Home Directory - the directory on hosting (eg publish_html), FTP Server - FTP address (ie ftp . tonghop24.tk), FTP Directory - the directory on the hosting, FTP Username - account name, FTP Password - password hosting. 
To check the accuracy of the parameters entered, you click Test Connection and press OK FTP in FTP Connection dialog box if the connection is successful Success. Finally, click Publish My Web Site to give up hosting the entire website


No comments:

Post a Comment