文档库
文档库 最新最全的文档下载
当前位置：文档库 › 网页设计实验报告书_范文

网页设计实验报告书_范文

网页设计实验报告书_范文
网页设计实验报告书_范文

北京信息科技大学网页美术设计实验报告

学院/系人文社科系

学生姓名代俊丽

专业行政管理

学号2010012299

班级行政1001

实验教师李晋

二Ο一二年5 月14 日

实验报告

Web网页设计实验报告

WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术（信息技术及应用） 班级计信2班 学生蒋波涛 重庆交通大学 2013年

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)

一、设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我们选做的主题是个人主页，并且选定题目为“红尘客栈”，其目的是做一个简单的网站，介绍酒店概况，提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。 （二）网页中的图像

网页设计实验报告

实验报告 课程名称网络技术基础实验项目TCP/IP协议配置实验仪器计算机 系别 专业 班级/学号 学生姓名 实验日期 成绩 指导教师

实验一 TCP/IP协议配置 一、实验目的（标题黑体小四） 1.熟练掌握模板的用法。 2.掌握CSS的用法。 3.掌握网站发布的方法。 二、实验内容 1. 创建和使用模板。 2. css的创建和使用。 3. 发布网站。 三、实验课时 4课时 四、实验步骤 创建网站 1、创建一个站点，并创建 images 文件夹存放图片。将示例图片拷贝至images 目录下 2、创建 CSS 文件，名称为 style.css，将其保存至 style文件夹。 3、创建模板文件 tpl.dwt，并保存。结果如下： (1) 给 tpl.dwt 附加样式表 style.css。 在 tpl.dwt 的空白处点击鼠标右键，选择“附加样式表”： 选择 style.css 文件： 完成后，在 tpl.dwt 的 head标签里有如下的代码： (2) 设置模板的背景颜色。打开 CSS 面板，为 style.css 新建一条 css 规则。过程如 下：

将背景颜色设为#ff1e70： 在 style.css 生成如下的代码： body { background-color: #ff1e70? } 3) 制作布局。插入一 2 行 2 列的表格。表格的宽度=316+634=950，其他的设置：让表格居中对齐。 (4) 消除表格两边的空隙。展开 CSS 样式表，双击 body： 双击 body后，打开“body的 CSS 规则定义”对话框，按照下面的方式设置：Style.css 的代码变为： body { background-color: #ff1e70? margin: 0px? }

网页制作实验报告

网页制作实验报告 页制作实验报告 实验一：站点设置 一、实验目的及要求 本实例是经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。 2、安装windows xp操作系统；建立iis服务器环境，支持asp。 3、安装页三剑客（dreamweaver mx；flash mx；fireworks mx）等页设计软件； 三、实验原理 经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 四、实验办法与步骤 1）执行“站点＼治理站点”命令，在弹出的“治理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中挑选“站点”命令。 2）在弹出的“站点定义为”对话框中单击“高级”选项卡。 3）在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中挑选所创建的站点文件夹。在“默认图象文件夹”文本框中挑选存放图象的文件夹，完成后单击“确定”按钮，返回“治理站点”对话框。 4）在“治理站点”对话框中单击“完成”按钮，站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一具根文件夹，在实验的过程中把站点存在自己建的文件夹里，如此才干使实验条理化，别至于在实验后寻别到自己的站点。在实验过程中会浮现一些选项，计算机普通会有默认的挑选，最后别要去更改，假如要更改要先充分了解清晰该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二：页面图像设置 一、实验目的及要求： 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。 2、安装windows xp操作系统；建立iis服务器环境，支持asp。 3、安装页三剑客（dreamweaver mx；flash mx；fireworks mx）等页设计软件； 4、安装acdsee、photoshop等图形处理与制作软件； 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验办法与步骤 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果

网页设计实训报告

湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程：网页设计 班级：计网二班 学号：200903884 姓名：彭论 指导老师：王湘文 提交日期：2010-6-21

前言 至于我为什么选择酒店设计题材，因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后，我就进行了分工，希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计，我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华，去其糟粕，在网站内容上删减了很多的在外观上的美，整体讲究整体美和简洁美，对于本网站的设计凝聚了本人长达三个星期的时间，完成网站静态设计后，从总体上对网站动态上进行动态设计，希望本网站能在我们这个年纪的领域有一个很好的炫美。

