As explained earlier, the Web pages created in the Activities of all the units from 3 to 12 will lead to the creation of a Web Site. The Web pages in all the Activities should be linked together. Do the following to create the home page for this Web site.
Create a Web page as shown in the figure whose continuation is given in the next figure. The files to be linked and their location are given in the Table.
Save the HTML file as Index.html in C:HTML folder.
Activity 2.12.2 (Contd..) C:HTMLUnit 4Activity Activity2.html Changing the Size of the Text C:HTMLUnit 4Activity Activity1.html Making the Text Bold, Italic and Underlined C:HTMLUnit 3Activity Activity4.html Scrolling the Text C:HTMLUnit 3Activity Activity3.html Drawing Horizontal Rule C:HTMLUnit 3Activity Activity2.html Inserting Line Breaks and Paragraphs C:HTMLUnit 3Activity Activity1.html Adding Headings C:HTMLUnit 3Activity Activity5.html Basics of HTML C:HTMLUnit 7Activity Activity3.html About the Internet Location File to be linked Link in the left frame
Activity 2.12.2 (Contd..) C:HTMLUnit 9Activity Activity1.html Adding Tables C:HTMLUnit 8Activity Activity1.html Inserting Music, Movie and Animation C:HTMLUnit 7Activity Activity1.html Inserting Images C:HTMLUnit 6Activity Activity1.html Adding Hyperlinks C:HTMLUnit 5Activity Activity3.html Definition List C:HTMLUnit 5Activity Activity2.html Unordered List C:HTMLUnit 5Activity Activity1.html Ordered List C:HTMLUnit 4Activity Activity3.html Positioning and Striking the Text Location File to be linked Link in the left frame
Activity 2.12.2 (Contd..) C:HTMLUnit 12Activity Activity1.html Cascading Style Sheets C:HTMLUnit 11Activity Activity2.html Adding Forms and Controls C:HTMLUnit 10Activity Activity6.html Creating Frames Location File to be linked Link in the left frame
The home page shown in following Figure contains two vertical frames. Load the file Index.html located at C:HTML folder in the left frame and Activity3.html located at C:HTMLUnit 7Activity folder in the right frame. When a link in the left frame is clicked, the corresponding page should be opened in the right frame. The link, the file to be linked and its location is given in the Table in the previous slide.
3. All the Web pages of a Web site should have the same appearance. So create an external style sheet file Style.css in C:HTML folder. The commands in Style.css is shown below:
Activity 2.12.3 (Contd…) 4. Add the following code inside the <HEAD> tag in all the activity files created. <LINK Rel="Stylesheet" Href="C:HTMLStyle.css"> 5. Open the Main.html folder in Internet Explorer and browse the Web site created.