网页设计目标

1、网页设计的规划书

一、实验目的和要求
综合应用Dreamweaver 8的基础知识创建和编辑网页。
二、实验内容及步骤
（1） 在“文件”中新建一个网页，在“插入面板”的“布局”中，新建“左侧和嵌套的顶部框架”框架，并使框架网页符合下列要求。
① “文件”中的“框架集”另存为，保存框架集时，把框架集文件名改为index.htm。
② 在“框架浮动面板”中选中左框架，在“文件”中选择“保存框架页”，同时给左框架文件命名为left.htm，在框架浮动面板中选中左框架，在“修改”中将“页面属性”中设置背景图像为bg0035.jpg以及左框架的列宽度为320像素。
③在框架浮动面板中选中顶框架，在“文件”中选择“保存框架页”，顶框架文件名为top.htm，选中顶框架，“属性面板”中设置行高度为65像素。
④ 选中主框架，在“属性面板”中设置主框架页面的“滚动”方式为自动，[源文件]为本地站点中的网页文件main.htm。
⑤ 分别选中3个框架,在“属性面板”,“页面属性”中将三个框架网页的页面属性“左边界”、“顶部边界”、“边界宽度”、“边界高度”设为0，在“文件”中选择“保存全部”,将全部框架文件保存在本地站点中。

（2） 用photo子文件夹中的图像创建网站图像册，其要求如下。
①新建一个网页,在“命令”中“创建网站相册”,在弹出的窗口中设置标题为“名画——人类的精神粮食”，省略副标题。
②在①弹出的窗口中继续设置页面图像的缩略图尺寸为100*100像素；每行列数我为6列；缩略图像文件格式为.jpg。
③在①弹出的窗口中继续设置“源图像文件”为本地站点根文件夹中的photo子文件夹，“目标文件夹”为本地站点根文件夹，其他参数默认。
④在“页面属性”中用img文件夹中的文件bg0029.jpg设置网页背景图像。
⑤插入“库”项目:在页面中插入层,点击“文件浮动面板”，“资源”中选择“库”,选中库项目return,按下”插入”按钮。
⑥在“文件”中选择“另存为”,保存网页文件,以index1.htm为名保存在本地站点的根文件夹中。

（3） 新建一个网页,命名为 fg1.htm，并将此文件保存本地站点根文件夹中。打开文件fangao.dwt.
①将 “梵高的故事.doc”中的文字内容复制粘贴到网页文字可编辑区域的蓝色框中，并在模板左侧2个图像可编辑区域中，单击可编辑区域,在“插入”中选择“图像”,选择img文件夹中的tu1_3.jpg和tu2_3.jpg，模板顶部标题可编辑区域输入文字“梵高的故事”。
②在“属性面板”中选择“样式”，“附加样式表”,附加本地站点根文件夹中的外部层叠样式表文件format.css，选中网页标题,在“属性面板”样式中选择title作用于网页标题，同样方法将样式format作用于网页中的其他文字，样式filter作用于图像文件tu1_3.jpg和tu2_3.jpg。
③把光标放在要插入的位置,在“插入”中选择“命名锚记”,输入名称”aa”,在网页中最后一段的文字“镶板画”中间插入用于超链接的名为“aa”的站点。
④在页面左下角插入层, 在“文件浮动面板”的“资源”中选择“库”,选中库项目return,按下”插入”按钮。

（4） 新建网页文件，并将此文件以fg2.htm为名保存在本地站点的文件夹中。
①在“属性面板”的“页面属性”中设置页面背景图像为bg0029.jpg，在“插入”中选中“表单”中的“表单”。在“属性面板”中设置表单的名称为：“调查”，动作为：答题学生本人的邮件地址，方式为：POST。
②输入文字“问卷调查”，选中文字在“属性面板“中设定”居中”,并设置文字格式。
③在“插入”中选择“表单”，“文本域”,在表单的第2行，插入文本域。设置标签文字为“姓名”,确定.选中文本域,在“属性面板”中设置“字符宽度”为20，“类型”为单行，“最多字符数”为20。
④在“插入”中选择“表单”，“单选按钮组”,在同一行中再插入单选按钮组，单选按钮组的名称为“性别”。将标签改为”男\女”,在属性面板中设置标识是“男”的单选按钮的“初始状态”为已勾选，“选定值”为“男”。标识为“女”的单选按钮的“初始状态”为未勾选，“选定值”为“女”。
⑤在“插入”中选择“表单”，“文本区域”,在表单的第3行中插入多行文本域,在弹出的窗口中设置标签文字为“谈谈你对本网站的观感：”。换行后，插入多行文本域，选中该文本域,在属性面板中设置其“字符宽度”为50，“类型”为多行，“行数”为10，“换行”为默认，“初始值”为“请发表您的浏览观感”。
⑥在“插入”中选择“表单”，“按钮”,在表单的第5行居中插入2个按钮，在“属性面板”中并分别将它们的“标签”和“动作”设为：递交表单和重设表单。
⑦在页面左下角插入层, 在“文件浮动面板”中选择“资源”，“库”,选中库项目return,按下”插入”按钮。