目录 ?实训目的 (3) ?实训任务 (4) ?实训项目（网页设计思路及详细说明） (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)

一．实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范； 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识； 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识； 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 具备独立撰写实训报告等科技文件的基本能力； 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流 的能力，培养创新能力和团队意识； 为今后从事网站开发、维护和管理奠定基础。

网页设计实训任务书

XXXXXX学院 电子信息学院 课程综合实训任务书 课程名称:_____网页设计与制作________ 学生姓名:________X'X'X___________ 学生学号:_____XXX__________ 专业班级:______X'X'X________ X'X'XX年X'X月X'X日 XXXXXX教务办公室制

说明 1、课程设计任务书由实训指导老师制定，具体任务内容、目标、要求及安排、评定标准由各专业教研室及指导老师共同制定。 2、任务书中具体内容可根据实际课程情况进行调整，但各要素必须齐全，并在实训前将任务书电子档发给学生。 3、学生实训完成后必须填写此任务书，其中具体设计过程及结果必须将设计过程用文字的形式详细填写清楚，并将最终作品附在此任务书中。 4、此任务最终由指导老师统一评定成绩后交教务办公室。

《网页设计与制作》课程综合实训组织方案 2011级软件专业 一、网页设计与制作课程实训目的 网站设计与制作是一门实践性很强的课程，本课程设计是学生完成本课程教学计划的一个重要的教学环节，是对学生综合运用所学的理论知识，解决实际问题能力的一次检验与测试。 通过本次课程设计，要求学生对网站规划、设计与制作有比较全面的认识，了解小型综合网站的开发步骤，熟练掌握网站的规划与建设的过程、方法、技巧，掌握网站建设行业的相关标准与制作规范，让学生经历一次开发应用的实际训练。从而达到提高学生的开发能力和动手能力的目的，培养学生严肃、认真、严谨的职业素养。 二、网页设计与制作课程实训具体内容 黄冈职业技术学院电子信息学院网站规划与设计 三、课程实训具体要求 1、了解网站的软、硬件平台，会发布和维护一个实际的网站，学会设计和制作网站，包括完成设计报告。 2、能够独立使用相关工具（Macromedia DreamWeaver、HTML、CSS、Adobe Photoshop、flash等）熟练制作网页。 3、尽量运用业界默认的网站开发规范，努力使自己的站点专业化。 4、主题为黄冈职业技术学院电子信息学院网站规划与设计。主题突出、鲜明。至少二层结构，页面总数不得少于6个。 5、必须使用CSS，整体布局不能使用table标签，主页下方写明自己详细信息（年级、专业、学号、姓名等）。 6、主页名称保存为index.html，路径保存在站点根目录下，图片保存在根目录下images 文件夹中。 7、课程设计前必须上交网站规划书电子档，课程设计结束后必须上交课程设计任务书及作品电子档。 8、设计好的站点必须经压缩之后再上传到任课老师指定位置，压缩后的文件大小不许超过10 兆（10M）。不经压缩上传作业，一律视为无效。 9、压缩后文件名格式要求：年级专业+学号+姓名，例如：XXX班00011 张三。 10、设计完毕后，准备5分钟左右的答辩说明，向课程设计评分小组介绍自己的作品主题、设计方法及作品特色。

web动态网页设计实验报告

武汉理工大学华夏学院课程设计 课程名称web技术应用基础 题目在线图书销售系统的设计 专业计算机应用 班级计应1091 姓名 学号10210409126 指导教师库少平

