การใช้ Frontpage 2003 เบื้องต้น

1

FrontPage เปนโปรแกรมส าหรบใช ออกแบบ สราง และบรหารจดการเวบไซต กลาวคอโปรแกรมนยงมคณสมบตส าหรบชวยในการออกแบบหนาตาของเวบไซตใหด

ด โดยม "ธม" (Theme) หรอแบบตกแตงส าเรจรปของเวบเพจทสวยงามจ านวนมากใหเรยกใชไดทนท และมเครองมอ ประสทธภาพสงส าหรบชวยบรหารเวบไซตอกดวย

เชน การอพโหลดเฉพาะเวบเพจทมการเปลยนแปลงแกไข , การตรวจสอบลงคทขาด และการรกษาความปลอดภยของขอมล เปนตน และโปรแกรมแกรมนจะเปนสวนหนง

ของโปรแกรมในกลม Microsoft Office ในแตละเวอรชนทออกมา และจะสนบสนนกบโปรแกรม Microsoft Office

2

3

วธใชเมนของ Front Page

Front Page 2003 มการแบงลกษณะเมนออกเปนแบบสนและแบบเตมเชนเดยวกบโปรแกรมอนในชด Office 2003 โดยมวธใชงานดงรป

เมนแบบสน

<< เมนแบบเตม

4

ปรบเมนเปนแบบมาตรฐาน

หากคณตองการปรบใหเมนแสดงแบบมาตรฐานกสามารถปรบเปลยนไดดงน

1. เลอกค าสง View > Toolbars > Customize2. คลกแทบ Options3. ตองการโชวเมนเตม คลกท Alway show full menus4. คลกปม Close

5

1. สรางเวบใหมโดยใชเทมเพลต 1. เลอกค าสง File > New > Web2. คลกไอคอน Personal Web 3. ระบไดรวและโฟลเดอรทจะใชเกบเวบน4. คลก OK FrontPage จะสรางเวบใหมขนมา พรอมทงเปดเวบเพจใหม(new_page_1.html) ใหดวย

6

2. เปดเวบเพจขนมาแกไข

วธเปดเวบเพจขนมาใส หรอแกไขขอมล ท าไดดวยการดบเบลคลก ทชอไฟลใน Folder List โดยเรมแรกควรแกไขไฟล index.htm กอน เพราะเปนหนาแรกทจะเขามายงเวบเพจจะมค าอธบายแนะน าวาในเพจนน ควรใสขอมลอะไรบาง

ID. SC50102010563 B01 7

3. ใสขอมลในเวบเพจ

1. คลกลากเมาสเพอเลอกขอความทจะใสขอความใหมทบลงไป

2. พมพขอความใหมแทนทขอความเดม

3. เมอตองการแทรกยอหนาใหม กคลกทตอนทายของยอหนาทมอย แลวกดคย Enter4. เมอตองการก าหนดสไตลใหกบขอความยอหนาใด กคลกเมาสในยอหนานน

8

4. ตกแตงเวบเพจดวยธม

1. เลอกค าสง Format > Theme2. คลกเลอกธมทตองการใช โดยดจากหนาตางชองทางขวา3. คลก OK

9

5. บนทกเวบเพจ

1. คลกปม Save เพอบนทกเวบเพจทก าลงแกไข2. เปดหาโฟลเดอรทจะเกบ แลวคลกชอโฟลเดอรทจะเกบรปภาพ3. คลก OK

10

6. ตรวจดหนาตาเวบเพจระหวางการแกไข

1. คลกเมาสบนเวบเพจทก าลงแกไข แลวเลอกค าสง File > Preview in Browser2. ถาเครองของคณมบราวเซอรตดตงหลายตว กคลกเลอกบราวเซอรทตองการ3. เลอกขนาดจอภาพเปาหมาย4. เลอกออปชน Automatically save page เพอให FrontPage บนทกเวบเพจอตโนมต5. คลกปม Preview

11

ใสรปภาพจาก Clip Art Gallery

1. วางเคอรเซอรต าแหนงทตองการใสรปภาพ2. เลอกค าสง Insert > Picture > Clip Art3. เลอกหมวด หรอใชปมค าสงอนๆ เพอเปดหารปภาพทจะใช4. คลกบนรปภาพทจะใช5. เลอนเมาสไปคลกบนรปคลกขวาจะมปมใหกดเพอรปจะไปปรากฏบนหนาเวบ6. คลกทรปตรงมมทง 4 ดานใหปรบขนาดรปตามตองการ

