今天重庆云诚科技就给我们广大朋友来聊聊fireworks网页设计,以下2个关于fireworks网页设计实验报告的观点希望能帮助到您找到想要的答案。
高分求网页制作实验报告!
贡献用户名：【孤城凉梦】 ，现在由重庆云诚科技小编为你详解与【fireworks网页设计】的相关内容！
最佳回答
网页制作实验报告
实验一：站点设置
一、实验目的及要求
本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
二、仪器用具
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) 在页面文档中单击“”插入鼠标经过图像。
五、实验结果
六、讨论与结论
实验结束后我们可以看到页面的背景变成了我们插入的图像，并且要鼠标经过的时候会变成另一个图像，这就是鼠标经过图像的效果。当然这种实验效果很难在实验结果的截图里表现出来。这个实验的关键在于背景图像的选择，如果背景图像太大不仅会影响网页的打开，甚至图像在插入会也会有失真的感觉，因此在插入前对图像进行必要的处理能使实验的效果更好。
实验三：表格制作
一、实验目的及要求：
本实例是要创建边框为1像素的表格。
二、仪器用具
1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装Windows XP操作系统；建立IIS服务器环境，支持ASP。
3、安装网页三剑客（Dreamweaver MX；Flash MX；Fireworks MX）等网页设计软件；
4、安装Acdsee、Photoshop等图形处理与制作软件；
5、其他一些动画与图形处理或制作软件。
三、实验原理
创建边框为1像素的表格。
四、实验方法与步骤
1) 在文档中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1”。
2) 选中插入的表格，将“背景颜色”设置为“黑色”（#0000000）。
3) 在表格中选中所有的单元格，在“属性”面版中将“背景颜色”设置为“白色”（#FFFFFF）。
4) 设置完毕，保存页面，按下“F12”键预览。
五、实验结果
六、讨论与结论
本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用主要在于表现这种颜色差异。表格的背景颜色和单元格的背景颜色容易混淆，在实验中要认真判断，一旦操作错误则得不到实验的效果。“表格宽度”文本框右侧的表格的宽度单位，包括“像素”和“百分比”两种，容易混淆，要充分地理解这两种单位表示的意义才能正确地进行选择，否则就不能达到自己想要的效果，设置错误就会严重影响实验效果。
实验四：创建锚点链接
一、实验目的及要求：
本实例的目的是创建锚点链接。
二、仪器用具
1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装Windows XP操作系统；建立IIS服务器环境，支持ASP。
3、安装网页三剑客（Dreamweaver MX；Flash MX；Fireworks MX）等网页设计软件；
4、安装Acdsee、Photoshop等图形处理与制作软件；
5、其他一些动画与图形处理或制作软件。
三、实验原理
创建锚点链接。
四、实验方法与步骤
1) 在页面中插入1行4列的表格，并在各单元格中输入导航文字。
2) 分别选中各单元格的文字，单击“”按钮，在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”。
3) 在文档中输入文字并设置锚记名称“01”，按下“ Enter”键换行，输入一篇文章。
4) 在文章的结尾处换行，输入文字并设置锚记名称“02”，按下“ Enter”键换行，输入一篇文章。
5) 同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”，并输入文章。
6) 保存页面，按下“F12”键预览。
五、实验结果
六、讨论与结论
添加瞄记的作用是可以帮读者快速找到自己想要的文章，同时也可以使页面更加精简。本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果，同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称，并记得输入对应的文章，否则瞄记可能不能用。熟练程度低在实验中不能很好地使用各种工具，无法一次准确地寻找到适当的位置。实验中忘记选择“不可见元素”，几次实验都失败，最后才得出正确的结论。因此在实验前要先做好预习，否则实验过程会比较吃力。
实验五：设置CSS样式
一、实验目的及要求：
本实例的目的是通过设置CSS样式创建表格的虚线边框。
二、仪器用具
1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装Windows XP操作系统；建立IIS服务器环境，支持ASP。
3、安装网页三剑客（Dreamweaver MX；Flash MX；Fireworks MX）等网页设计软件；
4、安装Acdsee、Photoshop等图形处理与制作软件；
5、其他一些动画与图形处理或制作软件。
三、实验原理
通过设置CSS样式创建表格的虚线边框。
四、实验方法与步骤
1) 在网页中创建一个表格。
2) 在“CSS样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮。
3) 在弹出的对话框中进行设置，完成后单击“确定”
后面的看我发的那个网站！
以上就是重庆云诚科技小编解答(孤城凉梦)分析关于“高分求网页制作实验报告!”的答案，接下来继续为你详解投稿用户（⌒★珊℡sy）解答“Fireworks教程：切割导图做漂亮网页”的一些相关解答，希望能解决你的问题！
Fireworks教程：切割导图做漂亮网页
贡献用户名：【⌒★珊℡sy】 ，现在由重庆云诚科技小编为你详解与【fireworks网页设计】的相关内容！
最佳回答总有人在那里炫耀自己的ps(photoshop)技术，好象是平面就要用ps做，结果很多做网页的设计师也用ps做平面图然后切割导图，再做网站，今天我就来说说用fireworks一样可以做出好的网页设计，只要你有心!
先看最终效果图:
下面开始讲解:
1.布局
先来说一下
我们制作网页一般的大小
高度：没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。
宽度：
1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001
注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。
所以如果是1024的分辨率，你的网页不如设成1000安全一点。
如果是800的分辨率一般都设成770。
这些需要明白并且牢记，不然很可能做出来不符合浏览器要求，不过一般我们都回设定的再稍微小一点，应为有些浏览器加了插件或者其他的东西宽度会有变化
所以
800的分辨率一般设定760左右，1024的设定990左右.
我这样用辅助线和标尺把大概范围划分出来，注意我的划分，正好是770，和1000的地方，应为我要做的网站是1024分辨率下的，但是考虑到依然可能存在800分辨率的用户，所以我回把主要的内容和菜单都放置在770以内，770-1000的地方放一些辅助的东西，这个习惯特别是在做一些门户网站设计的时候更要考虑以下，毕竟改善用户体验也是我们要考虑的问题.
2.开始工作
我们继续讲解，现在我们来画上部菜单部分的内容，其实很简单拉，就是画一个方框，一个圆，然后组合，加上渐变就可以了，如下图设置
3.下面我们来画哪个类似徽章的东西
其实也很简单，创意是类似奖状上贴的哪个获奖标志一样，会让网站生动一点，嘿嘿.
我们选择多边形，如图:
设置如下，继续贴图，大家要注意一下图层顺序，拖动到下层就好了
恩
要注意，这个图层我们固定了以后通常就不动了，所以要锁定，不然鼠标晃来晃去很容易把图移位，注意图层那里点一下就多了一个小锁子，方便吧，这下他就彻底不干扰我们了!
好的我们继续，其实其他的东西都大同小异
我们来研究一下细节.
我最喜欢的就是firewroks超级多的纹理，在ps里面有些纹理要自己做真的好麻烦啊!
我最喜欢的对角线，恩
看页面左边的渐变部分，其实就是拉出来了一个矩形，然后加上线性的渐变，然后加上对角线的纹理，稍微调整一下透明度，就这么简单，效果却很好看，嘿嘿
下一个小地方，就是产品资讯的背景框，其实也很简单
就是一个矩形，然后外框为红色，矩形加一个内部发光，发浅灰色的光，就这样就成了
下一个地方
就是右上角大家可以看到一个类似网格的底纹
其实就是一个矩形，再加上一个蒙版，一个渐变，就ok了，现在看起来是不是生动很多，嘿嘿
OK，看图
就这样一个网站的平面设计三下五除二的就搞定了，嘿嘿，怎么样fireworks方便不!
OK，今天就到这里，再欣赏一下我们的作品吧，不错吧!
关于[fireworks网页设计]的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于fireworks网页设计实验报告、fireworks网页设计的信息别忘了在本站进行查找喔。
推荐文章：
本文由网上采集发布，不代表我们立场，转载联系作者并注明出处：https://www.cqycseo.com/kangadmin/makehtml_archives_action.php?endid=0&startid=-1&typeid=15&totalnum=6115&startdd=2160&pagesize=20&seltime=0&sstime=1679321406&stime=&etime=&uptype=&mkvalue=0&isremote=0&serviterm=
