搜档网
搜档网
当前位置：搜档网 › 网页设计1实验报告

网页设计1实验报告

网页设计1实验报告
网页设计1实验报告

课程实验报告

专业年级2012级网络工程课程名称网页设计与制作

指导教师

学生姓名

学号20122205051013 实验日期2014年11月19日实验地点笃行楼A栋306 实验成绩

教务处制

2014 年11 月19 日

2 利用css改变fruit.html的外观

使用内部样式表，运用css修改fruit.html的外观，达到如图所示的效果，

步骤4，使用div标记作为容器

将与香蕉有关的html元素，用一个div标记包含起来，并将id设置为banana，以此类推，将与西红柿有关的html元素，用一个div标记包含起来，并将id设置为tomato。

步骤5，使用id选择符，为步骤5添加的各个div设置不同的背景色以及边框。

步骤6，修改链接文字的样式

2.提供步骤1完成页面的html源代码

10.提供步骤6添加的css样式规则源代码（注意只需要css的代码）a:link { font-weight: bold;

Web网页设计实验报告

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

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

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

网页制作实验报告

网页制作实验报告 页制作实验报告 实验一：站点设置 一、实验目的及要求 本实例是经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 二、仪器用具 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三个软件完成网站建设任 务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 具备独立撰写实训报告等科技文件的基本能力； 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流 的能力，培养创新能力和团队意识； 为今后从事网站开发、维护和管理奠定基础。

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.sodocs.net/doc/024383689.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>《网站规划与设计》 实验报告 院(系)名称：经济与管理学院学生姓名：杨坤 学号：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>表单

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

网页设计实验报告

《网站设计》课程实验设计报告 专业:数学与应用数学 班级:数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;

工作报告之html网页制作实验报告

html网页制作实验报告 【篇一：html实验报告】 武夷学院实验报告课程名称：电子商务网站设计和开发_ 项目名称：_基于html的网页设计姓名：林元卿专业：旅游管理班级：3班学号：20136031005 实验操作成绩（百分制）__________ 实验指导教师签字： __________ ）实验报告成绩（百分制）__________ 实验指导教师签字： __________ 【篇二：html标记的综合使用网页设计实验报告】 学生实验报告 学院：软件和通信工程学院 课程名称：网页设计基础 专业班级： 08软件和通信工程学院4班 姓名：陈贝贝 学号： 0088225 学生实验报告 一、实验综述 1、实验目的及要求 实验目的： 通过用html语言进行编辑，使学生了解网站的制作流程；了解 html表单标记的使用；了解html表格标记的使用；掌握html的基 本概念、文档的基本结构；掌握html文档的结构、html设计文字排

版；掌握html插入多媒体；掌握html基本标记，包括标题、背景 图片、图像、水平线、字体编辑、段落、超链接、文本堆砌等的使 用方法。熟练掌握html中的常用标记的名称及用途。熟练掌握对 html语言文字结构的理解；掌握各种元素的使用；熟练掌握图片、 动画、声音的嵌入以及超级连接的控制和使用，结合实际，巩固课 堂中所学的理论知识。 实验要求： 以个人独立完成的方式，完成一个用html语言进行编辑的网页制作，实现一个具有独立主题的网页制作。 2、实验仪器、设备或软件 带ie浏览器的计算机，windows的写字板、记事本。 二、实验过程（实验步骤、记录、数据、分析） step1：设计网站logo，网站的标准色彩，并且确定网站主题和网 站栏目，一 切设计完成后开始构建页面。 我定义的主题是个人网站，所以主要突出自己的个性特质。logo是sky dream，寓意是我的梦游园。色彩主页是以蓝色为主，强调梦感。栏目分为主页，日志（我的印记），相册（美丽瞬间），个人档案（我的万花筒），心情（我的叨叨）和留言板（留言星星河）。 flash是自己修改的，花了一些力气。 这里强调一下目录下文件夹的分类，不能出现中文，不然会无法显示。如图： 主页面index.html,然后依次建立分页面。 step2：对网页设计框架，进行布局。

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

网页设计与制作实验报告文档2篇Webpage design and making experiment report docume nt 编订：JinTai College

网页设计与制作实验报告文档2篇 小泰温馨提示：实验报告是把实验的目的、方法、过程、结果等记录下来，经过整理，写成的书面汇报。本文档根据实验报告内容要求展开说明，具有实践指导意义，便于学习和使用，本文下载后内容可随意修改调整及打印。 本文简要目录如下：【下载该文档后使用Word打开，按住键盘Ctrl键且鼠标单击目录内容即可跳转到对应篇章】 1、篇章1：网页设计与制作实验报告文档 2、篇章2：网页制作实验报告文档 篇章1:网页设计与制作实验报告文档 实验一：站点设置 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装windows xp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客（dreamweaver mx;flash mx;fireworks mx）等网页设计软件; 通过“站点定义为”对话框中的“高级”选项卡创建一 个新站点。 1）执行“站点管理站点”命令，在弹出的“管理站点” 对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。 2）在弹出的“站点定义为”对话框中单击“高级”选项卡。 3）在“站点名称”文本框中输入站点名称，在“默认文 件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。 4）在“管理站点”对话框中单击“完成”按钮，站点创 建完毕。 实验开始之前要先建立一个根文件夹，在实验的过程中 把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要

Web网页设计实验报告

课程设计报告书 2010/2011 学年第 1 学期 设计题目： Web网页制作实验报告 年级专业： 08级市场营销 姓名学号： 指导老师： 经济管理系 12月20日

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11) [附录]网页源代码节选 (12)

