Web Design Blog : Toolkit Websites

Web Design Blog

Toolkit's Guide to: Keyboard Shortcuts & Basic HTML



When your website is live, and you've had your training on how to use the Content Management System, in our case The Toolkit, you may or may not need to delve into the HTML code of a page.

To many, at first glance, it looks like a completely different language, and for the most part nonsensical. Luckily. you don't have to become a code expert to regularly update your website, and using the following tips and tricks, you'll soon have the basics under your belt.

Firstly, here are some keyboard shortcuts that will make your life much easier.

1. COPY TEXT

To copy a line of text, highlight it, and then on a MAC keyboard press Command and then C.


2. CUT TEXT

To cut the line of text, instead of copying it, you need to press Command and then X.


3. PASTE TEXT

To paste the line of text you have just copied, you will need to press Command and then V.


4. SELECT ALL

To select all the text on the page, to either copy or cut it using the commands above, you can press Command and then A.

If you are not using a MAC keyboard, instead of Command, you will need to use the Control Button.



Your website pages will have been set up for you whilst you were in build, in a way that means the pages are easy for you to update and edit in the Toolkit.

If you do find that you need to go into the code for something more advance, you will most probably be faced with a page that looks like this, when you view the source code:


As you can see, there is a number of things you can do in the Toolkit without having to enter into the code. But if you feel like you want to add something more advanced or you feel confident using the HTML, you can do so by clicking on the source view.


If you have a keen interest in improving your HTML skills, W3 schools is a great place to start.

W3Schools is a web developer information website, with tutorials and references relating to web development topics such as HTML, CSS, JavaScript, PHP, SQL, and JQuery. The site provides a reference manual covering many aspects of web programming.

It's free to use, and stands by web designs best practices.