利用已经学习的动态网页知识和数据库知识进行一个综合练习。整个设计过程中采用由点到面的方法即根据体系规划及课程系统规划的要求利用各种工具方法制作各子系统的原型系统然后测试分析原型系统最后根据原型系统的风格框架等完成网络考试的全部内容。根据需要利用ASP、SQL SEVER等技术使用数据库完成交互式模块的设计。基本信息管理包括用户管理员义工等对于此类信息提供了添加修改删除查看等四种功能 二、课程设计要求： 需要我们实现的功能有： 1、系统的用户登录及身份验证要求。 a)系统用户注册 b)验证用户的注册信息 c)系统用户进入系统时身份验证 d)系统用户在不同页面浏览时的身份验证 2、在线图书销售系统要求。 a)允许用户浏览所有图书 b)允许用户按图书种类进行查找 c)允许用户购买自己喜欢的图书 d)允许用户对购物车进行管理 e)系统实现订单的处理 f)系统完成整个购物流程 3、图书销售系统的管理子系统要求。 a)对管理员的身份进行验证 b)对数据库中的图书信息进行管理 c)对数据库中的用户信息进行管理 d)对数据库中的订单信息进行管理

3.1需求分析 本系统设计的主要实现网上图书产品的展示与在线定购以及对不同身份的人员包括管理人员，注册用户和普通浏览者进行管理。图书产品展示能分页分类进行显示。系统采用ASP在网络上架构一个网上的书店，通过网上书店可以轻松实现图书信息的查询和采购。 3.2模块设计 3.2.1 SQL数据库的创建 创建一个空数据库，然后编辑数据表的内容在动态网页面中，一般应用这种方式。

网页设计实验报告 实验一

昆明理工大学信息工程与自动化学院学生实验报告 （201 —201 学年第一学期） 课程名称：Web设计技术开课实验室：年月日年级、专业、班学号姓名成绩 实验项目名称网页设计简介、HTML基础介绍、文字与 段落、列表指导教师 教师 评语教师签名： 年月日 注：报告内容按实验须知中七点要求进行。 一.打开记事本，编写第一个页面。 （1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。 （2）输入下面代码： 欢迎你! 我的朋友. 当你进入HTML编程世界的时候，你的
感觉是全新的！ (3)单击“文件”→“选择”→“保存”菜单项，选择文件类型为“所有文件”，文件名输入“index.html”并选择文件保存地址（记住一定要把文件的后缀存为.html或.htm，否则网页无法显示）。 （4）用浏览器打开这个文件，看看效果吧！ 二．用HTML语言编写符合以下要求的文档：标题为“班级主页”，在浏览器窗口用户区显示“欢迎来到我们的班级主页”，完成后效果如图： 代码： 班级主页 欢迎来到我们的班级主页

Web网站设计实验报告

Web网站设计实验报告 学生： 学号： 班级： 系别： 学院：

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (5)

五、设计过程 (6) 六、实验总结 (7) [附录]网页源代码节选 (8) 一．设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在老师的指导下分前台和后台进行了一系列操作，并有所收获。 我们了解和熟悉了网页设计的基础知识和实现技巧，也熟练掌握

了Photoshop cs3、Dreamweaver cs等软件的的操作和应用。 二．设计题目 《篮球球迷交流网》 主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。三．结构设计 选定主题，确定题目之后，网站设计还是一张白纸，我所做的是需要在这张白纸上一点点勾勒出网站的大框架，然后慢慢填充，实现网站的构想。首先我们在网上和图书管里查阅了大量的资料，以确定我们所需要的基本技术。然后，我们对整个网站进行总体规划，接着逐步细化。 我的设计主题是篮球球迷交流网，包括多个方面，框架为：首先是首页，首页下是新闻头条，分栏有球迷自述、篮球美图、给我留言，从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、靓图展示。 此为网站的大体板块，下面我们就每一页的页面板块进行详细的分析，有了大体框架，我们只需要在每一页的主要内容上做以划分，

Dreamweaver网页设计实验报告

实验报告 专业XXXXXX 班级XX 班 学号XXXXXX 姓名XXX 报告完成日期2012-12-26 指导教师XXX 评语： 成绩： 批阅教师签名：批阅时间：

