网页设计与制作实验原理-网页设计与制作实验流程及报告.pdf

网页设计制作实验流程及报告 第1部分：网页设计制作实验流程及报告 网页设计制作实验流程及报告 网页设计制作一般实验步骤： 1、确定网站主题。 网站中的每个网页都必须有统一的Style，以增强渲染自己性格的效果。 最重要的是创造自己的风格并吸引观众的注意力。 2.收集材料。 主要收集网站所需的网页信息，包括图片、文字、相关新闻等。 同时，还可以通过搜索相关书籍、报纸、光盘、多媒体等获得更有说服力的信息。 3、规划网站。 我的网站包含页面。 版式设计应灵活，可根据各部分的不同内容自由设计。 但每个页面的主要元素和位置不能改变。 使用CSS设计样式，保证随时可以准确调用。 另外，为了协调网页的布局，还可以添加flash动态图片，这样会达到更好的效果。 4、选择合适的生产工具。 创建网页的第一个工具当然是 Dreamweaver。 5. 了解网页设计工具 Dreamweaver (1) 启动 Dreamweaver (2) 了解窗口构成 6. 创建新站点 7. 创建站点主页 8. 制作网页 材料、样式和模板准备好后设计好后网页设计与制作实验原理，下一步就是具体创建网页了。 制作网站时，首先要做的就是规划网站，建立本地网站。 网页中的css样式文件也应该统一、有序地管理。 9、根据自己的网页风格在网上收集合适的图片。

最后，还必须建立每个页面的链接，使整个网页成为一个统一的整体，使浏览者更容易在页面之间跳转。 10、测试网页上传后，需要进行测试，在浏览器上运行你的网站，反复测试，找出设计上的缺陷。 实验结果和理论分析：通过这短短三周的学习，我有机会独立设计和创建网页。 通过这次实验，我收获很多。 首先，我独立练习了一个完整的网站设计的全过程，从设计中零散的关注点和需求，在我的大脑中形成了一个完整的框架体系，使我平时所学的知识点得到了质的升华。 并且在实验中得到了合理的实施。 其次吉祥物设计，在这次实验的过程中，我收集了大量关于网页设计技术技巧的资料和书籍，拓展了我的知识面，为我以后取长补短，创作出技术精湛的网页打下了基础。设计过程。 基础。 最后，我感触最深的是，技术学习最重要的是自己实践、自己做事。 只有通过自己的亲身实践，才能学习、理解、掌握技术。 2014.07.23 第二部分：电子政务网页设计与制作实验教案 《电子政务网页设计与制作》实验教案 实验名称 IIS安装与调试 实验类型：演示验证综合设计 实验类别：基础专业基础专业实验要求： 所需实验学时：2 实验科目： 课程一、实验目的 1、掌握检测不同版本Windows操作系统中是否安装IIS的能力； 掌握在Windows操作系统中安装IIS的方法； 3、掌握利用IIS建立虚拟目录调试ASP程序的初步方法。

2、实验重点与难点 利用IIS建立虚拟目录调试ASP程序 3、实验原理。 ASP模型的运行原理是：当浏览器向Web服务器请求.asp文件时，服务器端脚本开始运行，WEB服务器调用.asp文件。 ，将运行结果发送到浏览器。 4. 实验设备及实验教学软件简介 个人PC、Windows 2000、IIS 5.0、记事本 5. 实验分组与组织 6. 实验基本操作及实验重要步骤 1. 实验前观看讲师演示； 2、如果计算机上没有安装IIS，请使用安装程序安装IIS； 3、用记事本编写教材P131-1的ASP程序并保存到磁盘； 4、在IIS中创建虚拟目录，调试ASP程序，发现并解决问题，确保调试成功。 ，并互相拜访； 5.学生独立完成相应的实验报告。 7、实验教学，如实验教学内容设计、时间设计、实验教学方法设计、实验指导设计等； 参考以上实验内容，讲解模块中各业务流程的作用和操作方法。 8.预期实验结果 大部分学生能够独立完成实验，掌握基本原理和方法。 9、实验过程中需要注意的事项 如果由于操作系统本身原因导致IIS无法安装和调试，则需要重新安装系统。 《数据库短训教程》，刘瑞新主编，机械工业出版社，2005年出版。 12.实验后记。 学生独立完成实验报告。 实验名称。 HTML 网页编辑。 实验类型：演示型、验证型、综合设计型，实验类别：基础专业基础 专业实验要求： 所需实验学时：2 实验对象：课程 1．实验目的 1．掌握基本HTML标签的使用； 2． 2、掌握HTML中超链接的使用； 3.掌握HTML中特殊符号和图像链接的使用。