12

ใสรปภาพจากไฟลดวยวธลากมาวาง

1. เปด Folder List เพอใหมองเหนไฟลรปภาพทจะใช2. คลกลากไฟลดงกลาวมาวางในเวบเพจโดยสงเกตต าแหนงแทรกรปจะมเคอเซอรอย

13

ใสรปภาพจากไฟลดวยวธใชค าสงหรอทลบาร

1. วางเคอเซอรตรงต าแหนงทตองการใสรปภาพ2. คลกป มรปภาพททลบาร หรอ ค าสง Insert > Picture > From File จะปรากฏไดอะลอคบอกซ Picture3. เปดหาไฟลรปภาพทเกบไว4. คลกเลอกไฟล รอจนตวอยางภาพปรากฏในชองดานขวา5. คลก OK

ID. SC50102010563 B01 14

ใสรปภาพจากอนเทอรเนต

1. คลกลากรปภาพจากใน IE มาวางในเวบเพจ2. คลกขวาบนรปภาพใน IE แลวเลอกค าสง Copy ในเมนลด จากนนคลกขวาตรง ต าแหนงทตองการใสรปในเวบเพจ แลวเลอกค าสง Paste ในเมนลด3. คลกป ม แวนสอง ในไดอะลอกบอกซ Picture แลวใชบราวเซอรเปดหาไฟลรปภาพ จากนนกสลบกลบมาทวนโดวของ FrontPage แลวคลก OK

15

การจดการพนฐานกบรปภาพ

1. เลอกรปภาพ โดยเลอนเมาสไปคลกบนรปนนทงนใหสงเกตวาเมาสพอยเตอรจะตองเปน ลกศร เมออยบนภาพ หากเปนรปอนจะใชเลอกไมได แลวคณตองคลกทปมลกศรบนทลบาร หลงจากเลอกรปแลว จะปรากฏปมสเหลยมเลกๆ ทเรยกวา แฮนเดล (handle) ขนตรงมมและดานทงสส าหรบปรบขนาดภาพได

2. ลบรปภาพ โดยเลอกรปภาพทตองการลบ แลวกดคย Delete

3. ยายรปภาพ โดยใชเมาสคลกลากรปภาพจากต าแหนงเดมไปยงต าแหนงใหม

16

การใสไฮเปอรลงคในเวบเพจ

1. เลอกขอความหรอรป ทตองการใสไฮเปอรลงค2. เลอกค าสง Insert > Hyperlink หรอคลกทปม บนทลบารมาตรฐาน3. เปดหาเวบเพจหรอไฟลปลายทาง แลวดบเบลคลกไดทนท4. คลกปม OK5. เลอก Window Set as page default ก าหนดใหออปชนทเลอกเปนดฟอลต คอเมอมการใสไฮเปอรลงคอก โดยไมระบเฟรมเปาหมาย ออปชนนจะถกใชเสมอจนกวาคณจะเปลยนแปลง6. คลก OK

17

การแกไขหรอยกเลกไฮเปอรลงค

1. เปดไดอะลอกบอกซ Edit Hyperlink ดวยวธใดวธหนงตอไปน• คลกขวาบนขอความหรอรปภาพทเปนไฮเปอรลงค แลวเลอกค าสง Hyperlink Properties จากเมนลด• คลกเลอกรปภาพ หรอวางเคอรเซอรบนขอความทเปนไฮเปอรลงค แลวคลกป ม

2. แกไขหรอยกเลกไฮเปอรลงค โดย• ถาตองการแกไขไฮเปอรลงค กระบ URL ใหมดวยวธเดยวกบการใสไฮเปอรลงค• ถาตองการยกเลกไฮเปอรลงค กลบขอความในชอง URL ออกใหหมดใหกลายเปนชองวาง

3. คลก OK

18

เพราะซอรฟแวรตวน เปนซอรฟแวรทนาสนใจอกตวหนงตวโปรแกรมของมนสามารถออกแบบ สราง และบรหารจดการเวบไซต กลาวคอโปรแกรมนยงมคณสมบตส าหรบชวยในการออกแบบหนาตาของเวบไซตใหดด มแบบตกแตงส าเรจรปของเวบเพจทสามารถเรยกใชไดทนท และการใชโปรแกรมตวนกงายและไมยงยากดวย