一、制作时间 2012年12月18日至2012年12月26日。 二、实习内容 1、使用Dreamweaver制作网站，该网站为福建工程学院网站 2、网站不少于8个页面，主页和各模块相关页面； 3、页面中包含文字、图片； 4、使用CSS实现网页相关页面设置，要求在实现网页内能够显示文字，图片等信息； 5、使用网页浏览器进行网站测试。 三、实习环境 1、硬件环境：计算机一台； 2、软件环境：Dreamweaver cs4； 3、测试环境：IE、firework等网页浏览器。 四、网站总体设计 1、网站主题 本网页是以福建工程学院网站为主题，针对不同的年龄阶段的人给出了不同的学院的信息。 2、设计思路 首先构思了基本网页的布局，主页采取了常用的1-（1+1+1），附页采用了1-（1+1），上了多个网最后决定参照福建工程学院的官方网站进行制作，但是布局并不相同素材取自福建工程学院官方网站，部分图片取自百度，网站包括1个主页7个子页，子页包含了所有的学校状况，分别为：学校简介、现任校领导、教学机构、管理机构、校纪校训校歌、校园风光、新校区建设；采用了较难的二级菜单和 JVAV技术实现导航栏上面的图片进行4张轮播。 五、制作步骤 1.首先确定网页的主题后，从网上查看各名校的网站，并从中寻找思路开始做 网页。经过长时间的浏览，最终选择福建工程学院作为参照（网址：https://www.wendangku.net/doc/a812648036.html,）

网络工程设计实验报告

网络工程设计报告 班级：通信1202 姓名：默成 学号：4

小型企业网设计 一.企业网络需求分析 为适应企业信息化的发展，满足日益增长的通信需求和网络的稳定运行，今天的企业网络建设比传统企业网络建设有更高的要求，主要表现在如下几个面。 带宽性能需求 现代企业网络应具有更高的带宽，更强大的性能，以满足用户日益增长的通信需求。随着计算机技术的高速发展，基于网络的各种应用日益增多，今天的企业网络已经发展成为一个多业务承载平台。不仅要继续承载企业的办公自动化，Web浏览等简单的数据业务，还要承载涉及企业生产运营的各种业务应用系统数据，以及带宽和时延都要求很高的IP、视频会议等多媒体业务。因此，数据流量将大大增加，尤其是对核心网络的数据交换能力提出了前所未有的要求。另外，随着千兆位端口成本的持续下降，千兆位到桌面的应用会在不久的将来成为企业网的主流。从2004年全球交换机市场分析可以看到，增长最迅速的就是10 Gbps级别机箱式交换机，可见，万兆位的大规模应用已经真正开始。所以，今天的企业网络已经不能再用百兆位到桌面千兆位骨干来作为建网的标准，核心层及骨干层必须具有万兆位级带宽和处理性能，才能构筑一个畅通无阻的"高品质"企业网，从而适应网络规模扩大，业务量日益增长的需要。

稳定可靠需求 现代企业的网络应具有更全面的可靠性设计，以实现网络通信的实时畅通，保障企业生产运营的正常进行。随着企业各种业务应用逐渐转移到计算机网络上来，网络通信的无中断运行已经成为保证企业正常生产运营的关键。现代大型企业网络在可靠性设计面主要应从以下3个面考虑。 1、设备的可靠性设计：不仅要考察网络设备是否实现了关键部件的冗余备份，还要从网络设备整体设计架构、处理引擎种类等多面去考察。 2、业务的可靠性设计：网络设备在故障倒换过程中，是否对业务的正常运行有影响。 3、链路的可靠性设计：以太网的链路安全来自于多路径选择，所以在企业网络建设时，要考虑网络设备是否能够提供有效的链路自愈手段，以及快速重路由协议的支持。 应用服务需求 现代企业网络应具备更智能的网络管理解决案，以适应网络规模日益扩大，维护工作更加复杂的需要。当前的网络管理能力的要求已经上升到了业务层次，传统的网络设备的智能已经不能有效支持网络管理需求的发展。比如，网络调试期间最消耗人力与物力的线缆故障定位工作，网络运行期间对不同用户灵活的服务策略部署、访问权限控制、以及网络日志审计和病毒控制能力等面的管理工作，由于受网络设备功能本身的限制，都还属于费时、费力的任务。所以现代的大型企业网络迫切需要网络设备具备支撑"以应用为中心"的智能网络运营维护的能力，并能够有一套智能化的管理软件，将网络管理人员从繁重的工作中解脱出来。

网页设计与制作实验报告文档

2020 网页设计与制作实验报告文档 Contract Template

