w07. html w eb page design with f rameset. w07. html w eb page design with f rameset. subject : w...

12
W07.HTML W07.HTML WEB PAGE DESIGN WEB PAGE DESIGN WITH FRAMESET WITH FRAMESET . . SUBJECT : W30242 (WEB PAGE DESIGN) MATTHAYOM 4 (GRADE 10) TERM 2 YEAR 2012

Upload: tobias-walsh

Post on 03-Jan-2016

214 views

Category:

Documents


0 download

TRANSCRIPT

W07.HTMLW07.HTMLWEB PAGE DESIGN WEB PAGE DESIGN WITH FRAMESETWITH FRAMESET..

SUBJECT : W30242 (WEB PAGE DESIGN) MATTHAYOM 4 (GRADE 10) TERM 2 YEAR

2012

การคั�ดลอกงานเก บที่��การคั�ดลอกงานเก บที่��เคัร��องตนเองเคัร��องตนเอง

1 .ต�นที่าง1. Open \\TCOM3\M46 Enter.

2. Select W01 / W02 / … / W053. Right Click, select COPY.

2.ปลายที่าง1. MyComputer > D: > 4-62. Right Click, select Paste.

Subject :W30242 Web page design

W07.HTML : WEB PAGE DESIGN WITH W07.HTML : WEB PAGE DESIGN WITH FRAMESETFRAMESET..

Topics : 1.Introduction to Frameset2.Create frameset.

2.1 Tools. (Panel Insert/Layout/Frames, Panel Frames)

2.2 Create frame.2.3 Save frame.

3.Set frame.

Subject :W30242 Web page design

W07.HTML : WEB PAGE DESIGN WITH W07.HTML : WEB PAGE DESIGN WITH FRAMESETFRAMESET..

Topics 1 : Introduction to Frameset.Frameset is all frames.

Subject :W30242 Web page design

W07.HTML : WEB PAGE DESIGN WITH W07.HTML : WEB PAGE DESIGN WITH FRAMESETFRAMESET..

Topics 1 : Introduction to Frameset.

2. Save Frame.1. TOP.HTML2. LEFT.HTML3. RIGHT.HTML4. BOTTOM.HTML5. 4-4-00-W07.HTML

Subject :W30242 Web page design

W07.HTML : WEB PAGE DESIGN WITH W07.HTML : WEB PAGE DESIGN WITH FRAMESETFRAMESET..

Topic 1: Introduction to AP element.

1. destination.

subject :W30242 Web page design

W07.HTML : WEB PAGE DESIGN WITH W07.HTML : WEB PAGE DESIGN WITH FRAMESETFRAMESET..

Topic 2: Create frameset.2.1 Tools.

1) Open panel Insert/Layout.I. Menu Windows > Insert.II. Panel Insert > Layout.III. Tool for create frame is Frames Tool.2) Panel Frame is display frame in web page.. Open Panel Frame : I. Menu Windows > Frame.

subject :W30242 Web page design

W07.HTML : WEB PAGE DESIGN WITH W07.HTML : WEB PAGE DESIGN WITH FRAMESETFRAMESET..

Topic 2: Create frameset.2.2 Create frame.

1)Design web page.2)Select area for split frame.3)Select tool in Frames Tool.

Example: Top Frame, Bottom Frame.

1)Watch result.2)Repeat step 1-4.

subject :W30242 Web page design

W07.HTML : WEB PAGE DESIGN WITH W07.HTML : WEB PAGE DESIGN WITH FRAMESETFRAMESET..

Topic 2: Create frameset.2.2 Create frame.

Example :1) Design web page have 4 frames.2) Select area for split frame.3) Select tool in Frames Tool.

Round 1: Select Top Frame.Round 2: Select Bottom Frame.Round 3: Select Left Frame.

4) Watch result.5) Repeat step 1-4.

subject :W30242 Web page design

W07.HTML : WEB PAGE DESIGN WITH W07.HTML : WEB PAGE DESIGN WITH FRAMESETFRAMESET..

Topic 2: Create frameset.2.3 Save frame.

Example :1) Design web page have 4 frames.2) Select area for split frame.3) Select tool in Frames Tool.

Round 1: Select Top Frame.Round 2: Select Bottom Frame.Round 3: Select Left Frame.

4) Watch result.5) Repeat step 1-4.

subject :W30242 Web page design

Assignment : 1.Create web page have 4 frames.2.Fill data in web page.

W07.HTML : WEB PAGE DESIGN WITH W07.HTML : WEB PAGE DESIGN WITH FRAMESETFRAMESET..

Subject :W30242 Web page design

Assignment :

W07.HTML : WEB PAGE DESIGN WITH W07.HTML : WEB PAGE DESIGN WITH FRAMESETFRAMESET..

Subject :W30242 Web page design