（5） 打开网页首页文件index.htm。
①点击顶部框架,在“插入”中选择“媒体”中的flash,在顶部框架中插入Flash文件fgl.swf。
②在“插入面板”的“布局”中选择“绘制布局表格”,在左框架的上半部分画布局表格,在其中画5个布局单元格分别选中,在“属性面板”中设置大小为93*63像素，在“插入”中选择“鼠标经过图像”,在其中分别插入“鼠标经过图像”，在弹出的窗口中设置其“原始图像”文件分别为tu1_2.gif、tu2_2.gif、tu3_2.gif、tu4_2.gif、tu5_2.gif，“鼠标经过图像”文件分别为tu1_1.gif、tu2_1.gif、tu3_1.gif、tu4_1.gif、tu5_1.gif。
③在左框架的下半部分按样张画三个层,属性设置为210*150大小，在这个3层中插入3幅图像分别是tu1_3.gif、tu2_3.gif、tu3_3.gif,选中3个层,在“修改”中选择“排列顺序”中设置3个层重叠,分别将3个层选中,在右键菜单中选择添加到时间轴,在3幅图像的动画条中插入适当的关键帧,在“属性”中更改关键帧处的可见性,制作时间轴控制3幅图像轮流显示的时间轴动画，每幅图像显示的时间为1s,并钩选自动播放和循环
④在“文件浮动面板”的“资源”中选择“库”中,选中库项目return，点击面板右下角的”编辑”按钮,选中它,在“属性面板”中设置其与首页index.htm建立链接，并使首页index.htm在复框架中显示,目标_parent，然后“修改”中选择“库”的“更新页面站点”。
⑤在首页文件index.htm被浏览时播放声音文件Applause.wav。
⑥将文件保存
.

（6） 按下列要求为左框架中的5个图像按钮添加行为和超链接。
①选中图像，在“行为面板”中选择行为“Ondblclick”.然后“添加行为”，“控制shockwave或flash”,操作:停止， 在“行为面板”中选择行为Onclick，“添加行为”“控制shockwave或flash”,操作:播放,可达到以下效果：双击该图像，停止播放顶部框架中的Flash文件fg1.swf，单击该图像，开始播放顶部框架中的Flash文件fg1.swf。
②选中第2个鼠标经过图像在“属性面板”添加超链接,链接至index1.htm,选择“目标”为“mainframe”可达到以下效果:单击此图像是链接网站相册文件index1.htm，并使该文件在主框架中显示。
③选中图片在“属性面板”中设置链接为fg1.htm#aa,目标为_mainframe,即可单击此图像时链接到文件fg1.htm的锚点“aa”上，并使该文件在主框架中显示。
④给网页左框架第4个鼠标经过图像添加超链接，选中图片,在“属性面板”中设置链接至fg2.htm, 目标为_mainframe,即可单击此图像时链接到文件fg2.htm上，并使该文件在主框架中显示。
⑤选中图像,在行为面板中选择行为“Ondblclick”, “添加行为”“控制”shockwave或flash,操作：停止；选择行为“Onclick”, “添加行为”“控制”shockwave或flash,操作：播放。使双击该图像，停止播放左框架底部的时间轴动画，单击该图像，开始播放左框架底部的时间轴动画。