2、实验的重点和难点。 如何在 HTML 中使用特殊符号和图片链接。 3.实验原理。 HTML 标记语言。 4.实验设备和实验教学软件介绍。 个人电脑、Windows 2000、IIS5.0、记事本。 5.实验分组与组织。 六、实验基本操作及实验重要步骤 1、实验前观看导师演示； 2、用记事本编写教材P342-1的HTML程序并保存到磁盘； 3、调试； 4.学生独立完成相应的实验报告。 7、实验教学，如实验教学内容设计、时间设计、实验教学方法设计、实验指导设计等； 参考以上实验内容，讲解模块中各业务流程的作用和操作方法。 8.预期实验结果 大部分学生能够独立完成实验，掌握基本原理和方法。 9、实验过程中注意事项： 注意热点链接的使用。 当调试出现问题时，从连接文件的上下目录查找原因。 10.课外实验或思维题教材P34练习2-1 11.实验教材及实验参考资料《ASP Web数据库简练教程》，刘瑞新主编，机械工业出版社，2005年出版。 12.学生实验后记需独立完成实验报告 实验名称 Vbscript 对象编程 实验类型：演示型 验证型 综合设计型 实验类别：基础专业 基础专业 实验要求：必修实验 课时：2 实验对象： 课程一、实验目的 1、掌握基础知识Vbscript的数据类型、常量、变量、表达式和常用函数； 2、掌握将Vbscript编码插入HTML的方法； 3、掌握事件驱动程序的编写。

2、实验重点和难点：事件驱动程序的编写和面向对象编程思想的掌握。 3.实验原理 Vbscript事件驱动编程。 4. 实验设备及实验教学软件简介 个人PC、Windows 2000、IIS 5.0、记事本 5. 实验分组与组织 6. 实验基本操作及实验重要步骤 1. 实验前观看讲师演示； 2、用记事本编写教材P74练习4-1的程序并保存到磁盘； 3、调试； 4.学生独立完成相应的实验报告。 7、实验教学，如实验教学内容设计、时间设计、实验教学方法设计、实验指导设计等； 参考以上实验内容，讲解模块中各业务流程的作用和操作方法。 8.预期实验结果 大部分学生能够独立完成实验，掌握基本原理和方法。 9、实验中需要注意的事情包括对象编程的思想和对象事件的编程方法。 10.课外实验或思考题。 教材P74练习4-1 11.实验教材及实验参考资料《ASP Web数据库简练教程》，刘瑞新主编，机械工业出版社，2005年出版 12.实验后记 学生独立完成实验报告 实验名称 表格设计实验类型：演示型 验证型 综合设计型 实验类别：基础专业 基础专业 实验要求：必修实验 课时：2 实验对象：课程 1．实验目的 1．掌握DHTML INPUT 控件的使用； 2． 2.掌握DHTML SELECT控件的使用； 3.掌握DHTML中TextArea控件的使用。

