《网络设计与开发》实验指导书.docx
网络设计与开发实验指导书东北大学秦皇岛分校经济管理系二零零三年八月实验一搜索引擎的使用实验二使用记事本编写一个简单的HTML文档实验三使用Frontpage和Dreamwaver等工具软件制作网站实验四利用Photoshop处理图像实验五网站建设综合实验实验一搜索引擎的使用一、实验目的通过使用浏览器提高同学们对目前广为应用的几种搜索引擎的使用，使同学们掌握如何从网络中查找自己所需资料的能力。二、实验设备与软件需求可上互联网PC机一台，安装有WindOWS操作系统，使用IE浏览器。三、实验内容及步骤1、打开计算机使用IE上网。2、在地址栏当中键入搜索引擎的地址，如WWW,见图1-1。3、在搜索栏中键入“网页制作”后按google搜索，搜索结果会如图图1-WWW的页面4、大家发现满足条件的网页可能太多，我们可以使用高级搜索来进行更加细化的搜索。图1-2搜索“网页制作”图1-3使用高级搜索5、在高级搜索中键入HTML,我们将可以搜索到一些与网页设计中HTML文档制作相关的一些网站。四、注意事项1、高级搜索的正确使用。2、如何判断是否为所要查找的网页制作的相关资料。五、预习要求1、熟练使用浏览器。2、选择几个搜索引擎。实验二使用记事本编写一个HTML文档一、实验目的通过使用记事本编写一个简单的HTML文档使同学们对HTML文档有一个初步的了解，初步掌握一个最简单的HTML文档所应该包含的内容。二、实验设备与软件需求PC机一台，安装有WindoWS操作系统，使用IE浏览器。三、实验内容1、文档使用WindOWS操作系统自带的记事本程序编写。2、要求窗体标题为"WelcometoNCWRC”使用<title>*<title>3、HTML文档由head和body两部分组成4、使用<head>*<head>和<body>*<body>用浏览器阅读时要看见4段文字，每段文字的SiZe分别是8、6、4、2使用Vfontsize=',6>*<font>其中要求每段文字的颜色不同，分别为#00ffff、#882299、#ffOO88、#55ccaa使用VfOmcolor="#OOffff>*</font>每段文字要求居中排列使用VPalign=',center">*<p>5、编写完成后用HTML为文件扩展名存盘，存在桌面上就可。6、使用浏览器浏览我们用记事本编写的HTML文档结果应该如图2-10四、注意事项1、HTML文档应该以<html>开头，以vhtml>结尾。2、记事本存盘时应注意存盘的方式。五、预习要求1、对HTML文档的基本构成要有一个全面的了解。2、可阅读简单的HTML文档。V实验三使用Frontpage和Dreamwaver等软件制作网站一、实验目的使用FrOntPage和DreamWaVer等工具软件制作网站，练习工具软件的使用。熟练掌握网页制作的一个工具来制作网站。二、实验设备与软件需求PC机一台，安装有Windows操作系统，Frontpage和Dreamwaver等工具软件。三、实验内容1、自己设计一个的网站，画出系统结构图及流程图。2、根据自己设计的网站，使用FrOntPage和DreamWaVer等工具软件，来完成。3、浏览、测试并发布自己制作的网站。四、注意事项1、定要注意网页的名称，不要使用汉字。2、发布出现问题，要自习检查。五、预习要求1、设计出自己的网站。2、参考相关的网页制作工具书。实验四利用Photoshop处理图像一、实验目的通过利用PhOtOShoP来处理图像，了解图形图像处理的一般过程，并会简单的图形图像处理。二、实验设备与软件需求PC机一台，安装有Windows操作系统和Photoshop图像处理软件。三、实验内容1、搜集一些图片，也可以PhOtOShOP的相关实例中获得。2、启动Photoshop6.0,单击Jf'M,指向程序，指向Adobe,然后再单击Photoshopshop6.0就启动Photoshopshop6.0了。Photoshop6.0的桌面环境打开后的Photoshop6.0的界面环境如图4-1所示。图4-1Photoshop6.0的界面环境3、文件的建立和存取。单击文怦），单击日新建CSNNI,弹出如图4-2所示对话框。输入文件名，Photoshop6.0的缺省文件名是Untitled-I,也可以再保存文件时再键入文件名。设置文件的宽度、高度,单位可以为象素、厘米、英寸、点、派卡。文件的分辨率。分辨率越搞，图像越精细，同时文件也越大。图4-2新建文件4、设置色彩模式。单击右边的下拉黑三角符号，出现列表如图4-3所示RGB、CMYK、Lab灰度、位图模式可以选择。文档背景区域有三个选项，可以选择白色、背景色、透明色。单击匚至二按钮，完成新文件的创建。图4-3设置色彩模式5、打开图像。单击文件9,单击Il打开9cul+0J,弹出如图4-4所示对话框。单击搜寻列表，找到文件所在磁盘和文件目录。单击要打开的文件名，或者在文件名国输入文件名。单击I打开Q)L即可打开所需的文件。也可在第三步直接双击也能打开文件。打开H图4-4打开图像对话框6、当处理完一幅图像，如何保存起来呢？就像保存任何文件一样，只需将图像改为你想要当格式即可。单击文件9,单击保存9C”HS如果文件已经命名或是编辑原有的文件，则系统直接保存。否则弹出如图4-5所示对话框。图4-5保存图像在翻三9USi三1下的列表中找到对应的文件夹，在文件名的三S键入文件名。在痴Q)r!.1hop(*.PSD.PTO)3下拉列表中找到相应的图像格式。单山O亚1图像即被保存在相应的目录下。具体的可参考相关的Photoshop书籍和资料，自己学习和练习，掌握Photoshop图像处理的基础知识。四、窥习要求1、参考PhOtOShOP6.0的图书。2、注意随时存盘。实验五网站建设综合实验一、实验目的通过本次实验，学生应具有规划、设计电子商务网站的能力；掌握至少一门开发网站的技术；掌握学习工具软件的方法。二、实验设备与软件需求PC机一台，安装有Windows操作系统，11S,JSP的开发和发布的环境(J2DK,T0MCAT),网页制作工具DreamWeaver、Frontpage。三、实验内容1、自己选择一个网站题目，规划出系统开发报告，写出详细的设计文档。2、根据自己的设计方案，进行开发网站，开发出前台，设计后台数据库、表,开发出的网站具有交互式的功能，例如注册系统、聊天室、BBS论坛等等。3、开发完成后发布自己的网站。4、测试并完善自己开发的网站。四、注意事项1、网站设计方案的完整性、全面性、可行性。2、开发工具的学习方法。3、网页连接数据库的方法，出错的处理办法。4、网站的可维护性。五、网站的考核网站的考核办法采用综合考评，根据题目的选择、阶段考核的成绩和最后的完成成绩来给出网站设计与开发实验课程的最终成绩。
