Time for action — heading
- Action 1
- Action 2
- Action 3
Instructions often need some extra explanation so that they make sense, so they are followed with:
What just happened?
This heading explains the working of tasks or instructions that you have just completed.
You will also find some other learning aids in the book, including:
Pop quiz — heading
These are short multiple choice questions intended to help you test your own understanding.
Have a go hero — heading
These set practical challenges and give you ideas for experimenting with what you have learned.
You will also find a number of styles of text that distinguish between different kinds of information. Here are some examples of these styles, and an explanation of their meaning.
Code words in text are shown as follows: " When you run Index.html, you will see a page as the following screenshot".
A block of code is set as follows:
<chart caption='Harry's SuperMart' subcaption='Revenue by Year' xAxisName='Year' yAxisName='Amount' numberPrefix='$'> <set label='2009' value='1487500' /> <set label='2010' value='2100600' /> <set label='2011' value='2445400' /> </chart>
When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:
<html>
<body>
<div id="chartContainer">FusionCharts will load here!</div>
<script type="text/javascript">
<!--FusionCharts.setCurrentRenderer('javascript');
var myChart = new FusionCharts("../FusionCharts/
Column3D.swf", "myChartId", "400", "300", "0", "1" );
myChart.setXMLUrl("Data.xml");
myChart.render("chartContainer");// -->
</script>
</body>
</html>
New terms and important words are shown in bold. Words that you see on the screen, in menus or dialog boxes for example, appear in the text like this: "Note how the Dashboard has a very clean and non-cluttered look, despite the large data set it represents ".