2. 实验重点和难点： 掌握DHTML 中INPUT 控件的使用 3. 实验原理 DHTML 语言 4. 实验设备和实验教学软件简介 个人PC、Windows 2000、IIS 5.0、记事本 5. 实验分组与组织 六、实验结果 基本操作和实验的重要步骤： 1、实验前观看讲师演示； 2、使用记事本或Dreamweaver等软件编写表单程序并保存到磁盘； 4.学生独立完成相应的实验报告。 7、实验教学，如实验教学内容设计、时间设计、实验教学方法设计、实验指导设计等； 参考上述实验内容，讲解模块中各业务流程的作用和操作方法。 8.预期实验结果 大部分学生能独立完成实验，掌握基本原理和方法。 .9. 实验过程中需要注意的事项： Dreamweaver集成工具的使用 10.课外实验或思维题教材 P121练习6-1 11.实验教材及实验参考资料 《ASP Web数据库简练教程》，机械工业刘瑞新主编出版社，2005 年出版。 12. 实验后记。 学生独立完成实验报告。 实验名称。 回复。 对象应用。 实验类型：示范型。 验证类型。 综合设计类型。 实验类别：基础专业。 基础专业。 实验要求： 必需的实验。 学时：2 实验对象： 第1部分.实验目的 1.掌握Response对象中Write方法的使用； 2.掌握Response对象中Redirect方法的使用； 3.掌握Response对象中End方法的使用。

2、实验的重点和难点。 在 Response 对象中使用 Write 方法。 3.实验原理。 Response对象在ASP中的应用。 4.实验设备和实验教学软件介绍。 个人电脑、Windows 2000、IIS 5.0、记事本。 5.实验分组与组织。 六、实验基本操作及实验重要步骤 1、实验前观看导师演示； 2、使用记事本或者Dreamweaver等软件编写程序并保存到磁盘； 3、打开IIS，设置虚拟目录用于调试； 4.学生独立完成相应的实验报告。 7、实验教学，如实验教学内容设计、时间设计、实验教学方法设计、实验指导设计等； .参考上述实验内容，讲解模块中各业务流程的作用和操作方法。 8.预期实验结果 大部分学生能独立完成实验，掌握基本原理和方法。 9、实验过程中需要注意的事项：对于ASP的内置对象，要注意代码编写的规范性。 10.课外实验或思维题教材P142练习7-1 11.实验教材及实验参考资料《ASP Web数据库简练教程》，刘瑞新主编，机械工业出版社，2005年出版 12.学生独立完成的实验后记实验报告 实验名称 交互式表单编程 实验类型：演示型 验证型 综合设计型 实验类别：基础专业 基础专业 实验要求：必修实验 课时：2 实验对象： 课程一、实验目的 1．掌握交互式表单编程的方法； 2． 2.掌握Response对象中Write方法的使用； 3.掌握Form集合在Request对象中的应用。

2. 实验重点与难点 Form 集合在 Request 对象中的应用 3. 实验原理 ASP 交互式表单编程 4. 实验设备和实验教学软件简介 个人 PC、Windows 2000、IIS 5.0、记事本 5. 实验分组与组织 6. 基础知识实验操作及重要步骤 1、实验前观看导师演示； 2、使用记事本或者Dreamweaver等软件编写程序并保存到磁盘； 3、打开.IIS并设置虚拟目录用于调试； 4.学生独立完成相应的实验报告。 7、实验教学，如实验教学内容设计、时间设计、实验教学方法设计、实验指导设计等； 参考上述实验内容，讲解模块中各业务流程的作用和操作方法。 8.预期实验结果 大部分学生能独立完成实验，掌握基本原理和方法。 9、实验过程中需要注意的事项：注意Form集合的使用，代码一定要规范。 10.课外实验或思考题教材P163练习8-1 11.实验教材及实验参考资料《ASP Web数据库简练教程》网页设计与制作实验原理表情包设计，刘瑞新主编，机械工业出版社，2005年出版 12.实验后记 学生独立完成实验报告第三部分：个人网页制作流程 个人网页制作流程： 制作个人网页的目的是为了向大家介绍我自己。 我制作个人网页的流程如下（1）首先我需要熟悉并熟练使用一款网页制作软件。 这样创建的个人主页不会显得粗糙。 我选择了首页。 这个软件比较适合初学者使用。 虽然制作效果可能较差，但其优点是使用起来比较方便。 (2)下一步是选择材料。 网页上好看的背景、装饰、标志性图片、元素都需要你自己选择。 选择这些图像元素将为您的网页增添很多活力。 这是一个更好的网站。我的地方