网页设计与制作实验报告文档 前言语料：温馨提醒，报告一般是指适用于下级向上级机关汇报工作，反映情况，答复上级机关的询问。按性质的不同，报告可划分为：综合报告和专题报告；按行文的直接目的不同，可将报告划分为：呈报性报告和呈转性报告。体会指的是接触一件事、一篇文章、或者其他什么东西之后，对你接触的事物产生的一些内心的想法和自己的理解 本文内容如下：【下载该文档后使用Word打开】 实验一：站点设置 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装windowsxp操作系统;建立iis服务器环境，支持asp。 3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件; 三、实验原理 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤 1)执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。 2)在弹出的“站点定义为”对话框中单击“高级”选项卡。 3)在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。 4)在“管理站点”对话框中单击“完成”按钮，站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二：页面图像设置 一、实验目的及要求： 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际

网页设计实验报告

《网络程序设计》 实验报告 学院：信息工程学院 专业：电子信息工程专业 学期：2014~2015学年第二学期 学号： 姓名：

实验1 使用JSP编写网页程序 1.1 实验目的 1．熟悉MyEclipse开发环境。 2．熟悉JSP基本语法。 3．练习使用JSP脚本语句。 4．熟练运用JSP内置对象。 1.2 实验预习 1．安装MyEclipse。 本实验使用的版本是10.7-offline-installer-windows 32位版。安装时默认路径在“使用用户\AppData\Local\”，可以自行更改。 2．了解java开发环境的配置。 1.3 实验任务 1．启动MyEclipse程序，并将启动界面截图。 2．启动tomcat服务器，并将启动状态信息截图。 配置window->Preferences->Tomcat。设MyEdipse T omcat 6为不可用并将Tomcat 5.X