三、实验中遇到的问题及解决方法
1．起初插入的flash动画始终无法显示，插入的main.htm中有个别图象无法显示，通过改变绝对路径,完成显示效果.
2．做超链接时，链接的无效果，通过改变链接途径达到链接效果。
3.在做最后一步的六个图片的超链接时，添加行为和控制shockwave或flash，多次操作和调试都无法成功，后来经过请教同学，知道是在“行为面板”中选择行为“Ondblclick”.然后“添加行为”，“控制shockwave或flash”,操作:停止，再在“行为面板”中选择行为Onclick，“添加行为”“控制shockwave或flash”,操作:播放,即可达到要求的效果。
4．在做3副图象轮流显示的时间轴动画时，开始不会做，后来知道是在右键菜单中选择“添加到时间轴”,在3幅图像的动画条中插入适当的关键帧,在“属性”中更改关键帧处的可见性,制作时间轴控制3幅图像轮流显示的时间轴动画，每幅图像显示的时间为1s,并钩选自动播放和循环。

2、网站结构设计的目标

(1)层次清楚，突出主题
理清网页内容及栏目结构的脉络，使链接结构、导航线路层次清晰；内容与结构要突出主题。
(2)体现特征，注重特色设计
(3)方便用户使用
(4)网页在功能分配上合理，且要功能强大
(5)可扩展性能好
(6)网页设计与结构在用户体验上的完美结合
(7)面向搜索引擎的优化(SEO)

3、网页设计的基本原则是什么？

审美原则
好的创意必须具有审美性。一种创意如果不能给浏览者以好的审美感受，就不会产生好的效果。创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。
目标原则

创意自身必须与创意目标相吻合，创意必须能够反映主题、表现主题。网页设计必须具有明确地目标性。网页设计的目的是为了更好的体现网站内容。
系列原则
所谓系列化就是在具有同一设计要素或同一造型、同一风格或同一色彩、同一格局等的基础上进行连续的发展变化，既有重复的变迁，又有渐变的规律。从视觉心理上来说，人们厌弃单调划一的形式，追求变化，连续系列的独特性会令人们耳目一新。系列原则也符合“寓多样于统一之中”这一形式美的基本法则，组成连续系列的每一幅界面虽然是一个独立的单元，但由于整体结构内容的相关性，风格基调的一致性，使网站在变化中求统一，形成多样统一、对比而又和谐的艺术效果。

4、网页设计的目标是什么？

1、提高企业信誉度
根据目前用户的习惯，他们都会习惯性地通过网络搜索寻找你的网站，希望通过官网来详细了解更多内容。
2、展示企业
企业网站一个最基本的功能就是能将你想要展示给用户的东西全部展示出来，可以最全面的无限制的全天候展示给客户，随时随地让客户查看得到。
3、提高客户服务
当你的客户遇到一些问题的时候，企业可以利用企业网站为用户解决所遇到的问题。
4.与潜在客户建立隐形的商业联系
企业建立了网站就拥有了与全世界各地的人的联系方式，当你的用户想了解某样产品或信息时，就会习惯地通过搜索网站去了解，其中有一部分很大可能就是你的潜在用户。

5、dreamweaver网页设计的目的是什么？

dreamweaver网页设计的目的是利用div+css+js做出理想的前端页面展示；
dreamweaver网页设计做出的页面所构成的一个网站可以展示更多的内容，让访客和用户知道您这个网站是干什么的，从而也可以推广您的网站，提高知名度，帮助更多用户解决问题。

6、网页设计师最终的目标是什么

个人来说是有钱，大众来说是服务社会，技术来说 是把网页做成软件那么强大 这样更方便用户 交个话费 网上购物 游戏之类的 都不用下载软件 直接在网页就能实现这些功能 能让网页和人对话

7、网站设计的目的和意义

1 课题开发背：课题开发背景就是网站在市场中的需求，
2 课题目的：课题目的开发此网站的意义
3 课题意义：同上
二课题介绍及相关技术分析：
1总体设计思想：网站的整体框架
2网站开发工具分析：开发网站使用的技术,具体实现网站的功能步骤和难度分析.

8、网页设计主要的目的是什么？

1

9、网站建设的目标是什么?

在互联网迅速发展的时代公司网站已然成为公司在网络上的一张名片，那么公司网站建设的目标是什么？沃然总结了一下：

1、提高企业信誉度

2、展示企业

3、提高客户服务

4.与潜在客户建立隐形的商业联系