Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
คมอการใชงานเบองตนเวบไซตภาควชา คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 2
การใชงานเวบไซตภาควชา
เมอท าการ Login เขาสหนา admin เรยบรอยจะพบกบเวบไซตของภาควชาแตละภาควชา ซงประกอบไปดวย
สวนตางๆดงน
1. Admin Menu: เปนเมนทจะสามารถเขาถงสวนตางๆของเวบไซตได เมนนจะปรบเปลยนรายการทแสดง ตาม
สทธของผใชทสามารถจเขาถงหนาตางๆได เชน ผใชท วไปกจะไมเหนลงกไปทหนา Admin เปนตน
2. Logo / Header: ภาพโลโกของเวบไซต
3. Content: สวนนจะเปนสวนของ Content เปนพนททใชในการแสดงเนอหา ในกรณทยงไมมเนอหาใดๆระบบ
จะแสดงขอความแนะน าการใชงาเวบไซตเบอนตน
4. Footer: สวนทายของเวบไซต นยมใชระบลขสทธของเนอหา หรอขอมลส าหรบการตดตอผดแลเวบไซต
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 3
1. การสราง page ของเวบไซต ไปยงเมน Add content หรอ เมน content ดงภาพ
คลกเลอกเมน Content หรอ Add content จะปรากฏ ดงภาพ แลวเลอก +Add content
หลกจากคลกเลอก Add content จะปรากฏหนาจอใหเลอกประเภทของ page ดงภาพ
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 4
Article: ใชส าหรบสรางเนอหาทอางงกบเวลา เชน ขาว, ประกาศ ประชาสมพนธ หรอ บลอก Basic page: ใชส าหรบสรางเนอหาคงท เชน หนาเพจ "เกยวกบเรา"
เปนการเลอกประเภทของเนอหาทตองการสราง ในทนจะเลอกประเภท Basic Page จากนนจะปรากฏแบบฟอรมขน
ในชอง Title ใหใสหวเรองของเนอหา ในชอง Body ใหใสเนอความของเนอหา Text format ใหเลอกเนอหาทตองการแสดงผลเปน format ประเภทไหน ประกอบดวย Filtered HTML,
FullHTML, Plain text, PHP code ** ใหเลอก PHP code
ส าหรบดานลาง (ในกรอบสแดง) จะเปนเครองมอในการจดการเนอหา ประกอบดวย
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 5
1. Menu setting: ส าหรบจดการเมนของเนอหา หากตองการใหสรางเมนส าหรบเนอหานใหคลกถกชองสเหลยมหนา Provide a menu link (ดรายละเอยดในเนอหาเรองการจดการเมน) 2. Revision information: การสรางรนเนอหา การแกไขเนอหาในแตละครงสามารถบนทกเปนรนของเนอหากอนการแกไขไดและเมอตองการกคนรนของเนอหา กลบไปรนกอนหนาสามารถกคนไดจากทน 3. URL path setting: การก าหนด URL ส าหรบเชอมโยงเนอหาสามารถสรางไดดวยตนเอง (การไมไดก าหนด URL ไวโปรแกรมจะจดการโดย อตโนมต) 4. Comment setting: การตงคาการแสดงควาามคดเหน ม 2แบบ คอ เปด (Open) และ ปด (Closed) 5. Authoring information: การแสดงขอมลผเขยน 6. Publishing options: การตงคาการเผยแพรเนอหา ม 3 ลกษณะ คอ Published=เผยแพรเนอหา, Promoted to front page=แสดงเนอหาในหนาแรก, Sticky at top of lists= แสดงเนอหาไวบนสดของหนาเวบเพจ (ปกหมด) 7.หลงจากพมพเนอหาและก าหนดคาเนอหาเรยบรอยแลว ใหกดปม Save ดานลางหนอหา เพอบนทกการสรางเนอาหา
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 6
2.การสรางเมน การจดการเมนใน Drupal 7 สามารถท าไดสองชองทางคอ การสรางเมนพรอมกบการสรางเนอหาและการสรางเมนผานทางเมน Structure > Menus ซงเปนการจดการเมนทงหมด 2.1 การสรางเมนพรอมกบการสรางเนอหา ในขนตอนการสรางเนอหาจะมเครองมอส าหรบการสรางเมนส าหรบเนอหาอยดวย คอ Menu setting โดยใหคลกทชองสเหลยม >> Provide a menu link ดงภาพ
Provide a menu link = การสรางเมนพรอมกบการสรางเนอหา Menu link title =ชอเมน Description= รายละเอยดเมน (แสดงเมอวางเมาสไวบนเมนจะปรากฏรายละเอยดของ Description ทตง
ไว) Parent item= การเชอมโยงกบเมนอน (การก าหนดใหเปน Parent item ใดกเทากบเปนเมนยอยของเมน
นนๆ) Weight= การก าหนดน าหนกการจดเรยงล าดบเมน (เรยงจากนอยไปหามากเมอกรอกขอมลครล ใหกด
ปม Save)
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 7
2.2 การสรางเมนผานทางเมน structure > Menus จะปรากฏหนาจดการเมน ดงภาพ
จะปรากฏเมนอย 4 กลมดวยกน คอ
Main menu: เมนหลก Management: เมนในการบรหารจดการเวบไซต Navigation: เมนน าทางส าหรบผใช User menu: เมนบญชผใช
การจดการเมนสามารถดไดจากคอลมน Operations ซงมอย 3 รายการ list links, edit menu, add link ดงภาพ
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 8
คลก Add menu แลวจะปรากฏดงภาพ
เมอกรอกขอมลครบแลวกด Save จะปรากฏดงภาพ
การเพมเมนยอยสามารถท าไดโดยคลกเมน >> Add link จะปรากฏหนาส าหรบกรอกรายละเอยดของเมน โดยจะม
รายละเอยด โดยรวมเหมอนกบการเพมเมนดวยวธการแรก เพยงแตเพมชอง Path ขนมา การด Path สามารถดได
จาก URL ของเนอหาทสรางขนมาดงภาพ
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 9
**หมายเหต Drupal ไมสามารถสรางเมนยอยโดยทไมม URL อยจรงได ฉะนน การสรางเมนได กตองมเนอหา
อยกอนเสมอ
3.การลบเมนยอย
ไปยง Structure > Menus เลอกเมนหลกทตองการ เลอนหาเมนยอยทตองการลบ คลก ลบทดานหลงเมน ยนยน
การลบเมนยอยอกครง
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 10
4. การสรางบลอค (Blocks) 1. ไปยงเมน Structure > Blocks จะปรากฏหนาจดการบลอค ในหนานกจะเหนวาใน Theme มชอ Regions อะไรบาง ในแตละ Region มบลอคอะไรอยบาง รวมทงการก าหนดการจดเรยงล าดบและยายต าแหนงของบลอค และการตงคาบลอค นอกจากนหากตองการทราบการจดวางต าแหนง Region ของ Theme กสามารถคลกดไดท Demonstrate block regions
2. Drupal 7ไดจดเตรยมบลอคใหผใชไวบางแลว (ดในหมวด Disabled ดานลาง) แตกอาจไมเพยงพอตอความตองการ อยางไรกตาม เมอเราตองการเพมบลอคสามารถท าไดโดยคลกทเมน Add block จะปรากฏหนาเพมบลอค
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 11
Block title:ชอบลอก Block description:ค าอธบายของบลอก Block body: เนอหาของบลอก Text format:รปแบบของเนอหา
การแสดงบลอกบนสวนตางๆของหนาเวบไซต
เขาไปยง บลอก ในสวนของจดการเวบไซต เลอนหาบลอกทตองการแสดง ใตสวนของ ต าแหนง คลกท drop down box แลวเลอกต าแหนงของหนาทตองการใหบลอกถกแสดง ใชเมาสลากรายการบลอกทตองการขนลงเพอก าหนดล าดบของบลอก คลก บนทกบลอก
จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล Page 12
โดยทวไปการแสดงผลของบลอกกจะประกอบไปดวยสวนตางของ บลอก ตาม Template ของแตละ Templateหลกๆแลวประกอบดวย
Left sidebar - แสดงบลอกของเมนดานซายของเวบไซต Right sidebar - แสดงบลอกของเมนดานขวาของเวบไซต Content - แสดงบลอกของเมนในสวนของเนอหาของเวบไซต Header - แสดงบลอกของเมนดานบนของเวบไซต Footer - แสดงบลอกของเมนดานลางของเวบไซต