server设为可用，选择路径为apache-tomcat-5.5.27的所在路径。 3．编写第一个JSP网页程序，在JSP页面中嵌入脚本代码，通过内置对象out在页面中打印出“Hello My First JSP Page”。 新建一个project，其中Web Service Project，Report Web Project都可用，就目前来说区别不大。在index.jsp文件内编写代码。其文件内结构如下： 语言参数，调用头文件 //文件开始标签 //文件头部标签 <tltie> //文件标题标签 <head> // <body> //文件主体标签 Hello My First JSP Page. <br> //网页显示内容 <body> <html></p><h2>网页制作实验报告</h2><p>网页制作实验报告 1、网站的主题说明 我的个人网站的主题是旅游，主要介绍的是日本。在我的网站中，有关于日本的景点、美食和购物的简介，提供一定的资讯信息，还有旅游的小贴士和留言板，能够与访问者互动，分享关于日本旅游的最新讯息。 2．网站的总体规划与网站的结构框图 日本的国名含义为“日出之国”。全国由北海道、四国、本洲和九洲四个大岛及几千个小岛组成，海岸线漫长曲折，境内山地崎岖、河谷交错，景色优美壮丽。 粉色樱花雨，绚烂如火的红叶，遍布岛国的绿色森林，还有漫长的美丽海岸线，都有着精致的柔美；火山地震众多，则令这些柔美脆弱而珍贵。日本前卫时尚，是匪夷所思的创意科技之国，却也是将传统文化固守得最好的国度：神社寺院的古老建筑动辄几百年历史，茶道、庭园、手工艺传承着和风之美，日式的贴心服务和国民的知书识礼，同样令人慨叹。 从东京到京都，从北海道到冲绳，每个地方都有着独特的人情风土，值得一去再去。享受美景、美食，疯狂血拼，更别忘了参加传统祭典、泡露天温泉。 因此我将网站的主题定位在甜美梦幻的风格上，附上日本经典的樱花和建筑，将日本的魅力展现在浏览者的面前。各个页面都有导航条设计、使浏览者在任意页面均可到达他想到达的景点介绍页面，增强了页面的友好程度。 网站的结构框图 3．网站LOGO 说明与各级网页风格说明 我的logo 是由图片和文字组成，可爱的小汽车表达了旅行的意愿，符合网站旅游的主题，颜色搭配也与网页的背景图片相符。为了统一便于浏览，所有的网页我采用统一的背景图片，配上简单的图片和文字，使页面简洁明了 首页</p><p>景点 美食 留言板</p><p>4．典型网页的设计过程与样例 ⑴创建站点。点击“站点”下拉菜单的“创建站点”，名字站点名称和站点在计算机的路径。 ⑵点击“文件”下拉菜单的“新建”，创建基本页面，在打开的页面中设置背景图片。 ⑶表格是非常重要的布局工具，例如首页，点击菜单栏的“插入”和“表格”，创建一个4行1列的表格，根据需要调整大小，在表格的第二行插入一个1行6列的表格作为导航，在其他表格中插入“简介”和图片。 ⑷将“首页”“景点”“美食”“购物”“旅游小贴士”“留言板”等文字键入表格后，为其设置超链接，选定文字后，在下面的属性栏中点击“链接”的文件浏览，找到相应的网页后完成超链接。 ⑸用以上的基本操作完成其他网页，并一一为导航文字设置超链接，在建设留言板的网页时，最重要的是文本域的插入，具体操作如下：插入→表单→文本域，将其放在你想设置的位置，在旁边插入按钮，插入→表单→按钮，设置“提交”和“重置”完成留言板的主体部分，插入一些图片进行美化。 ⑹最后点击浏览器进行预览和调制，F12是预览的快捷方式，完善后完成网站建设。5．提出对网站的改进意见 做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次网站设计不是很好，页面过于简单，创新意识方面薄弱，链接方面只有二级页面，内容不够丰富，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。</p><h2>网页设计实验报告书</h2><p>网页设计 实验报告书 学院机电工程学院专业工业设计班级08-1班 学生邱碧星指导教师吴良海 完成时间2011 年9月 1 日至2011 年11月25 日</p><p>网页设计综合实验报告 一、实验目的 综合运用所学知识，建设一个小型网站。使学生掌握网页制作的基本方法和网站建设的流程；使学生掌握用网页呈现信息的基本技术，提高学生的计算机应用技能。 二、实验设备 多媒体计算机；Fireworks、Dreamweaver等。 三、实验内容 综合运用本课程所学的知识制作一个表达某一主题的网站。 注意事项： ●每个同学以自己的学号+姓名建立目录作为站点根目录，网站测试正确 后打包提交。 ●所有文件和文件夹全部用英文字母和数字命名，禁用中文、全角字符、 空格等命名。 ●首页文件命名为index.html ●不要使用非原创的大容量的视频文件。 ●严禁抄袭 四、实验要求 ●主题鲜明 ●布局合理，界面美观 ●内容健康，组织合理（栏目），目录层次清楚 ●导航清晰、链接正确 ●多媒体 五、实验步骤 1.确定网站的建设目标 主要是要达到展示个人的作品、讲述个人兴趣爱好、明确发展方向、关于专业方面的个人思考以及专业相关资料链接的目的。 第一方面：明确方向。 主要是展示我个人的兴趣爱好，专业背景等方面的内容。重点是总结我大学三年来的过程与收获，是一个查漏补缺的过程，同时也是在促使我不断进取的一个武器。 第二方面：达到交流的效果。 网站的《与我相关》网页较为系统的介绍了我自己，可以让我更加认清自己。</p><p>同时，也是在表明是一个怎么样的人，让那些有相同兴趣爱好的朋友可以一起交流。 第三方面：推销自己。 网站里面展示了我大部分的成绩，以及我以后发展的方向，让那些相关的公司可以了解我更多一点，明白我可以为他做点什么，决定着他是否会录用我。 第四方面：教学目的。 这个网站其实是与《网页设计》这门课程挂勾的，为了完成教学任务，也是我做这个网站的初衷之一。 2.确定网站的主题、风格 主题主要是展示我在工业设计这个专业的学习所得，与大家交流我在这大学这几年中所学习到的各种技能，如：手绘技能、软件表现技能、创意表达等方面的技能，同时辅以我的兴趣爱好面板。 我的网页风格是简洁的，因为字如其人，通过我的网站就知道我的为人如何，从第一印象让别人知道对我是否感兴趣。</p><h2>网页设计实验报告.</h2><p>《网站规划与设计》 实验报告 院(系)名称：经济与管理学院学生姓名：杨坤 学号：02135046 专业名称：信息管理与信息系统班级：信管1302班</p><p>实验1 Dreamweaver 8.0基本操作及简单网页制作实验 1．实验目的与要求 (1)掌握Dreamweaver 8.0基本操作。 (2)掌握本地站点的设置方法。 (3)熟悉制作一个简单网页的过程。 (4)掌握表格的使用方法。 (5)掌握层的基本操作方法。 (6)掌握使用框架布局页面的方法。 2. 试验内容和步骤 1)网页编辑器基本操作 (1)了解Dreamweaver 8.0操作界面上各个部分的主要功能。 了解主菜单、插入面板，属性面板、文档工具条，页面编辑窗口、面板集合的各项功能和操作方法。 (2)了解各种常用快捷键的用法。Ctrl＋S、Ctrl＋Q、Ctrl＋Z、Ctrl＋Y、Ctrl ＋C、Ctrl＋X、Ctrl＋V、Ctrl＋A、F12 2)建立网站的基本操作 (1)打开站点管理器，在本地计算机的当前盘根文件夹中，建立名为mysite的本地站点的根文件夹。 操作步骤如下： ①启动Dreamweaver 8.0，选择【站点】/【管理站点】/【新建站点】命令。 ②在站点定义对话框中，选择【基本】选项卡，在[站点名称]文本框中输入“mysite”。也可在【高级】选项卡中进行设置。 ③单击[下一步]，本次试验学习的是静态站点的定义，选择第一项“否，我不想使用服务器技术”并确认。单击[下一步]，本次试验中的站点文件是复制在本地计算机上的，选择第一项“编辑我的计算机上的本地副本，完成后再上传到服务器”，单击[下一步]，在选择远程服务器的连接方式，选择“无”，即不使用远程服务器连接。单击[下一步]，直至完成。 (2) 在文件夹mysite中新建名为source的子文件夹。把准备好的网页素材文件复制到source文件夹中去。 3)制作简单网页 ①在Dreamweaver 8.0网页编辑器中新建一个页面。选择【保存】，给这个页面取一个名字“index.htm”,保存在站点mysite下。同理创建一个空页面Enter－ 2.htm。 ②在index.htm页面编辑窗口，输入文字“欢迎光临我的网上书店”等等，</p><h2>电子商务专业网页制作实验报告</h2><p>《网页设计与制作》 实验报告 院系名称：管理学院专业班级：电子商务10级02班学生姓名：相栓霞学号：0629 2012年 5 月11 日</p><p>实验一：HTML语言实验 一、实验目的 1、掌握利用HTML语言编写网页的能力； 2、掌握利用HTML语言编写表格的能力； 3、掌握利用HTML语言编写表单的能力。 二、实验课时 2学时 三、实验内容 1、表格实验的结果 （1）实验步骤编制代码如下： <html> <head><titel>表格示例</titel> <body><table border="1"> <tr><td bgcolor="#ff0000" width="200" height="50" rowspan="2" colspan="2">A</td> <td width="100" height="25">B</td> <td width="100" height="25" align="center">C</td></tr> <tr><td colspan="2" align="center">D</td></tr> <tr><td rowspan="2" align="right">E</td> <td rowspan="2" align="right">F</td> <td rowspan="2">G</td> <td>H</td></tr> <tr><td>I</td></tr> </body> </head> </html> （2）运行结果：</p><p>2、表单实验的结果 （1）实验步骤编制代码如下： <html> <head> <title>表单

