《网站设计毕业论文 .doc》由会员分享，可在线阅读，更多相关《网站设计毕业论文 .doc（31页珍藏版）》请在三一办公上搜索。
1、毕业设计（论文）课题个人站点的设计与制作类 别毕业设计说明 毕业设计论文系 科电子工程系专 业应用电子技术 应用电子技术/应用英语电气自动化技术 电气自动化技术/市场营销计算机应用技术 计算机应用技术/广告设计与策划班 级微机052D姓 名*完成日期2007年12月0日指导教师*个人网站的设计与制作摘 要随着越来越多的网页处理软件的出现，Dreamweaver依然被我们视为首选。因为它具有可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等媒体格
2、式和动态HTML、基于团队的Web创作。制作一个网站需要很多技术，包括图象的设计和处理、网页的动画效果和网页的排版等。我介绍的Coreldraw图形软件的特点是图形处理功能极强，定位精确，而且使用灵活。 关键词：Dreamweaver；网站；CorelDraw Personal Site Design and FabricationAbstractAs more and more of a web processing software, we were still regarded as Dreamweaver preferred. Because of its visual website
3、 design and web site management tools, support for the latest Web technology, including HTML inspection, HTML format control, HTML formatting options, page design visualization, image editing, global search to replace all FTP function to deal with Flash and Shockwave, and other media formats and dyn
4、amic HTML, the Web-based creative team.Making a web site requires a lot of technology, including the design and image processing, animation effects and Web page layout, and so on. I introduced Coreldraw Graphics software is characterized by extremely powerful graphics processing functions, positioni
5、ng precision, and the use of flexible.Key words：Dreamweaver; Web site; CorelDraw 目 录摘 要IAbstractII1、网页的一般制作过程12、网页制作的前期准备22.1认识网页22.2确定网站的内容32.3定义站点32.4收集资料63、CORELDRAW网站制作成果63.1 CORELDRAW主页63.2CORELDRAW特效143.3CORELDRAW素材163.4CORELDRAW教程173.5典藏推荐193.6留言板203.7校园网21参考文献- 1 -致谢- 2 -附录- 3 -继媒介（报纸、书刊、杂志）
6、、广播、电视后，第四媒体网络的出现，即将在21世纪的人类文明进程中产生巨大的作用。Internet互联网将是平面设计新的舞台，其信息资源无限、图文互动、高速高效的特点对印刷媒体有巨大的冲击，网络经济也对平面行业带来深远的影响。 网络信息传播具有声、像、图、文的，视觉、听觉、互动的视觉传达全球化的交互信息。平面设计师网络艺术家在未来的眼球大战中代表着新文化的产生。设计绘画CorelDraw是一个绘图与排版的软件，它广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等诸多领域。CorelDraw是基于矢量图的软件色。它的功能可大致分为两大类：绘图与排版。 CorelDraw界面设计
7、有好，操作精微细致。它提供了设计者一整套的绘图工具包括圆形、矩形、多边形、方格、螺旋线，并配合塑形工具，对各种基本以作出更多的变化，如圆角矩形，弧、扇形、星形等。同时也提供了特殊笔刷如压力笔、书写笔、喷洒器等，以便充分地利用电脑处理信息量大，随机控制能力高的特点。设计的背景如人文、社会和商业在发展与变化，新技术和的媒介产生都影响着设计。纵观平面设计的发展趋势，主要体现在设计工作模式和结构的变化，以及设计表现和形态的变化。随着知识经济的到来、经济的多元化和市场的发展，中国社会与经济赋与新兴产业新的机遇和挑战。设计行业作为知识型的服务产业和新兴交叉学科，在企业竞争中扮举足轻重的作用。日渐成熟的消费
8、市场对品牌服务、产品包装、广告和形象设计上提出更高的要求，从而促使设计崭露端倪。 1、网页的一般制作过程一个优秀的网站，除了有丰富的内容之外，最重要的就是要有清晰的布局和独具创意、令人赏心悦目的页面效果。一个能吸引人们注意而且能保持吸引力的网站，必须有简单易用、可读性强的布局，这样才能在浏览者心中建立信任感，而精彩的网页能促使浏览者增加点击率。总而言之，创意独特、设计精美和布局合理的网页才能使企业形象在互联网上得以完美体现，同时成为吸引浏览者和增加点击率的关键因素之一。网页的一般制作过程步骤如下：（1）明确网页制作的目的；（2）确定网页的结构；（3）组织网页的内容；（4）开始制作网页（5）美化
9、网页的外观；（6）网页上传（7）网站的更新与维护2、网页制作的前期准备2.1认识网页网页的学名称作HTML文件（文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等），是一种可以在www网上传输，并被浏览器认识和翻译成页面显示出来的文件。www是“world wide web的缩写；HTML的意思则是Hypertext Markup Language,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片，联接，甚至音乐，程序等非文字的元素。网页就是由HTML语言编写出来的。网页是构成网站的基本元素，是承载各种网站应用的平台。网页通常用图像档来提供图画，它要透
10、过网页浏览器来阅读。网页实际是一个文件，他存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取。文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。 网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个新媒体。它既拥有传统媒体的优点，同时又使传播变得更为直接、省力和有效；为了适应当今时代发展，必须增加艺术设计院校的网页设计课程；为了更好的体现网页
11、这一新型设计的特点，将它和传统媒体进行比较，了解它的优势所在；一个成功的网页设计，首先在观念上要确立动态的思维方式，其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣，在崇尚鲜明个性风格的今天，网页设计应增加个性化因素。网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个新媒体。它既拥有传统媒体的优点，同时又使传播变得更为直接、省力和有效；为了适应当今时代发展，必须增加艺术设计院校的网页设计课程；为了更好的体现网页这一新型设计的特点，将它和传统媒体进行比较，了解它的优势所在；一个成功的网页设计
12、，首先在观念上要确立动态的思维方式，其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣，在崇尚鲜明个性风格的今天，网页设计应增加个性化因素。2.2确定网站的内容本组网站的主题是“ 图形图像处理软件”，我要做的网站是Coreldraw网站，认识和确定网站之后，应该构思我的网站的内容了。在这个网站中，我会多插点视频教程，以及利用软件做出来的作品的图片展示；在文字处理方面，我会插入滚动字幕；在本软件的介绍方面，我会多介绍点本软件的简介等内容。本网站的知识通俗易懂，这样可以使浏览者觉得更加简洁明了，也使他们学会了本软件的知识。2.3定义站点在做网页之前，我要先在Dreamweaver MX
13、2004中创建站点：（1）选择“站点管理站点”命令，弹出“管理站点”对话框，单击“新建”按钮，然后从弹出的菜单中选择“站点”。如图2-1所示：图2-1（2）弹出“站点定义”对话框，如果对话框显示的是“高级”选项卡，则单击“基本”选项卡，弹出“站点定义向导”的第1个界面，要求为站点输入名称。如图2-2所示：图2-2（3）单击“下一步”按钮，弹出询问是否使用服务器技术的对话框。如果选择“是，我想使用服务器技术”，则询问“哪种服务器技术？”，其中包括“无”、“ASP JavaScript”、“ASP VBScript”、“ASP.NET C#”、“ASP.NET VB”、“ColdFusion”、“
14、JSP”、“PHP MySQL”选项。（4）目前该站点是一个静态站点，在这里选择“否，我不想使用服务器技术”。如图2-3所示：图2-3（5）单击“下一步”按钮，询问要如何使用文件。如图2-4所示：图2-4（6）选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”选项。单击下边文本框的图标，弹出“选择站点的本地根文件夹”对话框，在此选择根文件夹。如图2-5所示：图2-5（7）单击“下一步”按钮，询问如何连接到远程服务器。在此选择“无”。（8）单击“下一步”按钮，出现显示设置概要。（9）单击“完成”按钮，出现“管理站点”对话框，在对话框中显示了新的站点。（10）单击“完成”按钮，“管理
15、站点”对话框自动关闭。至此，已经为站点定义了一个本地根文件夹。如图2-6所示：图2-6定义了站点以后，就可以编辑自己的网页了。创建网页的具体操作步骤如下：（1）选择“文件新建”命令，弹出“新建文档”对话框。（2）在“新建文档”对话框中，将“类别”设置为“基本页”，“基本页”为HEML，单击“创建”按钮，新建空白网页。其实制作网页还应该要有图像处理软件，我用的是Photoshop和Coreldraw软件。2.4收集资料我做的网页是关于Coreldraw方面的知识，它是一个比较常见的平面图象处理软件，在日常生活中，我们在处理图象时是经常会用到。就个人网页而言，很少有人有能力完全靠自己来创作所有的内
16、容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。我取材的主要途径是从网络上收集，只要到百度、雅虎、搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。也看了一些关于Dreamweaver以前学过的知识，预习了Coreldraw软件的基础知识。3、CORELDRAW网站制作成果我的Coreldraw网站分成“Coreldraw主页”、 “Coreldraw 特效”、“Coreldraw素材”、“Coreldraw 教程”、“典藏推荐”、“留言板”、“校园网”七个网页。以下由我来介绍这几个网页。3.1 CORELDRAW主页图3-1我所有的网
17、页颜色基本上都是填充的“#F6D9A6”，就个人而言，我比较喜欢淡一点的颜色。色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于
18、环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。下面介绍几种常用的配色方案：暖色调：即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。冷色调：即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。对比色调：即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调
19、和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。 最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容。这种深浅的变化在色彩学中称为“明度变化”。有些主页，底色是黑的，但文字也选用了较深的色彩，由于色彩的明度比较接近，读者在阅览时，眼睛就会感觉很吃力，影响了阅读效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。网站的颜色
20、确定后，我也利用了一些制作网页的小技术来完善我的网站下面我就来介绍几种：（1）文本超级链接当浏览网页时，鼠标指针经过某些文本，其形状会发生变化，同时文本也会发生相应的变化（出现下划线、文本的颜色发生改变、字体发生改变等），提示浏览者这是带链接的文本。此时单击鼠标，会打开所链接的网页，这就是文本超级链接。下面来说一下创建文本超链接步骤：A、首先在Dreamweaver里面打开这个网页；B、选择想要链接的文本，单击属性面板中的“链接”文本框右边的按钮，弹出 “选择文件”对话框，从中选择一个文件作为超链接目标；C、单击“确定”按钮，在属性面板的“链接”文本框中出现链接文件；D、在属性面板的“目标”下
21、拉列表中选择文档的打开方式。（2）网页的源代码：单击“显示代码视图”按钮，将视图转换到源代码状态，然后单击右端的“视图选项”按钮，在弹出的菜单中选择全部命令。代码视图中显示的网页文档的源代码，HTML是最常用也是最普通的网页语言，HTML语言包含许多HTML标签，这些标签都包括在“”符号里，并且大部分是成对出现的，而文本在源代码中位于HTML标签之间。下面来简要介绍以下网页中包含的各个标签的含义。：网页的开始、结束标签。：网页的文档头部分，包含网页的重要信息，在浏览器中显示。：网页的可见部分均包含在该标签之间，我们在设计视图中看到的各个元素都包含在这一对标签内。（3）插入图片：单击鼠标左键，将
22、光标移到将插入图像的位置；打开“选择图像源”对话框，方法有3种（在“插入”/“常用”面板中，单击“插入图像”按钮；直接拖拽“插入”/“常用”面板中的“插入图象”按钮至页面的光标处；选择Dreamweaver MX主菜单中的“插入”/“图像”命令）；在弹出的“选择图像源”对话框中查找图像文件的途径；在对话框中将“预览图像”复选框勾选，选定图像的预览图就显示在对话框的右侧，单击“确定”按钮，图像就插入到网页中了。（4）网页的背景色：选择下拉菜单中的“修改”/“页面属性”命令，打开“页面属性”对话框；单击“背景”旁边的图标打开调色板，在调色板中鼠标指针变成“吸管”的形状；单击右上角的黑色箭头，在弹出
23、的菜单中将“调整到网页安全色”命令勾选；在网页安全颜色抓取“#F6D9A6”颜色后单击“确定”按钮，关闭“页面属性”对话框，文档的背景色就改变了。（在代码视图中，标签“body”中的属性“bgcolor=#F6D9A6”表示文档的背景色）（5）设置页边距：在设计视图中文本的上、下、左、右都有一定的边距，这是因为Dreamweaver默认方式下文档的上、下、左、右等边距是不为零的。选择下拉菜单中的“修改”/“页面属性”命令，打开“页面属性”对话框，即可以修改这些边距。在源代码中可以看到，HTML标签“body”中共有4项，它们依次定义了“左边界”、“顶部边界”、“边界宽度”、“边界高度”选项。在
24、“body”标签中，每个属性之间都有一个半角的空格，而不是连接在一起的，如果连接在一起，文档就会出错。（6）电子邮件链接：在文档中将鼠标指针置于预添加电子邮件链接处；单击“插入”/“常用”面板上的按钮，打开“电子邮件链接”对话框；在“文本”选项的文本框内填入在文档中显示的信息，在“E-mail”选项的文本框内必须输入邮箱的地址且地址必须完整，不能有任何错误，否则将无法正确发送信息；单击“确定”按钮，一个电子邮件链接就创建好了。在网页中单击带链接的文本“电子信箱”，将自动启动浏览器端的电子邮件管理软件并创建一个新邮件，并且自动在收件人处设置为以上所设置的电子邮件地址。在代码视图中可以看到电子邮件
25、链接与普通链接的不同：联系我们： welcome （7）主页图片的制作在本组中，我负责的是介绍CORELDRAW的内容，所以在CORELDRAW首页上右边的图片是我在CORELDRAW12中做的。具体步骤如下：打开CORELDRAW12的界面，在弹出的框中，点击“新建”。选择菜单中的“文件”，点击“导入”命令或按快捷键“Ctrl+I”即可。在弹出的“导入”对话框中选择要导入的图片，然后点击“导入”。先调整图片的大小，然后点击左侧工具箱中的“文本工具”，在图片上输入“CorelDRAW”。选择菜单中的“窗口”，点击“调色板”命令打开。选中输入的文字“CorelDRAW”，在调色板上选定的颜色上单
26、击鼠标左键，将调色板上的颜色块拖至对象上，然后松开鼠标。选择菜单中的“排列”，点击“锁定对象”。选择菜单中的“文件”，点击“发布到Web”、“Web图象优化程序”，弹出“网络图象优化程序”。在弹出的框中选择“JPEG”格式，点击“确定”。选择菜单中的“文件”，点击“保存”命令，弹出“保存绘图”对话框，输入文件名，点击“保存”按钮。在Dreamweaver MX 2004中选择菜单中的“文件”，点击“打开”，弹出“打开”对话框，选择我的CORELDRAW主页，点击“打开”按钮。将鼠标点击要插入图片的位置，选择菜单中的“插入”，点击“图象”，弹出“选择图象源文件”对话框，选中刚刚在CORELDRA
27、W 12中制作的那幅图片，然后“确定”。将插入的图片调整到我所要的大小即可。（8）插入滚动字幕的代码如下： 人生是短促的，这句话应该促醒每一个人去进行一切他所想做的事。虽然勤勉不能保证一定成功，死亡可能摧折欣欣向荣的事业，但那些功业未遂的人，至少已有参加行伍的光荣，即使他未获胜，却也算战斗过。 约翰逊 （9）搜索歌曲名的代码如下： 请输入你要搜索的歌曲名：
28、 （10）插入关键字：单击“插入”/“文件头”面板中的按钮，打开“关键字”对话框；在对话框中输入有关网页的关键字。（11）插入链接：这与网页中的普通链接是不一同的。单击“插入”/“文件头”面板中的“链接”按钮，打开“链接”对话框，下面由我来举个例子吧：选中“中国设计网”，然后在属性面板中输入，预览时就链接上了。如图3-2所示：图3-2（12）设置文字大小：在文本的“属性”面板中可以设置文字的大小。将所要改变的文本选定，然后选择“属性”面板中的“大小”选项的下拉列表框中的阿拉伯数字，文字会相应发生变化，数字越大，文字也越大，默认的文字大小是“3”。如果将“大小”选项设置为“4”，那么文本比浏览器
29、的默认状态加大1个单位尺寸：将该选项设置为“2”，文本就比浏览器的默认状态减小1个单位尺寸。这里的数字不相当于文本编辑软件中的几号字体，只是一个相对值。（13）改变字体：在“属性”面板中的“格式”选项的下拉列表框旁边还有一个下拉列表框，这是“字体”选项下拉列表框；要想改变字体，则需首先在文档中用鼠标将所要改变的字体选中，然后在“属性”面板中的“格式”选项的下拉列表中选择相应的字体。下拉列表的最后一行是“编辑字体列表”选项，可以通过该选项来添加、删除字体、还可以对已经存在的字体组合进行修改。（14）改变文本颜色网页中的文本不仅可以显示为黑色，还可以变换颜色显示，最多可以达到16777216种颜色
30、，不过平时一般在216种网页安全色范围内选择颜色，下面就来看一下如何改变页面的文本颜色，具体操作步骤如下：选择下拉菜单中的“修改”/“页面属性”命令，打开“页面属性”对话框；在“页面属性”对话框中单击“文本”选项旁边的矩形图标，打开调色板；在调色板中用鼠标选择一种颜色，单击“确定”按钮，网页中所有文本的颜色都变了。以上就是我在做网站时用到的一些制作方法,除了在做本网站之余,我也稍稍了解了一下我所介绍的图象处理软件,那就让我也介绍点吧。为便于设计需要，CorelDraw提供了一整套的图形精确定位和变形控制方案。CorelDraw9.0较以前的版本增加了喷洒器等工具，更主要的是加强了pdf网络格式
31、支持及颜色管理。对很多的功能作了深化处理使其更能适应现代美术设计的需要。现在最常见的版本是CORELDRAW 12，Coreldraw12图像软件包提供给用户3个难以置信强力的图像应用程序。最新图形软件设计包CorelDRAW Graphics Suite X3，它拥有超过40个新的属性和增强的特性，无论是专业的设计者还是小型商业企业的拥有者，这套组件适合任意等级的设计，因为它提供了一个出众的整合性，速度和易于使用性，是无比的工业图像软件。在本网站中,我也在主页里提供了四个链接网址,下面就让我来简介一下吧.主页的左侧的下部分中，可以与IT技术综合网、计算机基础教育网、中国设计网、GOOGLE这
32、四个网址链接。链接到IT技术综合网（），可以看到IT行业最新的资讯，在网页的首页上，我们可以学到数据库、用于图形处理的各类平面软件、计算机的各类系统（DOS系统、Windows系统、Linux系统、Unix系统）、Office教程解答、认证考试、在线问答等栏目，它是一个关于IT技术全面的网站。链接到计算机基础教育网（），你可以感觉到它是一个普通的网页，没有太多的修饰，只是分了一些小栏目：操作系统、网络冲浪、办公软件、网页设计、图形图像、认证考试、程序设计、数据库、其它文章等，其实它与IT技术综合网有相似之处，他们都是服务于计算机知识，我们可以通过他们学到课外更多的知识。链接到中国设计网（），这
33、是一个设计网站，涉及到平面、广告、字体、包装、标志、室内、环艺、网页、服装、工业、数码等项目，在此网站中，我们可以看到完美的设计，有助于我们对平面设计的理解。链接到Google（），Google资讯是一个由计算机生成的资讯网站。它汇集了来自中国大陆超过1000 多个中文资讯来源的新闻资源，并将相似的报道组合在一起，根据读者的个人喜好进行显示。一直以来，新闻读者都是先挑选一种出版物，然后再寻找所关注的标题。为了向读者提供更加个性化的选项以及更加多样化的视点供其选择，Google采取的方式略有不同。在 Google 资讯中，每项报道提供了指向多篇文章的链接，因此您可以先确定感兴趣的主题，然后再选择
34、要阅读每项报道的具体发布者的网页。点击感兴趣的标题，然后就可以直接进入发布该报道的网站。Google 学术搜索提供可广泛搜索学术文献的简便方法。您可以从一个位置搜索众多学科和资料来源：来自学术著作出版商、专业性社团、预印本、各大学及其他学术组织的经同行评论的文章、论文、图书、摘要和文章。Google 学术搜索可帮助您在整个学术领域中确定相关性最强的研究。3.2CORELDRAW特效如图3-3所示：图3-3在浏览所有网页时，鼠标经过某些文本时会出现一个小手，同时文本也会发生相应的变化，提示浏览者这是带链接的文本。此时单击鼠标，会打开所链接的网页。在整理段落时，一个段落反映在HTML源代码中包含在
35、一个“”标签中，下面就从具体操作步骤中来了解如何设置段落属性吧。将光标移到第1个段落，然后在“属性”面板中选择“格式”选项下拉列表框中的“标题1”选项；将第2个段落设置为“标题2”；将光标移到第3段，然后单击“属性”面板中的“文字缩进”按钮，将整段文本向右移动；如果要取消文本的缩进，就单击“属性”面板中的“文字凸出”按钮，将文本向左移动，恢复到原来的格式；还可以单击“无序列表”按钮和“有序列表”按钮，将段落进行列表方式排列。“属性”面板中的3个按钮是用来设置段落对齐方式的：“左对齐”按钮：使文本向浏览器窗口中的左边界对齐；“右对齐”按钮：使文本在浏览器窗口中的右边界对齐；“居中”按钮：使文本在
36、浏览器窗口中的居中位置显示。这3种对齐方式在我的网站源代码中是这样显示的：居中对齐：align=“center”居右对齐：align=“right”居左对齐：align=“left”3.3CORELDRAW素材如图3-4所示：图3-4矢量图：计算机中显示的图形一般可以分为两大类矢量图和位图。矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。例如一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。由于矢量图形可通过公式计算获得，所以矢量图形文件体积一般较小。矢量图形最大的优点是无论放
37、大、缩小或旋转等不会失真；最大的缺点是难以表现色彩层次丰富的逼真图像效果。下面来欣赏两幅图吧！如图3-5所示：图3-53.4CORELDRAW教程如图3-6所示：图3-6表格在网页中是一种用途非常广泛的工具。这不仅表现在它可以有序地排列数据，还表现在它可以精确地定位文本、图象及其他网页中的元素，使这些元素的水平位置、垂直位置发生细小变化，这在网页版面局部方面是很重要的。对于网页的排版布局来说，表格是不可或缺的工具。（1）建立表格：我网页中的所有表格都是在Dreamweaver MX中插入表格，可以将光标移到要插入表格的位置，选择下拉菜单中的“插入”/“表格”命令，或者单击“插入”/“常用”面板
38、上的按钮，打开“插入表格”对话框；该对话框中显示的各项参数值是最近一次所设置的数值大小，系统将最近一次设置的参数保存到下一次打开这个对话框时为止。宽度：表示表格的宽度，单位有“百分比”和“像素”两个选项，该对话框中采用的是“百分比”单位；边框：表示表格边框的宽度，以像素为单位，0表示没有边框；单元格填充：表示单元格内容与单元格边框之间的距离，默认值为“3”；单元格间距：表示单元格与单元格之间的距离，默认值为“3”。在HTML语言中，标签“”表示一个整个的表格，“”表示表格中的一行，“”表示其中一个单元格，我们可以通过查看源代码来记住它们。例如用教程里的一段代码来说明一下： coreldraw教
39、程（2）增加、删除行和列及拆分、合并单元格增加行、列 选择下拉菜单中的“修改”/“表格”/“插入行”命令，则在光标所在单元格的上面增加了一行。选择下拉菜单中的“修改”/“表格”/“插入列”命令，则在光标所在的单元格的左侧增加了一列； 选择下拉菜单中的“修改”/“表格”/“插入行或列”命令，打开“插入行或列”对话框进行设置，单击“确定”按钮，即可完成插入操作。删除行、列 删除行、列可以先将光标置于要删除的行或列中，或者将要删除的行或列选择，然后选择下拉菜单中的“修改”/“删除行”命令，将行删除；或选择下拉菜单中的“修改”/“删除列”命令，将列删除。拆分单元格将光标置于一个要拆分的单元格中；单击“
40、属性”面板中的“拆分单元格”按钮，弹出“拆分单元格”对话框，“把单元格拆分”选项后面有“行”和“列”两个选项，这表明可以将单元格纵向拆分或者横向拆分；设置完对话框中的内容后，单击“确定”按钮。合并单元格将两行合并成一行或者将三列合并成一列，这就是合并单元格。首先，将要合并的单元格选择；然后单击“属性”面板中的“合并单元格”按钮，弹出“合并单元格”对话框。另外，也可以通过选择下拉菜单中的“修改”/“表格”/“合并单元格”命令来完成合并操作。（3）改变表格尺寸选定整个表格，在表格“属性”面板中的“宽”和“高”文本框内输入准确的数值（以像素为单位），即可改变表格的大小；将鼠标指针置于一列的顶部，选择
41、该列，在“属性”面板中即可改变该列的宽度；将鼠标指针置于一行的左端，选择该行，在“属性”面板中即可改变该行的宽度；3.5典藏推荐如图3-7所示：图3-7本网页插入的视频教程全是从网上下载下来的，经过整理，将它们一一链接上的。链接方法在以上已经提过了，在这里就不再重提了。3.6留言板本组的留言板是利用ASP技术完成的，且它是一个动态网页。希望大家多多给我们留言吧！如图3-8所示：图3-8使用Internet信息服务器（IIS）：在Windows XP操作界面下选择“开始”/“控制面板”，打开“控制”窗口；在窗口中单击图标，打开“性能和维护”窗口；单击“管理工具”图标，打开“管理工具”窗口；双击“
42、信息服务”图标，打开“Internet信息服务”窗口；选择“网站”下“默认网站”，右击鼠标，选择“属性”，打开“默认网站属性”；切换到“主目录”选项卡，在“本地路径”中浏览我所要的路径；切换到“文档”选项卡，一般将首页确定为“index.htm”，或单击“添加”按钮，将其他首页文件名添加到表当中；单击“确定”按钮，完成设置。ASP应用程序必须通过开放式数据库链接（ODBC）驱动程序和嵌入数据库（OLEDB）提供程序链接到数据库。该驱动程序或提供程序被用作解释器，能够使网页应用程序与数据库进行通信。DNS是指向数据库并包含链接到该数据库所需的全部信息。可以在Windows XP中定义DNS，如果
43、是正在通过安装在Windows XP系统上的ODBC驱动程序进行链接，则可以使用DNS；链接字符串是手动编码的表达式，这也是网页设计最常用的一种方法，它标识数据库并列出链接到该数据库所需的信息。例如：Driver=SQL Server;Server=Dylan;database=data;UID=admin;PWD=adminDriver用于指定数据库驱动；Server是用于指定承载SQL Server数据库的服务器;Database为SQL Server数据库的名称;UID用于指定用户名；PWD用于指定用户密码。3.7校园网链接到我们的校园网(),可以查看我们的成学习绩，可以了解学校的最新动态，还可以点击视频点播等，希望大家可以多多点击我们的校园网，了解本校的信息，尤其对于毕业班的学生来说，要多上校园网去了解有关就业方面的最新信息。通过本次毕业设计，我学了很多关于平面设计方面的知识，特别是我所负责的COREL