一、设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《C罗球迷之家》 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我们选做的主题是个人主页，并且选定题目为“C罗球迷之家”，其目的是做一个简单的网站，介绍C罗的各个方面，提供一定的资讯信息，。进行一番调研之后，该网站整体站功能结构图如下：

web网页设计与制作实习报告

网 页设计与制作 实验报告 学生姓名 班级 学号 指导教师文志华

2015.5.23 实验一简单网页制作 一、实验目的 1．熟悉Dreamweaver软件的操作界面。 2．掌握建立本地站点的方法。 3．掌握简单网页制作方法。 4．掌握超链接的建立方法。 三、操作步骤 1．创建“潜水俱乐部”站点 （1）在D盘新建文件夹，命名为shiyan1； （2）将images文件夹和gallery文件夹复制到中shiyan1中； （3）启动Dreamweaver，使用“站点｜新建站点”命令创建站点。 2．制作“俱乐部首页”。 （1）新建网页。 （2）使用“文件｜保存”命令保存网页，命名为index.html。 （3）在文档工具栏上设置网页标题“泡泡潜水俱乐部欢迎你”。 （4）从“文本.txt”中将首页的相关文字粘贴到网页中。 （5）设置一级标题、二级标题、三级标题、项目列表、编号列表。 （6）插入图像。 （7）在Copyright后插入版权符号?。

（8）在电话号码之间插入半角空格。 （9）在电子邮箱地址上建立超链接，mailto: vip@https://www.sodocs.net/doc/024383689.html,。 （10）选中网页内容，然后单击“插入Div标签”按钮，分别插入header、navigation、mainContent、footer共4个Div。 （11）保存网页，按F12，预览网页。 四.实验结果 实验二 XHTML语言 一、实验目的 1．掌握XHTML 语法。 2．掌握XHTML标记及属性。 3．掌握XHTML 标记校验的方法。 二、实验内容 制作“学校主页-新闻中心-学校新闻-校领导赴包装设计艺术学院调研”的网页

网页制作实验报告文档2篇

网页制作实验报告文档2篇 Making experiment report document on Web page

网页制作实验报告文档2篇 小泰温馨提示：实验报告是把实验的目的、方法、过程、结果等记录下来，经过整理，写成的书面汇报。本文档根据实验报告内容要求展开说明，具有实践指导意义，便于学习和使用，本文下载后内容可随意修改调整及打印。 本文简要目录如下：【下载该文档后使用Word打开，按住键盘Ctrl键且鼠标单击目录内容即可跳转到对应篇章】 1、篇章1：网页制作实验报告文档 2、篇章2：网页制作实验报告文档 篇章1:网页制作实验报告文档 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装windowsxp操作系统；建立iis服务器环境，支持asp。

3、安装网页三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件； 通过“站点定义为”对话框中的“高级”选项卡创建一 个新站点。 1）执行“站点＼管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。 2）在弹出的“站点定义为”对话框中单击“高级”选项卡。 3）在“站点名称”文本框中输入站点名称，在“默认文 件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。 4）在“管理站点”对话框中单击“完成”按钮，站点创 建完毕。 实验开始之前要先建立一个根文件夹，在实验的过程中 把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要

相关文档

最新文档

© 2013-2022 www.sodocs.net  站点地图 | 侵权投诉

闽ICP备11023808号-8  本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