毕业设计（论文）-《画法几何》多媒体数据库的建立.pdf

诚信声明本人郑重声明：本论文及其研究工作是本人在指导教师的指导下独立完成的，在完成论文时所利用的一切资料均已在参考文献中列出。本人签名：年月日毕业设计任务书毕业设计任务书设计题目：画法几何多媒体数据库的建立系部：机械工程系专业：机械工程及其自动化学号：112011145学生：程昊指导教师（含职称）：赵跃文(副教授)(任洁)(助教)1课题意义及目标针对教学中画法几何例题量大、排列分类不合理的情况，要求在掌握画法几何知识的基础上，用AUTOCAD绘制例题的平面图形，用solidworks或者proe绘制对应的三维模型，建立例题求解过程的动画。2主要任务1）查阅资料，了解画法几何课程设置。收集大量例题。2）绘制例题的AUTOCAD平面图形，并用solidworks或者proe绘制对应的三维模型。3）制作解题过程中每一步的动画，用swf格式或者avi格式保存。4)撰写毕业论文3主要参考资料1李力.机械制图多媒体课件中动画的技术研究.长安大学硕士学位论文.20122霞云周.高职机械制图精品课程网络资源建设研究.合肥工业大学硕士学位论文.20093邓祖才.机械制图多媒体课件的开发.电子科技大学硕士学位论文.20094金乐.机械制图三维虚拟模型库的研究与开发.山东大学硕士学位论文.20104进度安排设计各阶段名称起止日期查阅文献，完成开题报告2014.12.01至2014.12.31广泛阅读相关文献，制定方案2015.01.01至2015.03.10完成平面图形和三维图形的绘制2015.03.11至2015.04.30制作网页或者动画。2015.05.01至2015.05.15撰写毕业设计论文，准备答辩2015.05.16至2015.06.10审核人审核人：年月日太原工业学院毕业设计I画法几何多媒体数据库的建立摘要：摘要：针对教学中画法几何部分例题量大、排列分布不合理的情况，作者通过阅读大量资料，收集整理各种案例。将课本知识内容从传统纸质教材转移到网页上以电子数据的形式呈现给用户。其主要特点在于，将各式习题资源与教学内容收集汇总并存放在页面上，方便学生浏览学习和使用。本文从数据内容的制作与整理开始，逐个详细讲解了包括图形绘制、页面设计布局、网页制作步骤以及各栏目的相应制作及其用途意义等。关键词：关键词：画法几何；多媒体数据库；网页制作；AutoCAD。ThedescriptivegeometrymultimediadatabasedesignAbstract：Forteachingdescriptivegeometrydistributionpartofthelargeamountofexamplesandunreasonablesituationtheauthorthroughreadingalargenumberofdatacollectvariouscases.Thecontentofthetextbookknowledgefromtraditionalpaper-basedmaterialstransferredtothewebpageintheofelectronicdatapresentedtotheuser.Maincharacteristicisthatitsresourcestothevarioustypesofproblemsetsandteachingcontentaggregationonthepageconvenienttobrowsestudentslearnanduse.Inthispaperstartingfromthedatacontentproductionandfinishingonebyoneexplainsindetailincludinggraphicsdesignpagelayoutwebdesignstepsandthecolumnsofthecorrespondingproductionanditssignificanceinuseetc.Keywords：descriptivegeometrymultimediadatabaseWebpagecreationAutoCAD太原工业学院毕业设计II目录1绪论.12二维工程图的绘制.22.1AutoCAD.22.2二维工程图的绘制.32.3对点的投影章节内容的绘制.32.4对直线与平面、平面与平面的相对位置章节内容的绘制.42.5对平面的投影章节内容的绘制.52.6对直线的投影章节内容的绘制.72.7对投影变换章节内容的绘制.83三维立体模型的绘制.94网页的制作.114.1Dreamweaver软件介绍.114.2网页的制作与页面内容的插入.114.2.1初始页面的制作与网页的基本布局.124.2.2站点的建立.124.3空白页面的布局与框架的建立.134.4菜单栏的分类及不同栏目的内容和意义.154.4.1链接作用.154.4.2栏目内容意义及制作方式.164.5超级链接与测试链接有效性.235结论.25参考文献.27致谢.28太原工业学院毕业设计11绪论绪论随着社会的不断进步，科技的高速发展，人们的生活方式也随着信息技术的变革而不断改变，社交方式以及试听习惯等都在适应着电子科技的潮流，唯独在教育方面一成不变。本次课题设计的目的在于提供给学生新式的学习平台，用电子媒体的形式作为传递教育资源的媒介。多年来我国的学生大都依赖于纸质教材的学习，通过本次课题的设计与制作，让我看到了电子教学的未来趋势。手机、电脑、电视等等高新产品都在不断地更新换代，这些电子设备也在无时无刻的改变着我们的生活习惯、交往方式、娱乐休闲甚至是阅读习惯，书信早已悄无声息的消失在我们的生活当中，连它的替代者bb机、短信、飞信直到现在的QQ微信都已经换了好几代，也许书籍还能陪伴着人类在多走几年，但报纸却早已失去了其生命力，在当今这科技发达的时代，电子阅览的方式正大迈步的夺取着传统纸质读物的地位。相比而言，它是高效的、便捷的、环保的、开放的、易于交换分享的甚至是免费的，它不需要砍伐树木破坏环境，不需要花费高昂的费用，不需要外出需找，它的形式是当今年轻人最能接受的。常常听到人们说带着兴趣和乐趣去学习，那么他在学习过程中一定是快乐的，对于现在的年轻人喜爱电子设备的程度而言，何不放弃对他人的劝导而去适应社会做自我改变，让学生以他们最接受喜爱的方式进行学习。与时代接轨的新式教育媒介和对传统教学理念的不变是我本次课题设计的两个最基本的出发点。此课题设计的目的不仅在于帮助提供给学生自主学习的平台，同时也希望能够成为老师学生在课堂中的教学辅助工具，用于教学辅导、习题练习。其下载专区支持各类型习题答案、教案等下载，便利于学生在课后课外进行对应知识点的练习与巩固，如遇无法解决的难题难点也可借助平台栏目进行人工援助。在本数据库的制作中会使用到较多相关制作软件，因作者技术能力有限，仅能将大体框架与网页的基本雏形呈现在诸位眼前。此数据库中还存在有诸多瑕疵与不足，望在今后的日子能得到大家的点评和指正，在此表示感谢。太原工业学院毕业设计22二维工程图的绘制二维工程图的绘制在绘制平面图形中，可根据图形绘制的规格要求以及个人习惯来进行选择。通常较为常用的有AutoCAD、SolidWorks、Proe、UG、3dmax等绘图软件。本次多媒体数据库里所包含的二维图形采用的都是AutoCAD绘制。2.1AutoCADAutoCAD（AutoComputerAidedDesign）是Autodesk公司在1982年第一次生产的计算机辅助设计的软件，主要使用在二维图形的绘制与设计、详细绘制、设计文档、基本三维设计。现在已经是国际上最受欢迎的图形绘制工具。此软件所使用的二维绘图事实标准格式为dwg文件格式。AutoCAD是由美国的Autodesk欧特克公司在二十世纪八十年代为微型计算机上应用CAD技术而开发的图形绘制程序软件包，经过不断地升级和完善，现已成为国际上广为流传的图形绘制工具此软件具有很好的用户使用界面，通过交互菜单或者是命令行方式就可以进行各种操作。他的多文档设计环境，使不是计算机专业的人也能很快的掌握学习并使用，在不断的操作实践的过程中能更加熟练地掌握此软件的各种应用和开发使用技巧来大幅提高工作效率。此软件具有非常广泛的适应性，现支持当今多种微机的各类型操作系统，并且能够在其中完美流畅的运行，支持各种图形显示分辨率以及数种输入型外置设备，是使之能广泛应用及普及的重要因素。此软件具有如下优点：（1）有十分强大的图形处理编辑功能。（2）有十分完善的二维图形设计绘制功能。（3）可以使用数种方式方法来进行第二次开发与用户定制。（4）支持市面上大多数硬件设备（5）方便进行各种图形的格式转换，数据交换能力强。（6）能完美应用于多种操作平台（7）具有通用和易用性，适用于不同用户。尽管此软件在绘制二维图形时有着显著的优势，但在绘制三维图形时就显得很无太原工业学院毕业设计3力，如绘制三维图形，proe和solidworks无疑是更好地选择。如大多数二维图形绘制，在开始阶段需要设置好自己习惯使用的各项参数，例如图层的选择，直线粗细、样式与颜色等等，这样在某种程度上极大的便利绘图者的使用与操作便捷，养成一定的良好习惯有助于在今后绘制图形过程中能够更加精确、熟练。2.2二维工程图的绘制二维工程图的绘制在本课题中主要对应的是画法几何数据库的建立，所以会有大量的二维图形需要去绘制和处理，其中要整理好习题资源以及课本例题等相关图形，在用AutoCAD软件进行二维图形绘制，最后再将图形插入到已制作完成的对应网页内容里。需要绘制的内容大概包括书本教学内容所对应的图形、课本例题、课本课外习题。2.3对点的投影章节内容的绘制对点的投影章节内容的绘制本章节知识点内容及题型题量相对后面较少，也相对好学习与理解，因此习题内容与例题题库不需量大而在于精。首先对应第一节的“投影法”进行图形绘制，如图2.1：图2.1投影例如此图形的绘制，首先需要准备好两个最简单的图层，一粗一细直线即可，由太原工业学院毕业设计4于没有规格尺寸，所以需要绘图者根据原始图形用肉眼捕捉细节大概画出即可。下面介绍在此图形中需要用到的常用技巧及绘图命令。（1）DT：文字输入命令，如需在图形中添加注释或者输入文字等，需要用到此命令。（2）PL：箭头绘制命令，如一般标注或者指引需要用到此命令。（3）L：直线绘制命令，如画直线线段可用此命令，一般也可直接用鼠标点选直线绘制图标来使用。（4）修剪：主要用于对多余线段的修剪剪裁。（5）图案填充：用于对某一封闭区域里进行色彩填充。其余的包括极轴追踪、对象捕捉、对象捕捉追踪等。由于此图形较为简单且没有规格尺寸，在进行绘画时可先画物体也可以先画投影面，其中投影面和物体的棱线和边缘用粗实线画出，其余线条使用细实线，在画基本图形的框架时，将极轴追踪和对象捕捉按钮点亮可以使绘制变得非常方便，不要太刻意去绘制线段的原始长度，按自己舒服的画法进行，最后用剪裁按钮将多余的线段删除即可。在绘制物体中数个细实线时，可将对象捕捉按钮关闭，不然它会不断的自动选定到最近的交点而极大地干扰绘画，在区域填充色彩时主要需保证线段围成的区域为封闭的即可，标注跟箭头也只需精准精细。这里有个小技巧，在绘制两种极为相似的图形时，可先绘制出第一个图形，在用复制粘贴的方法快速的贴出第二个图形，并且对其不同的小细节进行修改即可。这种方法能极大的加快绘图者绘制图形的速度，并且及其便利。在本章节中所需要绘制的是书本上的概念和教学内容相关的图形，着重抓住教学环节的主要知识点和概念，用最直观的图形和最精简的语句让学生充分理解学习相关内容。2.4对直线与平面、平面与平面的相对位置章节内容的绘制对直线与平面、平面与平面的相对位置章节内容的绘制本章节需要绘制的内容包括：1.平行关系（1）直线与平面平行（2）平面与平面平行2.相交关系太原工业学院毕业设计5（1）用积聚性求交点交线（2）利用辅助平面法求交点交线3.垂直关系（1）直线与平面垂直（2）平面与平面垂直此章节绘图内容较为复杂，知识点涵盖较多，绘图时需仔细用心避免出错，由于其中包含大部分平面的相对关系，所以在此章绘图时可以利用复制粘贴方法来减少绘制工作量并且加快绘制速度。其中个别图形中需要使用虚线，在这里需要绘图者熟练掌握各种线段的使用。同时其中一些图形还会出现遮挡部分，需灵活运用剪裁工具来对图形进行编辑处理。例如图2.2：图2.2案例图绘制此图形时可直接绘制出平面与物体，不用考虑其虚线与遮挡关系，当全部线段物体绘制完成时，在用剪裁工具对被遮挡处的线段进行删除，并用已设好的虚线继续填补即可。2.5对平面的投影章节内容的绘制对平面的投影章节内容的绘制太原工业学院毕业设计6此章节的图形包括各种投影面的知识点，其中分为面面垂直、面面平行、一般位置平面和平面上的点和直线。开始需先绘制基本的“用几何元素表示平面”里的内容，让学生直观的理解平面的表示。需要绘制的部分包括：（1）不在同一条直线上的三点。（2）一直线和直线外的一点。（3）两条相交的直线。（4）两条平行的直线。（5）任意平面图形，如圆形平行四边形等。由于上述图形较为简单，就不一一阐述绘制过程，再次我们以绘制“投影面平行面”图形内容为例，如图2.3：图2.3正面图可以看出此图形绘制与之前内容不尽相同，也是需要先绘出三面在绘制其中物体，需要注意的是图形与其V面投影交点的连接线必须平行于Y轴，同理竖直和水平连接线也要分别平行于Z和X轴。H面和W面投影可以看出是条直线，所以可直接垂直连三点到其所对应的平面，选定投影位置画出线段并用裁剪进行修改即可。如图2.4：太原工业学院毕业设计7图2.4正平面可以看出此图形需先画出其坐标轴，做出第四象限的45直线，然后先画出第二象限的实物物体，在分别连线于其他象限画出其对应图形，绘制十分简单方便。2.6对直线的投影章节内容的绘制对直线的投影章节内容的绘制此章节无论是课本内容还是例题与课外习题的数量都略有增大，下图为本章节示例图形。如图2.5：太原工业学院毕业设计8图2.5直线投影可以看出，绘制的步骤和需标注的字母相对要多一些，在此图形的绘制中，需先画出图形的三面，在对物体进行绘制，其中大部分绘图方法上章也有所提及，另外此章在绘图上会用到额外新的指令，例如画圆、特殊符号的标注等。在特殊符号的标注方面，可以直接使用搜狗输入法的Ctrl+Shift+Z键快速调出特殊符号选择面板，其中常用的有标点符号、数字序号、数学单位、希腊拉丁，在需要标注符号表示时就可选用“希腊拉丁”符号面板里的、等，需要标出角度时可在“数学单位”面板里找到度数符号（），还有一个小技巧就是比如需要打出这个字符时，可以不调用特殊符号面板，直接用拼音的方式输入gama会看到在第五选项会有字符选项，基本常用的简单符号都可用这种方法来使用。2.7对投影变换章节内容的绘制对投影变换章节内容的绘制本章节内容较少但相对知识点较难，其中重点是需要学习掌握“换面法”，换面法内容里又包括其六个基本问题都是需要相应去绘制的。另还有旋转法的相关知识，由于图形特点前几章都详尽讲过，在此不做示例介绍。以上是对本课题全部章节内容里二维图形的绘制与介绍，之后需要讲解的是三维立体模型的制作与制作软件。太原工业学院毕业设计93三维立体模型的绘制三维立体模型的绘制在绘制三维立体模型时，可以使用的软件有很多，如proe、Solidworks、3dmax、CAXA、UG等。同样以上的软件是需要根据不同的情况和条件针对不同的设计模型来选用的。通常来说solidworks很容易上手运用，3dmax绘制于不规则图形较多，本章采用的是proe来进行绘制，以下就对此软件的优点及用法进行详细介绍。ProE是美国PTC公司开发制作的软件，制作完成并于1988年推出。27年来，经历了数十次的改版，已经当选为全球乃至中国地区最热门最普及的三维建模系统应用软件，其主要应用于机械设计、模具生产设计、电子电器设计、工业设计、汽车制造与设计、航空航天设计、玩具设计制造等等行业。ProE是十分完善而全面的3D产品开发软件，和其相关的软件分别有prodesigner（造型设计）、promechanica（功能仿真），此软件包含了对产品的转配、零件的设计、模具的开发、加工制造、逆向工程、钣金设计、自动测量、工业设计、有限元和机构分析、产品的数据库及其管理功能，从而使用户大大的缩短了产品的开发时间与此同时也极大地简化了产品开发的流程，在全球范围内有众多数企业和公司选择使用PROENGINEER软件系统作为他们的标准设计软件进行产品的开发与设计。ProE及其具有特点的软件功能深深的影响了我们在工作中设计及制造方法。虽然solidworks相较于初学者来说更容易上手，操作也更为简便直观，但proe功能以及实用性更加强大，不仅在模型模拟动画方面尤为突出，对于常使用CAD绘制二维图的人员来说，它的三维模型转二维图纸功能、与cad二维图纸互通等等的便利无疑深受人们的喜爱。在本数据库中，需要有一章节画出三维模型来让用户进行学习认知，图形素材与教学内容等都是经过网上收集与从教学课本上的题型中挑选而来，通过使用Proe软件进行绘制，最后将其整理插入到相应的网页页面当中去，本次绘制题型大部分来源自课本第七章中的经典例题、教学内容所对应的模型、课外练习习题等。对基本立体的投影及表面交线章节内容的三维模型制作在本章节的三维模型绘制中，需先了解章节内容所包括的几个主要的知识点，其中在平面基本立体小节中，要对最基本的几何模型进行绘制，接着是回转立体的绘制，在后面的小节内容里大部分都是关于各种情况下立体的交线，需挑选个别具有代表性的立体模型进行绘制。在此已绘制简单的圆柱体为例，如图3.1所示太原工业学院毕业设计10图3.1圆柱体在绘制此三维模型时，具体操作步骤大概如下。首先在草绘中画一个已知直径的圆，然后找到拉伸命令，点击拉伸，则形成以上的圆柱图形。太原工业学院毕业设计114网页的制作网页的制作网页的设计与制作，首先要进行的是对网页制作软件的选择，在市面上较为流行的网页制作软件有Dreamweaver、MicrosoftFrontPage、CoreDraw等甚至也可以使用word来制作网页页面。除去必须熟练掌握以上的一种网页制作工具外，一个合格的网页制作人员还必须同时掌握其他类型的辅助软件，例如PS（Photoshop），此软件主要用途是对图片的编辑修改，对页面图片润色包括加特效的一款图像处理软件；Flash，此程序是给页面或者标题添加动态图片、制作网页里添加动画等的一款动画制作软件。如能熟练掌握此二程序，将会给你的网页带来非同凡响的效果，页面的美观，炫彩的动画，丰富的内容，将会是每一个浏览者赏心悦目。4.1Dreamweaver软件介绍软件介绍本次课题设计采用的是Dreamweaver来对网页进行制作，此软件在网页制作方面特点十分明显，多年来在世界范围内有着良好的口碑，dreamweaver属于一款可视化网页制作工具。对于初学者来说，其可视化设计可以令用户很快的适应学习并掌握此软件的运用而不需要纠结于繁复的代码输入，同时它还支持网站的运作与管理，在维护与更新方面做得十分出色，其涵盖了绝大部分的程序语言的编写与调试，例如PHP、ASP、XML、JSP、ASP.NET等。还同时包含有HomeSiteBBEdit捆绑、HTML格式化、HTML格式控制选项和HTML的检查。其主要特点还是在于可视化的网页编辑器，一般来说网页制作都会生成大量的代码，对今后网页的修改与维护带来了很大的不便，也会增大网页文件大小。此程序在使用时就不会出现类似情况和麻烦，且经过设置后也能清理网页的无用代码。在操作上，如非专业制作人人员，完全不用去学习使用代码来制作网页，用可视窗口来对网页制作布局无疑对初学者是极大地便利。4.2网页的制作与页面内容的插入网页的制作与页面内容的插入本次网页制作的过程和结果都是制作者在自学后边做边摸索而成的，其技术水平对网页的质量有很大影响与限制，当中所有链接与子网页文件等均是制作者自己的设太原工业学院毕业设计12计思路，图片背景素材部分采用学校网站截图截取并修改，网页插入内容有收集的习题资源、制作者手打的教学内容及使用cad绘制的二维图形等。4.2.1初始页面的制作与网页的基本布局初始页面的制作与网页的基本布局在开始阶段，打开程序的同时，我们需要选择一个空白页面，选项我们常用HTML格式，所以应在常规项里选择基本页，基本页面的格式要选择HTML。如图4.1：图4.1空白页格式4.2.2站点的建立站点的建立在制作设计初期，除了空白页的建立，最主要的是先建立好一个使用站点，站点的用途在于方便集中管理今后在此网页上的图片、素材和子页面，它能让用户清楚的看到文件的位置与存储状况，方便快速找到需要用到的图片与子网页并相应的对其修改或删除。在图4.2右侧点选站点管理选项点击新建直接创建。太原工业学院毕业设计13图4.2站点创建当站点创建完成时我们可以点击前面的小+号，同时可以在其中创建文件夹或者网页文件。在站点中可以对文件和文件夹进行删除、移动、复制、粘贴和重命名等等操作。通常建议在准备制作网页前，按照制作者自己的构思和对未来创建页面的类型格式布局等，在站点文件夹下建立多个子文件夹来方便保存查找资料。例如在本课题的网页制作中，站点文件夹下创建了素材资源、教学内容、教学大纲、内容概括和题库这5个子文件夹，建立这5个子文件夹是因为设计的需要、涵盖的内容和页面的布局等，把不同类型的素材资源、网页文件分别对应的存放到相应文件夹中，使资源管理器里的页面干净文件存放的有序，而同时又能让制作人员快速方便的查找浏览。如图4.3：图4.3站点子文件夹4.3空白页面的布局与框架的建立空白页面的布局与框架的建立在开始制作前，制作者要有明确的网页规划布局，头脑里要清楚地知道怎样对页太原工业学院毕业设计14面的划分。当构思完毕时，即可开始制作页面。首先我们以本课题的网页制作为例，基本网页的构成需要有标题栏、选项栏和基本网页内容。在制作初期，需要先建立一个表格来帮助页面划分，首先是标题栏，这里我们需要一个根据网页大小布局相适应的的框架来存放标题的图片素材，点击软件菜单栏里“插入”选项，选择“表格”，在弹出的对话框中对各项属性进行修改，因为常用标题都是一张长方形的图片，这里我们把表格的行、列选项都设置为一，根据页面的布局和图片的大小我们将此表格框架的宽度设置为1002像素，高度设置为132像素，需要特别说明的是这里的长宽单位也可以更改为百分比。制作好标题栏的框架后就可以插入已准备好的素材图片了，本网页的标题图片是从学校网站里直接截取下来的，如需想在标题图片里添加自己想要的文字可以使用ps等相关图形编辑程序，此程序除了可以对图片进行文字添加，也可以抹去原图中制作者不想要的文字同时在进行替换。图片插入后，也可对图片进行适当的调整，使其填满对准表格的边缘。当制作完标题栏后紧接着就是制作菜单栏，根据设计者的需要，在这里由于我们把网页分成了八个内容，所以对应的就要有八个菜单点选框。新建表格，把表格设置为一行八列，设置好固定的列间距，长宽跟局页面的布局分别设置为宽度1002像素，高度37像素。此后分别给每个框架设置好背景图片并且输入各自对应的文字内容。当标题和菜单栏制作完成后，就该对页面其余空白部分进行划分，这里的设计与划分完全是按照设计者的意愿来进行的，本网页将其设置成一个一行三列的表格，并在第三列加装了两个文本框，宽度与标题栏一致，高度按页面合理大小来设定，后期再全部完成前可以根据需求及个人喜好来往里添加素材。最后需要在页尾设置一个尾标，操作方法与之前相同，建立一个表格设置为一行一列即可，宽度与之前一致，高度则可以设为38像素，添加相应的背景素材并输入文字就完成。另需说明本网页的菜单栏文字格式统一采用fontstyle1090406394-44102字体，字体颜色统一设置为白色（因为背景素材为蓝色的缘故，白色字体显得更为美观和清晰）。以上是网页的主页面制作全部步骤，页面的设计与布局划分可以千差万别，完全根据设计者的想法而定，图4.4就是本网页设计初步完成后的效果图。太原工业学院毕业设计15图4.4页面基本框架4.4菜单栏的分类及不同栏目的内容和意义菜单栏的分类及不同栏目的内容和意义4.4.1链接作用链接作用（1）本站首页此链接的作用是方便网页浏览者快速回到网站首页，无论浏览用户在此站内任何子网页当中，只要点选即可返回主页。（2）课程概括此链接的作用是让浏览用户需要查看了解课程概括时，点选此链接可快速跳转到相应子网页。（3）教学大纲此链接的作用是让需要了解并查看教学大纲的浏览者点选此项并能快速跳转至相对页面。（4）教学内容此链接是让需要学习课本知识了解课程讲解的浏览者来点选，并且会自动跳转至相应界面。（5）练习题库此链接是当浏览者需要练习习题、查看题型时，点选此项能跳转至习题页面。太原工业学院毕业设计16（6）在线答疑此链接的作用是当浏览者需要帮助并希望相应解答是，点此项可跳转至在线答疑页面。（7）下载专区此链接是当浏览用户需要下载习题或习题答案时，此选项可跳转至下载专区网页页面。（8）网站地图此链接主要用于引导访问网页的浏览用户快速找到自己想访问的页面，点选此项可以跳转至网站地图页。4.4.2栏目内容意义及制作方式栏目内容意义及制作方式（1）本站首页此栏无单独页面和独立内容，其主要作用是链接于网站主页，使浏览者方便快捷的返回到网站的起始页。（2）课程概括在制作此页面时，需先复制开始时制作的主页页面，因为这样就省去了后面每页对于标题栏、菜单栏、页面框架、页尾等的制作步骤，在右边资源管理器复制完网页文件后，点选开课程概括文件夹并将它粘贴至其中，接着双击刚刚已粘好的文件，可以看到与主页相同的页面出现。在需要对其稍加改动，将原始空白处的表格框删除，也可重新设置，点选软件菜单栏里的插入选项，将光标移动至表单选项，点选其中的文本区域。接着会弹出文本区域属性框，直接点选是不用修改，会看到文本框已经出现在页面中。下面需要对表格进行属性调整，将其设置为宽1002像素，高500像素，行列属性默认为一不变。接着点选文本框，可以看到属性栏里“字符宽度”和“行数”选项，“字符宽度”的意思是在一行里最多容纳的字数的限制，“行数”的意思类似于表格高度，将其分别设置为140和60。如图4.5：图4.5文本域属性框太原工业学院毕业设计17在属性栏里还可以看见“类型”的选项，此选项最能体现表单的作用，其中“类型”里有三个选择分别是单行、多行和密码，选择多行按钮可以看到下面初始值里会出现页面滚动条，表单包括其初始值得设置一般用于表格的填写、问卷调查，这里是利用其特性来制作网页内容。在初始之中，将事先准备好的课程概括内容粘贴进去，特别提醒由于表单的特性而不能直接粘贴至页面，必须粘至初始值框架里才可以。可以看到如图4.6，文章内容已经出现在了页面上，并且配有独立的页面滚动条方便用户操作浏览。图4.6课程概括课程概括栏目的意义：此栏目是为了让学生大致了解不同课程所要讲述的知识和知识点，方便学生有效迅速的找到需要学习的课程，省去翻书查找目录等繁琐的步骤，极大提高了学生学习的便捷。（3）教学大纲此栏的网页页面制作步骤与课程概括可谓如出一辙，包括页面的粘贴，表单文本区域的设置，内容的填写方式以及类型的选择等等，再次不做过多说明。本栏目设置的意义在于方便教师查看教学大纲，在浏览网页的同时可以边看课题内容边查阅大纲，脱离纸质教材的束缚，习题内容大概可以同时在此站点查询，同时学生也可了解大纲内容，对今后的学习予以规划，确定学习的路线和方向。（4）教学内容本栏所包含的大多是课本内容，只是以电子阅览的方式呈现。在做此子页面的同太原工业学院毕业设计18时，也需复制主页文件至其教学内容子文件夹内（可以单独拷贝一个文件保存下来方便后续页面的制作），与教学大纲和课程概括的制作方式不同在于，需要对空白页表格进行属性设置而不用在添加表单的文本框。这里需要设置表格框架行列属性为一行两列，因为后面要做页面内容里左侧为文字超级链接、右侧为相对应的文字内容格式。在设置好表格框架属性后，用鼠标拉选中间的框架分割线往左侧移动（也可直接在框架属性栏里输入数据设置），给右面对应内容区域留下足够的空间。全部完成后就可以在左侧第一列里输入想对应的课程题目，本网页有六个课程题目分别是：第二章投影基本知识及点的投影、第三章直线的投影、第四章平面的投影、第五章直线与平面，平面与平面的相对位置、第六章投影变换和第七章基本立体的投影及表面交线。如图4.7：图4.7课程链接完成此项输入后，需将此页面保存并复制留以其他链接所用。由于此栏包括六章内容，所以需要分别粘出六个子网页文件，加上此栏主页一共七个子页面。首先对第一个子网页命名为“第二章投影基本知识点及点的投影”（其余子网页也按照顺序先后命名，此栏主页面也可直接命名为“主”）方便后续点选修改。其次点进第二章所属的网页文件内，对右侧章节内容区域进行文字图形内容的填写。本栏目里的文字图形都是根据课本内容进行填写的，没有全篇引用，而是着重挑选最主要的文字、概念、公式及个别例题，以上内容均为手打，二维图形均采用AutoCAD绘制前篇也有大概的绘制讲解。对第二张的内容输入完毕后即可按相同方式分别对之后的三、四、五、六、七章进行内容键入，每章节对应的网页内容完成后记得保存，避免操作失误或者不可抗因太原工业学院毕业设计19素导致数据丢失。本栏目设定的主要意义在于方便学生可以脱离纸质教材的情况下进行系统的学习，由于章节内容全部出自于原版纸质教材，不会出现教、学不一致的情况，在者本栏里的内容大都是经过精心挑选，主要抓住的都是重要的知识点及图示，抛开省去了不必要的文字注释以及难懂只用做到了解即可的内容，让学生能直观的看到一个章节里的中心内容，核心知识，加大学生学习的动力，提高学习的兴趣，而且最为主要的是大大缩短了学习的时间，提高效率。让学生不在课堂也能学习理解课本知识。（在完成全部的章节内容输入后，需要做的就是超级链接的设定，此处不做讲解，在后面的章节会有演示。）（5）练习题库此栏开始页面的制作步骤与前一栏“教学内容”一致，甚至也可直接复制上一栏的主页面来使用。在布局方面，也是要左面为不同章节文字链接，右面为不同章节对应的相关内容。表格框架的属性设定也都是一行一列，高宽与之前相同。此页面内的所有题型及例题资源大多是从网上查阅以及各式画法几何习题库等查找而来，经过筛选总结后，分类至各个相应章节之中，大多是很具有代表性的题型，基本能挂靠住每个章节的各个知识点。此栏设定的主要意义在于方便学生去做对应的习题练习，在之前的几个栏目中分别有让学生对课程内容的了解以及对课本内容知识点的学习。在学习过后需要对每个知识点进行消化，就可以利用本题库进行特定的章节内容以及相关知识点所对应的题集进行练习。边学边练无疑极大的巩固了学生对知识点的认知，让学生吃透每一个章节的每一部分内容。与此同时，也减去了学生在学习后，去购买习题册，翻阅纸质习题查找对应点的不必要步骤。现是初步规划习题的内容和涵盖，在今后不断地对网页的开发和升级上将会有更多更好更精确的题型出现在此网页上。（6）在线答疑在做此栏目网页内容时，需要做大量准备工作，因为其不同于前几个栏的制作，在这一环节主要是表单的制作及各种单选复选框的运用。首先，在内容框架上需要删除之前复制来的页面框架，然后点选菜单里的“插入”选项，从中找到表单选项，点出表单框会先弹出其基本属性设置框，这里不用进行设置直接点击确定即可，可以看到出现一个空白的表单框。接下来需要在表单框里添加一个新的表格，将其设置为10行2列的格式，高度太原工业学院毕业设计20设定为500像素，宽度设置为1002像素，可以看出基本表格形式出现，这里我们也需要将分割线向左拖动至适当的位置。然后在第一行第二列里输入“在线答疑”四个字，并点选第一行的两个框架右键选择合并文本框将它们合并，之后可以适当调整字间距以示美观。后在第二行第一列里输入汉字“姓名”，在第二列里需要插入一个“文本字段”，按顺序在第三行里输入性别，同样在其对应的第二列里点选出两个单选按钮，分别在其后打上“男”、“女”，现点选第一个单选按钮将其属性面板里的选定值改为“男”，这么做是因为每当有用户点选此按钮时，就会默认为是选择“男”这个选项。同理，第二个按钮也需要进行同样的设置，区别在于选定值需改为“女”。在其单选框的属性面板中也可看到“初始状态”中有“已勾选”和“未选中”两个按钮，当把“男”所属的单选按钮属性面板里的已勾选选中后，会发现在表单初始状态下是会自动选定性别“男”这个单选按钮的。如图4.8：图4.8单选按钮当完成单选按钮时，进行下一步设定。在第四行第一列里输入“系部专业”，并在对应列里添加一个“列表菜单”并对其进行设置。首先点击它打开的属性面板，点选其中的“列表值”选项并对里面相应内容进行添加，如“机械工程系”、“设计艺术系”、“自动化系”等。如图4.9：图4.9列表值太原工业学院毕业设计21设置完成后点选他就会出现一个下拉菜单式的选项，方便而又美观。接着一行我们需要输入的是“联系方式”，与其对应的第二列里只需要添加一个文本字条即可。下面一行输入“年级”，对应的列里添加“列表菜单”框，其设置与之前的“系部专业”对应框设置类似，需要变动的只是列表值里的文字，分别键入“大一”、“大二”、“大三”、“大四”并点击确定按钮即可。第七行里，输入汉字“问题”，并在与之对应的第二列里添加“复选框”。复选框选项在软件快捷栏里“单选按钮”的前面，其设置与“单选按钮”十分类似。本网页制作创建了四个复选按钮，与其相对应的分别是“公式概念不理解”、“疑难题型不会解”、“缺少学习方法”和“其他”。之后要做的就是分别把每个复选框属性面板里的选定值改为与其相对应的文字，而后点击确定即可。第八行需要输入的是“备注说明”，此栏目的是在求助者需要表达自己想法意思包括各类题型时所用的到的。在其对应的第二列里插入一个文本区域，将文本区域里的类型设置为多行，字符宽度设置为70，行数设置为3行。并在初始值中键入“此处需填写问题和要求，疑难题型和详细说明”字样，每当有浏览者访问此页并想要在框架里填写问题时，可以删除之前作者留下的字样或提示。并且字数限制于格式也相对够用。在最后一行里需要点出软件快捷选项栏里的“按钮”选项，并点选两次，可以看到的是出现了两个按钮选项，其默认文字为提交。在这里先将最后一行的两列合并为一列，再将两个按钮居中，然后分别对其进行设置。首先点击一个按钮选框改名为“确定提交”，将第二个改名为“重新填写”（改名选项在其属性面板里操作），在者将“确定提交”按钮属性面板里的动作勾选为“提交表单”，将“重新填写”属性面板里的动作勾选为“重设表单”，这样在设置好之后，当点击“提交表单”时网页会自动发出表单，在点击“重设表单”时网页会重置表单内容并让使用者可以重新填写。最后选中表单，在属性框中找到动作条并输入所指定的邮箱地址，这样在此后每当有用户提交表单时，整个表单信息就会以邮件的形式自动发送，以下为表单制作完成后的效果图。如图4.10：太原工业学院毕业设计22图4.10表单效果此栏设定的主要意义在于，帮助学生解决学习上的难题问题，在通过本网页进行学习的过程中，遇到难懂的知识点，不会解答的习题等都可以使用此功能来寻求帮助。另外一个好处就是在课外没有老师辅导情况下，可以通过此功能解答一切学习上遇到的困难。总之是学生自主学习时不可获取的一项功能。（7）下载专区本栏的作用主要是给师生提供各式习题的下载资源。在页面制作与页面划分上并无特点，只需采取表格单行两列并将习题资源排列放置即可，左边的章节文字展开栏也和之前的几个栏目一致，做好超级链接后，学生只需点击即可下载相应资料。设定此栏的意义在于能够给教师或者学生提供大量的电子习题素材，省去了购买和查阅资料的时间，极大地方便了学生对习题的查找。还因为网页页面的限制，使得网页制作者不可能大篇幅的而又得保证习题涵盖知识点很广的情况下放置习题集，同样，大篇幅的练习题也会使得页面看起来杂乱无章，无形中增加了学生查找习题的难度，使得题库变得毫无意义。因此，除了在题库中例举一定数量的习题外，此栏的主要作用就是放置各对应章节的大量题型，题集一般采取压缩包格式，配有对应章节列表并明确标注题集内容，使得用户在浏览页面时能轻松、便捷的查找到所需要的资料。另本栏中除了包含有各练习题的下载，还提供题库里对应章节习题的答案下载，其功能和用途十分有效。（8）网站地图此栏作用是帮助访问者快速找到所需要的页面，在制作上较为简单，只需设定几个超级链接即可，当用户需要找寻某一指定页面时，从中可直接点选并跳转至用户指太原工业学院毕业设计23定当前页。此栏的意义及用途在于极大便利了用户在访问网页期间，挨个点选查找所需页面的时间，其能使用户轻松便捷的找到所需的页面并且较为直观、清晰的展现整个网页的划分与布局，给每个访问用户提供便利。4.5超级链接与测试链接有效性超级链接与测试链接有效性在做好了各个栏目的子网页以及各章节对应的子网页后，需要进行超级链接的操作，特别需要注意的是，每个子网页的每个需要做链接的文字、栏目都需要逐一去链，如果其中一个环节漏掉了链接，都会使用户在访问网页的过程中遇到“无法链接服务器”的情况，因此，制作时一定要仔细认真，最后还要逐一检查链接的有效性。制作链接的方法很简单，但是工作量较大而又很容易出错，在此以网页菜单栏里“在线答疑”栏目为例，用鼠标选中栏目里“在线答疑”四个字，同时可以看到下方属性栏里有链接字样，这里制作链接有两个方法，第一种就是点选属性栏链接字样旁的文件夹图标，从中找到所需要链接的网页或文件。还一种方法就是点选另一个像瞄准器一样的标识，按住鼠标左键不放并将其拖动到右侧资源管理器中你想要链接的网页上，如图4.11所示，点选链接图标并按住鼠标左键不放将其箭头拖动到右侧资源管理器中“课程”网页文件上图4.11超级链接之后可以看到链接框里显示的是已成功链接到的文件地址与名称。太原工业学院毕业设计24如此做法将每个子页面中需要链接的内容逐一进行链接，最后进行网页链接的测试。测试网页链接有效性测试页面的链接，在常规工作窗口下，一般只能用鼠标逐一点选并查看属性栏里链接地址的方法来检查，这里要介绍新的界面和检查链接便捷使用的方法，每当一个页面制作完成后，都需要进行保存，在保存过后可以点选快捷工具栏中小地球的图标来在浏览器中显示网页的制作效果，也可以在保存过后直接按下键盘的F12键，这是浏览器