Teaching Videos
Chapter Slides
Problem sets
Experiments Outline
Course Outline
Bilingual Teaching
Course Files
Contents Downloading
Experiments Guidance
Course Descriptions
Teaching Effect
Students' Opinions
Reports Uploading
Course Features
Online Faculty
Reference Books
Courseware
Figure 1. Block diagram of online teaching
3. The design idea of the teaching website
After establishing the website’s theme and main
contents, the design can be started. It can be divided
into two parts. One is the contents design, including
arrangement of materials such as letters, figures, videos
and so on. The other is the website’s style design
including color, font, layout etc. The former mainly
depends on the designer’s plan in advance, careful
preparation, materials collecting, while the later will be
finished in Dreamweaver. There are many ways to
design the layout, among them the layer and the table
layout are mostly used. In the teaching website’ design,
the table function of Dreamweaver plays an important
role. There are three kinds of tables which are standard,
expansion, and layout. Expansion tables is only the over
striking of the standard in rims, while layout tables hide
rims. In view of it being a website for teaching, the
style should not be too blazed, and the layout should be
brief, practical, emphases standing out and hierarchy
sense strong. So the traditional T layout is adopted,
simple and clear with the top being the title figure, the
left being guiding bars, the right being main teaching
contents. In some feature parts, CSS ( specially good
effects, standing out ) are added to reflect the hierarchy
sense. The title figure, guiding bars, button pictures can
be conveniently inserted into corresponding places with
the help of the powerful integrated function of
Dreamweaver. It is also very convenient to establish
font, letter size etc, by text edit menu option in
Dreamweaver. The website’s color is mainly light blue,
giving a pure and profound feeling and living up to the
teaching theory of happy and easy study.
After all the above work, the rough frame of the
teaching website has already been established
preliminarily, shown as Figure 2. Now it is time to build
it into modules. Why? Because many parts of web
pages are the same in subdirectories. It will save
repetition of work to operate only to different parts. It is
easy to build a module file. In modules already edited,
choose an area to edit different contents, then choose
“insert-module object-edit area” in turn in
Dreamweaver to build an edit area, finally choose
“file-save as” and “module file” in save options. So a
module file is finished. When calling the file every time,
it only needs to save the already done web pages as
“htm.file”.
Figure
การสอนวิดีโอ
บทที่ภาพนิ่ง
ปัญหาชุดทดลองร่างหลักสูตรสองภาษา สอนเค้า
แน่นอนไฟล์
เนื้อหาดาวน์โหลด
สอนคําอธิบายรายวิชาการทดลองแนะแนวตามความคิดเห็นของนักศึกษาต่อ
รายงานอัพโหลดหลักสูตรออนไลน์คุณสมบัติ : หนังสืออ้างอิงด้วย
รูปที่ 1 บล็อกไดอะแกรมของการสอนออนไลน์
3 ความคิดในการออกแบบของเว็บไซต์
สอนหลังจากสร้างหัวข้อและเนื้อหาหลัก
เว็บไซต์ การออกแบบสามารถเริ่มต้น .
มันสามารถแบ่งออกเป็นสองส่วน หนึ่งคือเนื้อหาการออกแบบรวมทั้ง
จัดวัสดุ เช่น ตัวอักษร , ตัวเลข , วิดีโอ
และอื่น ๆ อื่น ๆของเว็บไซต์การออกแบบสไตล์
รวมทั้งสี , แบบอักษร , รูปแบบ ฯลฯ ในอดีตส่วนใหญ่
ขึ้นอยู่กับผู้ออกแบบ วางแผนล่วงหน้า เตรียมระวัง
,การเก็บรวบรวมวัสดุ ในขณะที่ ภายหลังจะ
เสร็จใน Dreamweaver มีหลายวิธีที่จะ
ออกแบบเค้าโครง ในหมู่พวกเขาที่ชั้นและโต๊ะ
รูปแบบส่วนใหญ่จะใช้ ในการออกแบบเว็บไซต์การสอน
ตารางการทำงานของ Dreamweaver มีบทบาทสำคัญ
มีอยู่สามชนิดของตารางซึ่งเป็นมาตรฐาน
ขยายตัว และเค้าโครง โต๊ะที่ขยายเป็นเพียงกว่า
ที่โดดเด่นของมาตรฐานในกรอบ ขณะที่ตารางแบบซ่อน
ขอบ ในมุมมองของการเป็นเว็บไซต์สำหรับการสอน
สไตล์ไม่ควรเกินไป เจิดจ้า และรูปแบบควรจะ
สั้น ปฏิบัติ เน้นยืนออกและลำดับขั้น
รู้สึกแข็งแรง ดังนั้นรูปแบบ T แบบดั้งเดิมเป็นลูกบุญธรรม
ง่ายและชัดเจนกับด้านบนเป็นชื่อรูป ,
ซ้ายถูกชี้นำแถบขวา ถูก
สอนหลักสารบัญ ในส่วนคุณสมบัติ CSS ( พิเศษดีผลที่ยืนออกมา ) จะถูกเพิ่มเพื่อสะท้อนลำดับชั้น
นึก ชื่อรูป นำทางบาร์ รูปภาพ ปุ่มสามารถแทรกลงในสถานที่สะดวก
ช่วยให้สอดคล้องกับของที่มีประสิทธิภาพแบบบูรณาการการทำงานของ
Dreamweaver นอกจากนี้ยังสะดวกมากที่จะสร้าง
ตัวอักษร ขนาดตัวอักษร ฯลฯ โดยการแก้ไขข้อความในเมนูตัวเลือก
Dreamweaverสีของเว็บไซต์ส่วนใหญ่มีสีฟ้า ,
ให้ความรู้สึกบริสุทธิ์และลึกซึ้ง และใช้ชีวิตให้มีความสุข และศึกษาทฤษฎีการสอน
หลังจากทั้งหมดข้างต้นได้ง่าย งานกรอบคร่าวๆของเว็บไซต์การสอนได้ถูกก่อตั้งขึ้น
ซึ่งเบื้องต้นแสดงดังรูปที่ 2 ตอนนี้ก็ถึงเวลาที่จะสร้าง
เป็นโมดูล ทำไม ? เพราะหลายส่วนของเว็บ
หน้าจะเหมือนกันในย่อย . มันจะบันทึก
การทำซ้ำงานเพื่อใช้งานเฉพาะส่วนที่แตกต่างกัน มันเป็นเรื่องง่ายที่จะสร้างไฟล์โมดูล
. ในโมดูลแล้วแก้ไข
เลือกพื้นที่เพื่อแก้ไขเนื้อหาที่แตกต่างกัน แล้วเลือก " แทรกโมดูลวัตถุแก้ไข
เปิดพื้นที่ " ใน Dreamweaver เพื่อสร้างแก้ไขพื้นที่ สุดท้ายเลือก
" แฟ้มบันทึกเป็น " และ " ระบบแฟ้ม " ในบันทึกตัวเลือก ดังนั้นไฟล์
โมดูลเสร็จ เมื่อเรียกไฟล์ทุกครั้ง
เพียงต้องการที่จะบันทึกแล้วหน้าเว็บเป็น
" htm file รูป
"
การแปล กรุณารอสักครู่..