HTML and CSS Reference
In-Depth Information
Figure 12-2
Files to create and format the monthly calendar
calendar.js to create
the structure of the
Web table used by
the calendar
calendar.css
to design the
calendar's
appearance
events.js to store the
text of the daily
events displayed in
the calendar
calendar as it appears in the Web page
Maria already has created the styles required for the calendar table, but she has left
the JavaScript coding to you. You'll start by adding links to the calendar.js and calendar.
css files on the Chamberlain Civic Center's home page. You'll work with the events.js ile
later in this tutorial.
To access the CCC files:
1. Use your text editor to open the ccctxt.htm and caltxt.js files from the
tutorial.12\tutorial folder, enter your name and the date in the comment sec-
tion at the top of each file, and then save the files as ccc.htm and calendar.js ,
respectively.
2. Return to the ccc.htm file in your text editor, and then add the following code
above the closing </head> tag to create links to both the calendar.css style sheet
and the calendar.js JavaScript file, as shown in Figure 12-3:
<link href=”calendar.css” rel=”stylesheet” type=”text/css” />
<script src=”calendar.js” type=”text/javascript”></script>
Figure 12-3
linking to the style sheet and javascript files
3. Save your changes to the file.
 
Search WWH ::




Custom Search