姓名：
密码：
性别： 女 男
爱好： 篮球 足球

网上书店设计实验报告书

信息学院 软件工程课程设计 -----小组报告 2011年12月20

科技大学

课程设计题目：科大网上书店 学院：信息科学与工程学院班级：计算机09-1班 组长：春生 同组其他成员：王东升恒德新 课程教师：红梅实验指导教师：红梅 实验地点：信息学院软件实验室 完成起止日期：2011年9月27----2011年12月20日

[正文] 目录第一章：课程设计概述 1-1 实验目的 1-2 实验容概述 1-3 实验要求 1-4 参考文献 第二章：系统设计模型 2-1 需求分析 2-2 系统总体设计 2-2-1 功能结构 2-2-2 架构设计 2-2-3 运行环境 2-3 数据流图 2-3-1 前台用户数据流图 2-3-2 后台管理员数据流图2-4 系统E—R图 2-4-1 系统总E-R图 2-4-2 系统管理员实体图 2-4-3 商品信息实体图

2-4-4 用户信息实体图 2-4-5 订单信息实体图 第三章：实现项目的过程与步骤 3-1系统数据库的设计 3-2 系统数据库表关系图 3-3 功能总体说明 3-3-1 系统流程图 3-3-2 目录结构说明 3-4 各功能模块的实现 3-4-1 数据库的连接 3-4-2 的首页 3-4-3 用户注册管理 3-4-4 购物车管理 3-4-5 图书管理 3-4-6 订单管理 3-4-7 用户登陆管理 3-4-8 系统数据管理 第四章：遇到的困难与获得的主要成果第五章：测试运行记录 5-1 系统运行环境的搭建 5-2 系统的测试 5-2-1 系统关键部分测试分析

