文档介绍：摘要:
本设计的主要内容是关于普通话的教学内容，本网站系统地讲述了普通话的基本知识，共有五章侧重于汉语音韵的讲解于分析，教授发音技巧，用理论指导学生练说普通话。使浏览者能够更好的了解普通话的意义和作用，掌握字词的准确发音。网站采用讲解、示范朗读与学生练****相结合的方法掌握发音技巧，同时，纠正学生在发音方面存在的问题，以便学生有针对性地进行练****力求使学生的普通话水平在原有基础上有一个质的提高，从而提高浏览者的普通话水平。
前言:
普通话网站的设计是为了让
为了方便浏览者学****我决定使用最新的网页制作工具Dream weaver MX制作。在日新月异的形式下，网页的制作有了长足的发展，并发生了很大的变化。Dream weaver MX多方面都取得了很大的成功。我们现在所要解决的问题是如何将Dream weaver MX普通话网站的制作中来。
在制作的过程中，不断吸收Dream weaver mx的精华部分，从理论和实践的结合上准确地反映在教材中，力求在新意和创造上向前跨前一步，能奉献给浏览者，有一定理论高度又联系实际，简明易学，可视性强的网站。因笔者的水平有限，在网站中可能出现一些不足之处还请大家指正。
正文：
（1），设计方案论证：
在多种设计方案中，经过分析和比较，最终选择用层和表格搭配的形式来设计。通过实践，我们发现层的作用是能够固定图片以及文字，表格的搭配可以使得网页显得更加美观。而其他方案则不尽如人意。
所用的技术为 Dream weaver mx，FLASH MX以及FILEWORKS。PHOTOSHOP等几种技术的合理的组合搭配运用，可以使得网站变的更加完美。
其技术特点是完美地体现了网页制作的优点。尤其是当代的网页制作工具。在网页制作的初步阶段，它们的运用显得尤为突出。在今后的网页的制作的过程中，这些技术和方案的将一一实现。
网页的制作的过程包括网页的初步阶段:收集材料和搜索图片，拟订提纲.
设计阶段:(设计方案,方案论证)
网站制作阶段:将网站骨架搭起来，再将文字、图片、音频填充进去网站制作起来.
（2），设计部分：
我们所采用的技术是Dream weaver mx，FLASH MX以及FILEWORKS，PHOTOSHOP。主页是由古典字****为背景，加上完美的插图，精辟的文字构成，给人一种美的享受。而滚动的字幕由下至上则显得尤为准确。其它各个章节均按照主页的设计方案来完成。
在设计的过程中，遇到了种种这样那样的问题，例如，关于框架的问题，关于材料收集的问题，关于图片的问题等等。我们在解决这些问题时，始终将技术难题放在首位。最终将这些问题一一解决。
内容:
一、网站首页的设计：
首页是一个网站的关键所在，它表现出来的设计思路、整体风格对整个网站有着重要的影响。对首页进行整体规划，采用上下的布局格式。具体安排如下：
网站LOGO运用PHOTOSHOP软件制作而成。 “普通话”用PHOTOSHOP制作而成。首先，新建一个高度为77象素，宽度为222象素的文件，将选定的图片导入,对其进行滤镜---模糊处理，然后用印章工具进行处理，这样背景就设置好了。接着，运用文字工具，写上“普通话”三字，设置为字体为隶书，大小为八号，颜色为深棕色，放置在正中,最后保存。
网页的滚动栏:在LOGO下插入一行,在设计窗口中定位加入滚动代码：输入文字”欢迎你浏览普通话课件,如有什么问题请与我们联系”.。
导航栏：整个网站分为五章八个部分，为了与其相呼应，插入一个九行，七列的表格，最左边一列以棕黄色为背景，,在每列的第一行输入用FILEWORKS制作好的章节名称.
左边部分:设计了八个版块:
(1) 课程大纲：插入一个一行、两列的表格，左表格插入“”为图标，右表格插入做好的flash图标“课程大纲”。链接课程大纲网页。
(2) 学****要求：插入一个一行、两列的表格，左表格插入“”为图标，右表格插入做好的flash图标“学****要求”。链接学****要求网页
(3) 学****重点：插入一个一行、两列的表格，左表格插入“”为图标，右表格插入做好的flash图标“学****重点”。链接学****重点网页。
(4) 学****难点：插入一个一行、两列的表格，左表格插入“”为图标，右表格插入做好的flash图标“学****难点”。链接学****难点网页。
(5) 音频文件：插入一个一行、两列的表格，左表格插入“”为图标，右表格插入做好的flash图标“音频文件”。链接音频文件网页。
(6) 练****插入一个一行、两列的表格，左表格插入“”为图标，右表格插入做好的flash图