Leadership Viewpoint

This is the third entry in this series. Now that you have your screen resolution set and basic colors selected, it’s time to really make that home page. The use of Webstudio 4 really makes this simple. You can drag your logo and graphic elements onto the page. If you see a graphic element you like someplace online, simply drag it onto your page! Like an element from an existing slideshow or document? Drag it onto your webpage. Once the elements are on the page, lay them out in an appealing way. Remember to lay out the navigation buttons on either the top or the left side so that people can find them easily. At this point, the links will not be functional because there is nothing to link to them. Just include them in the design visually as placeholders for the time being.

Once you have the page all setup the way you want it, add the content by inserting a text object and either writing it or copying and pasting it into the text object. If you are pulling it from an existing website, you can drag it onto the page from there. Format the text font, size color, etc., thinking in terms of setting the standard for the entire website. You will want to add a copyright statement at the bottom of the page. Once you have everything all set, name the page (probably ‘home’) in the page list on the right. Then simply hit the Duplicate Page button on the bottom right to add additional pages! Customize the content for each page, replacing the Home Page copy with actual write-ups for each section. Name each page as you go.

Once it’s all set, it’s time to set-up your navigation buttons. Scan the control buttons at the bottom of the Webstudio page for LINKS, and click on that. On your far left, there will be a section called Site Links. It will match your Page List. Simply drag each one up to the corresponding button on the page. Do this until every button on the page has a link connected with it. Importantly, this has activated only the links on the this particular page. To make the site fully functional, you’ll need to either repeat this process on each page, or copy the links and paste them in place on the other pages. Either way will work fine, and you’ll have a nice, basic, customized working website!

If you enjoyed this post, make sure you subscribe to my RSS feed!