5-2-2 测试结果分析与说明 5-2-3 系统安全与性能分析 5-3 系统中存在的问题及解决方法 第一章系统设计概述

网页设计实验报告

《网站设计》课程实验设计报告 专业:数学与应用数学 班级:数08~2班 学号:1060208024043 姓名:张娟娟

一、设计目的 ⒈本课程的设计目的是通过实践使同学们经历Dreamweaver cs3 开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3 可视化开发工具进行网页开发的方法；了解网页设计制作过程 ⒉通过设计达到掌握网页设计、制作的技巧。 ⒊了解和熟悉网页设计的基础知识和实现技巧。 ⒋根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 ⒌熟练掌握Photoshop cs3、Dreamweaver cs3 等软件的的操作和应用。 ⒍增强动手实践能力，进一步加强自身综合素质。 ⒎学会和团队配合，逐渐培养做一个完整项目的能力。 二、课程设计题目 玩转西安 三、需求分析 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。调研内容如下： ⒈网站当前以及日后可能出现的功能需求。 ⒉客户对网站的性能（如访问速度）的要求和可靠性的要求。 ⒊确定网站维护的要求。 ⒋网站的实际运行环境。 ⒌网站页面总体风格以及美工效果。 ⒍主页面和次级页面数量等。 ⒎内容管理及录入任务的分配。 ⒏各种页面特殊效果及其数量（如flash 等）。 ⒐项目完成时间及进度。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我们选做的主题是旅游交通，并且选定题目为“玩转西安”，其目的是做一个简单的网站，介绍西安旅游的各个方面，提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3 是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 ⒈点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 ⒉使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的

网页制作实验报告

网页制作实验报告 网页制作实验报告 实验一：站点设置sp; 一、实验目的及要求sp; 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。sp; 二、仪器用具sp; 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。sp; 2、安装windowssp;xp操作系统；建立iis服务器环境，支持asp。sp; 3、安装网页三剑客（dreamweaversp;mx；flashsp;mx；fireworkssp;mx）等网页设计软件；sp; 三、实验原理sp; 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。sp; 四、实验方法与步骤sp; 1）执行“站点＼管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。sp; 2）在弹出的“站点定义为”对话框中单击“高级”选项卡。sp; 3）在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。sp;

4）在“管理站点”对话框中单击“完成”按钮，站点创建完毕。sp; 五、实验结果sp; 六、讨论与结论sp; 实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。sp; sp; 实验二：页面图像设置sp; 一、实验目的及要求：sp; 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。sp; 二、仪器用具sp; 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。sp; 2、安装windowssp;xp操作系统；建立iis服务器环境，支持asp。sp; 3、安装网页三剑客（dreamweaversp;mx；flashsp;mx；fireworkssp;mx）等网页设计软件；sp; 4、安装acdsee、photoshop等图形处理与制作软件；sp; 5、其他一些动画与图形处理或制作软件。sp; 三、实验原理sp;

相关文档 最新文档

侵权投诉  © 2013-2023 www.wendangku.net  站点地图 | 手机版

闽ICP备11023808号-7  本站文档均来自互联网及网友上传分享，本站只负责收集和整理，有任何问题可通过上访投诉通道进行反馈