Web网站设计实验报告
Web网站设计实验报告
学生：
学号：
班级：
系别：
学院：
目录
一、设计目的 (3)
二、设计题目 (3)
三、结构设计 (3)
四、技术分析 (5)
五、设计过程 (6)
六、实验总结 (7)
[附录]网页源代码节选 (8)
一．设计目的
在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在老师的指导下分前台和后台进行了一系列操作，并有所收获。
我们了解和熟悉了网页设计的基础知识和实现技巧，也熟练掌握了Photoshop cs3、Dreamweaver cs等软件的的操作和应用。
二．设计题目
《篮球球迷交流网》
主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。
三．结构设计
选定主题，确定题目之后，网站设计还是一张白纸，我所做的是需要在这张白纸上一点点勾勒出网站的大框架，然后慢慢填充，实现网站的构想。首先我们在网上和图书管里查阅了大量的资料，以确定我们所需要的基本技术。然后，我们对整个网站进行总体规划，接着逐步细化。
我的设计主题是篮球球迷交流网，包括多个方面，框架为：
首先是首页，首页下是新闻头条，分栏有球迷自述、篮球美图、给我留言，从分栏都可以回到首页。
首页主要分为新闻头条、热门话题区、靓图展示。
此为网站的大体板块，下面我们就每一页的页面板块进行详细的分析，有了大体框架，我们只需要在每一页的主要内容上做以划分，下面就内容板块举几个例子：
1.首页（作为一个网站的第一界面，一定要有内容，我把content分为logo
和网站导航div，下面又展示了正文内容）
2.篮球美图
四．技术分析
WEB技术主要分为客户端和服务器技术。
Web客户端设计技术主要包括：html语言、Java Applets、脚本程序、CSS、DHTML、插件技术以及VRML技术。
Web服务器端的开发技术也是由静态向动态逐渐发展、完善起来的。Web服务器技术主要包括服务器、CGI、PHP、ASP、https://www.360docs.net/doc/e113126337.html,、Servlet和JSP技术。
(一)建立布局
这里我们用到了HTML以及CSS等实用技术。HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。由此可见，网页的本质就是HTML，通过结合使用其他的Web技术，可以创造出功能强大的网页。因而，HTML是Web 编程的基础。
而CSS是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式
表，可以统一地控制HMTL中各标志的显示属性。级联样式表可以使人更能有效
地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
（二）网页中的图像
（1）怎样编辑网页中的图像
在Dreamweaver cs3中，可以使用“图片”工具栏中的各种工具对网页中的图像进行编辑，编辑功能主要有：图像旋转和翻转、剪裁、图像淡化、凹凸效果等等。
另外，为了使图片更符合要求，我们还在photoshop cs3中队所用的图片进行了处理，使得图片看起来更加精细美观，符合我们的主题要求。
（2）使用背景图像
使用背景图像与使用背景色不同，使用背景色只将网页的背景用某种颜色填充，而使用背景图像则是将网页的背景用图像平铺。这样做可以使制作的网页更美观好看。
（三）加入超链接
选中图片或者文字，在下面的链接属性中输入所要连接到的地址，同时，下方的目标属性被激活，输入blank设置成在新窗口中打开网页。我们设置了链接本站点的网页页面，同时也连接了外网（链接到虎扑和百度），使得大家访问页面时能够查询更多详细的信息，方便用户查询。
五．设计过程
制作网页,首先是确定主题,经过再三考虑,我选择了这个关于篮球球迷交流网的网站,因为平时比较喜欢打篮球，对这方面了解比较多，而且主题比较新颖，网站设计主题比较现代化，发挥空间也比较大，于是网站主题确立。
再后是收集资料与素材，了解关于篮球方面的一些图片和新闻，加以自己的收藏，再参考一些好的网站的布局，特色，颜色搭配，背景图等。
最后开始制作网页，使用dreamweaver。页面用div布局，用白色充当背景色，但是丝毫不显单调。
主体部分是用一个公共的css样式。而在其他页面则通过DIV标签来实现内容的填充：
主体页面制作非常简单，采用了整齐的布局，注重网页的实用性，在其中插入表格，分栏还插入了超级链接直接链接到互联网。
六．实验总结与体会
在实验过程中，遇到了许多困难。比如说，加入超链接过程中，明明在页面属性里设置的是超链接的文字是原色，点击链接后也是原色，可一链接上就变色了，做了很多研究，实验，改了很多次代码，终于弄上了，还加上了把鼠标挪到上面字就会变色的特效。在网站制作过程中，因为我加了两层背景，所以代码稍有疏忽，整个页面就完全变样子了，有一次弄了好半天都没找的错误处，最后发现其实少加了一个div。网站制作过程中我的白色背景常常会出现无法延伸到页尾的情况，经慢慢摸索，发现是因为我的白色背景布还不够长，显示器不同会造成一定差别，在调整了白色背景图片大小之后问题就解决了。做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次网站设计还存在很多不足，页面过于简单，特效较少，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。
[附录] 网页源代码节选
首页代码节选：
篮球世界
作为一个篮球球迷，总是希望和大家分享一些自己喜欢的东西
热门消息
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) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果
网页设计实验报告 实验一
昆明理工大学信息工程与自动化学院学生实验报告 （201 —201 学年第一学期） 课程名称：Web设计技术开课实验室：年月日年级、专业、班学号姓名成绩 实验项目名称网页设计简介、HTML基础介绍、文字与 段落、列表指导教师 教师 评语教师签名： 年月日 注：报告内容按实验须知中七点要求进行。 一.打开记事本，编写第一个页面。 （1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。 （2）输入下面代码：
感觉是全新的！
Web网站设计实验报告
Web网站设计实验报告 学生： 学号： 班级： 系别： 学院：
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (5)
五、设计过程 (6) 六、实验总结 (7) [附录]网页源代码节选 (8) 一．设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在老师的指导下分前台和后台进行了一系列操作，并有所收获。 我们了解和熟悉了网页设计的基础知识和实现技巧，也熟练掌握
了Photoshop cs3、Dreamweaver cs等软件的的操作和应用。 二．设计题目 《篮球球迷交流网》 主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。三．结构设计 选定主题，确定题目之后，网站设计还是一张白纸，我所做的是需要在这张白纸上一点点勾勒出网站的大框架，然后慢慢填充，实现网站的构想。首先我们在网上和图书管里查阅了大量的资料，以确定我们所需要的基本技术。然后，我们对整个网站进行总体规划，接着逐步细化。 我的设计主题是篮球球迷交流网，包括多个方面，框架为：首先是首页，首页下是新闻头条，分栏有球迷自述、篮球美图、给我留言，从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、靓图展示。 此为网站的大体板块，下面我们就每一页的页面板块进行详细的分析，有了大体框架，我们只需要在每一页的主要内容上做以划分，
网页设计与制作实验报告文档
2020 网页设计与制作实验报告文档 Contract Template
网页设计与制作实验报告文档 前言语料：温馨提醒，报告一般是指适用于下级向上级机关汇报工作，反映情况，答复上级机关的询问。按性质的不同，报告可划分为：综合报告和专题报告；按行文的直接目的不同，可将报告划分为：呈报性报告和呈转性报告。体会指的是接触一件事、一篇文章、或者其他什么东西之后，对你接触的事物产生的一些内心的想法和自己的理解 本文内容如下：【下载该文档后使用Word打开】 实验一：站点设置 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装windowsxp操作系统;建立iis服务器环境，支持asp。 3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件; 三、实验原理 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
四、实验方法与步骤 1)执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。 2)在弹出的“站点定义为”对话框中单击“高级”选项卡。 3)在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。 4)在“管理站点”对话框中单击“完成”按钮，站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二：页面图像设置 一、实验目的及要求： 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际
网络工程设计实验报告
网络工程设计报告 班级：通信1202 姓名：默成 学号：4
小型企业网设计 一.企业网络需求分析 为适应企业信息化的发展，满足日益增长的通信需求和网络的稳定运行，今天的企业网络建设比传统企业网络建设有更高的要求，主要表现在如下几个面。 带宽性能需求 现代企业网络应具有更高的带宽，更强大的性能，以满足用户日益增长的通信需求。随着计算机技术的高速发展，基于网络的各种应用日益增多，今天的企业网络已经发展成为一个多业务承载平台。不仅要继续承载企业的办公自动化，Web浏览等简单的数据业务，还要承载涉及企业生产运营的各种业务应用系统数据，以及带宽和时延都要求很高的IP、视频会议等多媒体业务。因此，数据流量将大大增加，尤其是对核心网络的数据交换能力提出了前所未有的要求。另外，随着千兆位端口成本的持续下降，千兆位到桌面的应用会在不久的将来成为企业网的主流。从2004年全球交换机市场分析可以看到，增长最迅速的就是10 Gbps级别机箱式交换机，可见，万兆位的大规模应用已经真正开始。所以，今天的企业网络已经不能再用百兆位到桌面千兆位骨干来作为建网的标准，核心层及骨干层必须具有万兆位级带宽和处理性能，才能构筑一个畅通无阻的"高品质"企业网，从而适应网络规模扩大，业务量日益增长的需要。
稳定可靠需求 现代企业的网络应具有更全面的可靠性设计，以实现网络通信的实时畅通，保障企业生产运营的正常进行。随着企业各种业务应用逐渐转移到计算机网络上来，网络通信的无中断运行已经成为保证企业正常生产运营的关键。现代大型企业网络在可靠性设计面主要应从以下3个面考虑。 1、设备的可靠性设计：不仅要考察网络设备是否实现了关键部件的冗余备份，还要从网络设备整体设计架构、处理引擎种类等多面去考察。 2、业务的可靠性设计：网络设备在故障倒换过程中，是否对业务的正常运行有影响。 3、链路的可靠性设计：以太网的链路安全来自于多路径选择，所以在企业网络建设时，要考虑网络设备是否能够提供有效的链路自愈手段，以及快速重路由协议的支持。 应用服务需求 现代企业网络应具备更智能的网络管理解决案，以适应网络规模日益扩大，维护工作更加复杂的需要。当前的网络管理能力的要求已经上升到了业务层次，传统的网络设备的智能已经不能有效支持网络管理需求的发展。比如，网络调试期间最消耗人力与物力的线缆故障定位工作，网络运行期间对不同用户灵活的服务策略部署、访问权限控制、以及网络日志审计和病毒控制能力等面的管理工作，由于受网络设备功能本身的限制，都还属于费时、费力的任务。所以现代的大型企业网络迫切需要网络设备具备支撑"以应用为中心"的智能网络运营维护的能力，并能够有一套智能化的管理软件，将网络管理人员从繁重的工作中解脱出来。
网页设计实验报告.
《网站规划与设计》 实验报告 院(系)名称：经济与管理学院学生姓名：杨坤 学号：02135046 专业名称：信息管理与信息系统班级：信管1302班
实验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页面编辑窗口，输入文字“欢迎光临我的网上书店”等等，
网页设计实验报告
《网站设计》课程实验设计报告 专业:数学与应用数学 班级:数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）在“管理站点”对话框中单击“完成”按钮，站点创 建完毕。 实验开始之前要先建立一个根文件夹，在实验的过程中 把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要
网页制作实验报告文档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）在“管理站点”对话框中单击“完成”按钮，站点创 建完毕。 实验开始之前要先建立一个根文件夹，在实验的过程中 把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要
网页制作实验报告范本
Record the situation and lessons learned, find out the existing problems and form future countermeasures. 姓名：___________________ 单位：___________________ 时间：___________________ 网页制作实验报告
编号：FS-DY-20251 网页制作实验报告 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装windowsxp操作系统；建立iis服务器环境，支持asp。 3、安装网页三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件； 三、实验原理 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 四、实验方法与步骤
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罗的各个方面，提供一定的资讯信息，。进行一番调研之后，该网站整体站功能结构图如下：
网页设计实验报告要求
实验一、认识HTML 一、实验目的：了解HHTML中涉及的技术。 HTML语言的组成及特点，学会利用HTML语言编辑网页。 了解CSS。 了解网站开发的流程。 二、实验内容 1.参考书1. 2.1节，利用记事本实现唐诗实例。 2.利用CSS对唐诗进行修饰。 3.请写出以下效果的HTML代码（包括分行及分段效果） 4.上网浏览网站，并选择其中一个网站为目标，撰写网站开发报告，要求有以下内容： ?此网站URL是什么 ?此网站的目标是什么，网站设计者是如何来实现的 ?此网站的首页是如何设计的，你有没有改进意见 ?此网站的导航如何设计，你有何改进意见 请完成以上内容，并将结果写入实验报告。 实验二、Dreamweavor应用
一、实验目的：掌握如何在Dreamweaver中进行网页编辑； 掌握Dreamweaver中站点的设置； 掌握网站空间的申请及网页的上传。 二、实验内容 1.将实验1中的内容，利用DreamWeavor完成，并注意在拆分视图下，观察它是如何将格式操作变成HTML代码的。 2.按书中要求，制作唐诗宋词网站的首页。 3.在Dreamweaver中设置站点，并为唐诗宋词网站规划网站文件夹结构。 4.上网搜索免费个人网站空间，并将所制作的网页上传，并测试网是否能够正常访问。 请完成以上内容，并将结果写入实验报告。 实验三、文本修饰与超链接 一、实验目的：掌握常用的文本与段落修饰标记; 掌握超级链接标记及其设置； 二、实验内容（参见P68） 1.制作完成唐诗宋词精选网站，至少完成3个页面。 2.为已经完成的页面设置格式及超链接。 请完成以上内容，并将结果写入实验报告。 实验四、CSS应用