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.