第一篇：网页设计与制作报告书
电子商务2班201341440213孙岩
网页设计与制作报告书
课程名称:网页设计与制作
专业班级：电子商务2班
学 号:201341440213 姓 名：孙岩
指导教师：王康哲
电子商务2班201341440213孙岩
目录
一．概要……………………………………………………………
二．网站开发……………………………………………………
三．应用工具方案……………………………………………
四．栏目划分……………………………………………………
五．代码表……………………………………………………….六．截图……………………………………………………………
七．结论…………………………………………………………… 2 6 7 13 14
电子商务2班201341440213孙岩
摘要：
在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。
一、网页制作开发背景
Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。
二、网页制作设计技巧
首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点” 图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，DREAMWEAVER就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。
在文件列表里除了主页之外，还有文件夹。新建站点时，DREAMWEAVER都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”
电子商务2班201341440213孙岩
文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。
尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标，这是DREAMWEAVER提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途，所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。
基于表格的设计：表格布局使网页设计师制作网站时有了更多选择。在 HTML 中表格标签的本意是为了显示表格化的数据，但是设计师很快意识到可以利用表格来构造他们设计的网页，这样就可以制作较以往作品更加复杂的，多栏目的网页。表格布局就这样流行了起来，融合了背景图片切片技术，常给人以看起来较实际布局简洁得多的结构。
结构设计：这个时期的网页设计还不太关注语义化和可用性方面的问题，主要还在追求良好的结构美学。同一时期也是大量应用 GIF 占位图片控制留白的时期。一些主流的公司甚至训练设计师如何使用 GIF 占位;如微软的“关于 HTML 表格中的 GIF 占位”。第一批主要应用表格布局的“所见即所得”网页设计软件的发展助长了表格的应用。另外，某些软件自动生成的表格如此复杂以至于许多设计师不可能从头手写代码(例如每行只有 1px 高却包含了几百列的表格)。即使是稍微复杂一点儿的网页(比如多栏目页面)，设计师们都要依赖于表格来创建。
三、网站结构
网站结构是指网站中页面间的层次关系;按性质可分为逻辑结构及物理结构。网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。
（一）网站结构整体先用DIV和CSS来进行构造，对整个网站进行布局，(二)网站结构是衡量网站用户体验好坏的重要指标之一。清晰的网站结
电子商务2班201341440213孙岩
构可以帮助用户快速获取所需信息;相反，如果一个网站的结构极其糟糕的话，用户在访问时就犹如走进了一座迷宫，最后只会选择放弃浏览。
（三）网站结构还直接影响搜索引擎对页面的收录，一个合理的网站结构可以引导搜索引擎从中抓取更多有价值的页面。
网站结构对网站及网站中页面的影响。搜索引擎对重要页面的抓取
由于互联网中信息量极其庞大，为了向用户展示更多有价值的信息，搜索引擎会优先抓取每个网站中相对重要的页面(即权重较高的页面),然而，搜索引擎是怎样发现这些重要页面的呢?根据重要页面的链接指向的页面可能是重要页面的思路;搜索引擎首先会从权重相对较高的页面(即源页面)出发跟踪其中的链接，从而抓取其他相对重要的页面(即目标页面)。
网页设计的要素
四、应用工具方案
DreamWeaver自制动态HTML动画的网页。
DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。
DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。
版面布局：在你开始设计之前，你必须仔细地为站点挑选色彩组合。千万不要出现紫色的背景加上黑蓝色的文字的组合。要使整个站点保持同一种色彩组合，因为不同颜色组合的背景或字体可能会是非常令人讨厌的。你也可以选用一个背
电子商务2班201341440213孙岩
景图，而不是仅用一种颜色。背景图案可以自己绘制，也可以从因特网上下载。通过模糊背景图案，就可以使文字更容易被阅读。要记住的是，图片不会被浏览器重画的，而背景色彩则是要被重新画的，因此，在上传你的图片之前，必须检查不同的浏览器是如何显示这些网页的。当增加文字时，尽量设置容易被阅读的字体和大小。如果你使用背景图片，那么，当网页被浏览时，背景色和字体将会先于背景图片被下载，因此，如果背景色和文本的颜色没有鲜明的对照的话，那么浏览者会有几秒钟的时间看到一个充满了不可阅读的文本的网页。解决这个问题的简单的方法就是，使背景色与背景图的颜色相类似。
浏览导航：站点的浏览导航必须被设计成非常容易。如果需要，把站点分割为几个部分。最容易的方法，就是在整个网站的所有的网页的左边放置一个菜单条。当然，除此以外，还有许多可选的方法。对于具有大量信息的站点，使用一个可扩展的菜单条会是一个不错的选择。无论你使用何种导航模式，在每一页都放置一个主页链接，那会是一种不错的设计思想；浏览者必须知道，无论何时，当他们迷失在你的站点浏览中时，都可以通过简单的一次点击就能准确地知道目前所处的位置。
Frame(帧,框架)的问题：Frame—— 你也许会喜欢它，也许不喜欢。如果你在你的网站上使用帧，你很可能使一个帧用于导航目的，另一个帧用于放置内容。你可以看见在同一页上有两个被分割的浏览窗口，你点击左边的帧，只会改变右边的内容。用帧来组织网站的内容，显然是非常容易的。
检验你的HTML代码 ：不要在你的网站上放置浏览计数器。计数器会让你的网站看起来不够专业化，如果浏览量不够的话，还会起到相反的宣传作用。最后，内容是金，如果能给的浏览者一些有价值的东西，如，信息，建议，或软件，那么就能吸引浏览者经常光顾你的网站。为你的站点增加消息板和聊天室，从而提高网站的交互性，使你和你的访问者交流，让访问者彼此交流。
五、频道栏目划分
图1
电子商务2班201341440213孙岩
六、代码段
content=“text/html;charset=gb2312” />
功能：实施对Textarea中的元素进行控制。基本属性
name：设定提交信息时的信息名称，对应HTML文档Textarea的Name。Value：用以设定出现在窗口中对应HTML文档中Value的信息。Default value：元素的默认值。方法：
blur()：将输入焦点失去 select()：将文字加亮后 事件：
onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件（3）Select选择元素
功能：实施对滚动选择元素的控制。属性：
name:设定提交信息时的信息名称，对应文档select中的name。Length:对应文档select中的length options:组成多个选项的数组 selectIndex;该下标指明一个选项
select在中每一选项都含有以下属性： Text:选项对应的文字
selected:指明当前选项是否被选中 Index:指明当前选项的位置 defaultselected:默认选项 事件：
第五章
色彩在网页中的应用
OnBlur：当select选项失去焦点时，产生该文件。onFocas:当select获得焦点时，产生该文件。Onchange:选项状态改变后，产生该事件。（4）Button按钮
功能：实施对Button按钮的控制。属性：
Name:设定提交信息时的信息名称，对应文档中button的Name。Value:用以设定出现在窗口中对应HTML文档中Value的信息。方法：
click()该方法类似于一个按下的按钮。事件：
onclick当单击button按钮时，产生该事件。例 ：
........（5）checkbox检查框功能：实施对一个具有复选框中元素的控制。属性：
name:设定提交信息时的信息名称。
Value:用以设定出现在窗口中对应HTML文档中Value的信息。Checked:该属性指明框的状态true/false.defauitchecked:默认状态 方法：
click()该方法使得框的某一个项被选中。事件：
Onclick：当框的选被选中时，产生该事件。（6）radio无线按钮
功能：实施对一个具单选功能的无线按钮控制。属性：
Name：设定提交信息时的信息名称，对应HTML文档中的radio的name相同 Value：用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中的radio的name。
length：单选按钮中的按钮数目。defalechecked:默认按钮。
checked:指明选中还是没有选中。
第五章
色彩在网页中的应用
index:选中的按钮的位置。方法：
chick():选定一个按钮。事件：
onclick:单击按钮时，产生该事件。（7）hidden:隐藏
功能：实施对一个具有不显示文字并能输入字符的区域元素的控制。属性：
name:设定提交信息时的信息名称，对应HTML文档的hidden中的Name。
Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档hidden中的value。
defaleitvalue:默认值（8）Password口令
功能：实施对具有口令输入的元素的控制。属性：
Name:设定提交信息时的信息名称，对应HTML文档中password中的name。Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中password中的Value。
defaultvalu:默认值 方法：
select():加亮输入口令域。
blur():使这丢失passward输入焦点。focus():获得password输入焦点。（9）submit提交元素
功能：实施对一个具有提交功能按钮的控制。属性：
name:设定提交信息时的信息名称，对应HTML文档中submit。
Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中value。
方法
click()相当于按下submit按钮。事件：
onclick()当按下该按钮时，产生该事件。
6.3窗体对象实例
下面我们演示通过点击一个按钮（red）来改变窗口颜色，点击“调用动态按钮文档”调用一个动态按钮文档。
test8_1.htm
调用动态按钮文档第三篇：网页设计与制作教学计划
网页设计与制作教学计划
网页设计与制作情况介绍：13级计算机专业就业班每周课时为8课时，其中上机操作6课时、理论2课时；高考班每周课时为6课时，其中上机操作4课时、理论2课时。根据其课时安排，每周课时就以8课时为准。现按照15周课，计120课时，其中上机操作课90课时，理论课30课时，如上机操作课程时间充足，可自行安排举一反三。
注：因13级计算机3个班，高考班的课时较少，所以具体实际上机操作情况只有根据实际情况而定。
项目一 网页概述（6）
任务一 讲解网页设计与制作这门学科的发展前景。（1课时）
讲解网页设计与制作这门学科的发展前景，培养起学生的兴趣。任务二 用html代码编写“我的第一个网页”的网页。（1课时）
简单介绍一下html代码：、
、，在记事本中用html编写一个简单的网页，转换格式，在浏览器中预览效果，培养起学生的兴趣。任务三 Web简介。（1课时）在学习制作一个网页之前，首先应该了解一些网页和网站的基本知识：web的起源与基本结构、web的常用术语。任务四 认识网页制作软件。（1课时）
了解网页制作工具网页制作三剑客，并掌握红蜻蜓抓图软件和Microsoft Office Visio 2007的基本功能。任务五 网站规划。（2课时）
熟悉网站开发的工作流程：规划、制作、维护，自行设计一个网站，写出网站规划。
项目二 网页制作基础（5）
任务一 认识Dreamweaver8。（1课时）
任务二 创建本地站点，搭建模拟结构。（2课时）
学会创建站点，掌握规划站点结构的原则；学会把其他站点定义成本地站点。任务三 html代码的基本结构。（2课时）
项目三 插入对象（16）任务一 插入文本（2课时）
学会插入文本、特殊字符、日期、水平线（修改颜色）、注释，并了解设计文本属性；掌握enter（
）与shift+enter（
）的区别。任务二 插入图片（2课时）
掌握插入图片的技巧，灵活调整图像的大小，使用“重新取样”，学会更改默认编图工具。
任务三 制作图文混排页面。（2课时）
学会设置文字和图像的属性，并能进行图像和文字的混排。任务四 插入Flash动画（2课时）
掌握插入Flash、Flash按钮和文字、Flash图片播放器功能。任务五 插入交互图像（2课时）
学会制作鼠标经过图像和导航条图片。任务六 插入音视频（2课时）
在网页实现播放音频文件的效果，并实现下载音视频文件的功能。任务七 插入滚动文字（2课时）
学会制作滚动文字，并掌握控制滚动文字的html代码。任务八 综合练习，制作一个主页面。（2课时）
项目四 超链接
任务一 网页链接路径与类型（1课时）任务二 内部链接、外部链接（1课时）任务三 email链接、锚点链接（1课时）
任务四 图像映射，基本掌握脚本链接的关闭功能（1课时）
项目五 表格
任务一 创建web画廊（1课时）
通过fireworks创建web画廊，掌握“创建网站相册”的功能。任务二 表格的应用（2课时）
新增表格、表格属性的设定、选择行列、选择不相邻的单元格。任务三 学会使用表格调整方法（3课时）
对预先设计好的网页图，在fireworks中切片，通过插入fireworks html 的方式对表格进行调整。
任务四 制作简单的内页页面（2课时）任务五 制作复杂的内页页面（3课时）任务六 表格的绘制（1课时）
任务七 表格排版，制作一个小型网站（3课时）
切片，准备图片；新建站点，搭建结构；表格页面排版；链接，制作网页。
项目六 表单
任务一 表单文本域：单行、多行、密码（2课时）
加入空白表单，设定表单属性；讲解什么事表单，解释表单属性get和post的区别。
任务二 插入对象（4课时）
单选按钮（组）、复选框、列表、下拉菜单、文件域、按钮、跳转菜单、图像域、隐藏域。
任务三 综合练习，表单的排版，以邮箱的方式提交（3课时）
项目七 CSS 任务一 CSS的特点、添加方式、类型（1课时理论）任务二 使用四种方法使用css 样式表（2课时）任务三 使用 Class类与id类控制网页的格式（1课时）任务四 运用css样式表设置字体样式并控制图文布局（2课时）任务五 综合应用CSS的各种属性（2课时）
任务六 综合练习，熟练使用css美化网页（2课时）
项目八 框架
任务一 框架应用（2课时）
任务二 利用框架设计网页（3课时）
项目九 模板
任务一 模板应用（2课时）
任务二 利用模板设计网页（3课时）
项目十行为
任务一 制作弹出消息（1课时）任务二 制作打开浏览器窗口（1课时）任务三 制作背景音乐（1课时）任务四 控制Flash动画（1课时）任务五 检查表单（2课时）
项目十一 时间轴
任务一 时间轴动画（2课时）任务二 任务三 任务一 任务二 任务一 任务二 任务三 任务一 任务二 任务三 任务二 任务三 任务四 任务五 任务一 制作动态文字（1课时）制作飘动广告（2课时）
项目十二 层
层的应用（2课时）
层与行为、时间轴结合（3课时）
项目十三 javascript 弹出对话框（1课时）函数应用（2课时）时钟显示功能（2课时）
项目十四 数据库
认识iis（1课时）复习数据库知识（1课时）连接（2课时）显示数据（2课时）表单收集（增）（3课时）登陆页面（查）（3课时）修改密码（改）（3课时）
项目十五 网页设计
做个人作品（15课时）
第四篇：网页设计与制作简答题
1、简述Web浏览器打开一个Web文件的工作过程。
2、描述网页设计的一般步骤。
3、简述网页设计的基本准则。
4、简述规划网站目录结构时应遵循的原则。
5、描述版面布局的步骤。
6、什么是“HTML”？HTML“标记”又是什么？
7、简述“HTML”文档的基本结构。
8、简述以下一段HTML代码中各对标记的作用。〈html〉
〈head〉
〈title〉网页设计〈/title〉 〈/head〉
〈body〉
〈h2〉北国风光〈/h2〉
〈/body〉 〈/html〉
9、如何进行本地网页的测试？
10、网站管理和维护的主要工作有哪些？
11、什么是Web浏览器?
12、简述网页设计中所需要注意的通用规则。
13、简述DHTML的概念及主要组成。
14、简述使用FrontPage在网页中插入一个日历的过程。
15、简述色彩的三原色的概念及每种颜色的调配范围。
16、为什么要采用DHTML技术？客户端动态网页技术有哪些优点？
17、网站栏目划分的原则是什么？
18、XML与HTML相比的主要优点有哪些？
19、请简述一下网站的设计流程？
20、简述FireWorks的特点。
21、网页制作的步骤是什么？
22、怎样让链接没有下划线?
23、怎样在网页中加入多媒体播放?
24、怎样让网页的背景图像不滚动?
25、怎样定义网页的关键字?
26、什么是Web浏览器?
27、网页上所说的重心平衡指的是什么?
28、什么是DHTML？DHTML技术主要由哪几部分组成？
29、在CSS中，对字体的的设置所涉及到的属性有哪些？
30、用HTML语言回答一个HTML文件应具有的基本结构。
31、比较GIF格式和JPG格式的原理与各自的适用范围。
32、为什么要采用DHTML技术?客户端动态网页技术有哪些优点?
33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。
34、什么是Web安全色?
35、简述虚拟主机的概念和功能。
36、简述Dreamweaver的工作窗口由哪些部分组成。
37、在Dreamweaver中，插入图像的方法有哪些？
38、在Fireworks中，如何使文字附加于路径？
39、在Flash MX中可以创建哪些类型的元件？各元件的含义是什么？
40、HTML中
标记和
标记有何区别?
41、简述在网页中插入背景音乐的方法。
42、怎样在网页中插入Flash影片？
43、简述设计Web站点的一般步骤。
44、简要说明html的基本工作原理。
45、简要说明表格与框架布局的区别。
46、举例说明在网页中使用CSS样式表的三种方式（都使用对p标记符应用color属性为例），并简要分析各自的特点。
47、简要说明使用网页图像时应注意的问题
48、简要回答选择符的作用及分类。
49、XML的主要特征有哪些？
50、FrontPage的主要功能有哪些？
51、简答HTML文件的基本标记组成。
52、简答Java与JavaScript的主要区别。
53、简述网站的开发流程。（10分）
54、简述静态网页的执行过程。（7分）
55、简述在Dreamweaver MX中制作以插件方式播放音乐的页面的步骤。
56、简述网页制作有哪些基本流程。
57、在Dreamweaver MX中，目标端点的链接有哪几种？
58、简述在Fireworks中，可以做哪几个方面的环境设置。
59、在Flash MX中，帧有哪几种类型？各自的含义是什么？
参考答案：
1、简述Web浏览器打开一个Web文件的工作过程。
1）
Web浏览器向服务器发出页面请求
2）
服务器接收页面请求，并将搜索到的页面发给Web浏览器
3）
Web浏览器接收并显示页面
2、描述网页设计的一般步骤。
1)
设计主题
2)
设计网页的总体结构
3)
资料的收集和整理
4)
选择网页的设计方法
5)
注意一些基本问题，如：标题要简明、图片最好加说明等
3、简述网页设计的基本准则。
需要遵循的艺术原则主要有：
1）
对比原则
2）
协调原则
3）
平衡原则
4）
趣味原则。
还包括统一、连贯、分割、对比、和谐、易读、易找、清晰、精选。
4、简述规划网站目录结构时应遵循的原则。
在创建目录时需要注意：
（1）不要将所有文件都存放在根目录下。
（2）目录层次不要太深，建议不要超过三层。
（3）不要使用过长的目录名和尽量不要使用中文目录名。
5、描述版面布局的步骤。
步骤：
1）
绘制网页草图
2）
粗略布局
3）
定案
6、什么是“HTML”？HTML“标记”又是什么？
HTML是一种建立网页文件的语言，透过标记式指令，将影像、声音、图片和文字等连接起来。
在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图形等显示方式的符号。
7、简述“HTML”文档的基本结构。
HTML网页的基本结构。
HTML文件开始
文件头开始
文件头
文件头结束
文件体开始
文件体
第五篇：网页设计与制作总结
网页设计与制作
实训报告
班级：多媒体152
姓名：张莉钧
学号：201501032118
指导老师：薛杨 王淑惠
实训时间：6.20——6.24
一、实训目的：
1、进一步熟悉和掌握网站建设的基本流程和技术规范；
2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；
3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；
4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；
5、具备独立撰写实训报告基本能力；
6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；
7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予
以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础
二、实训项目——特色美食餐厅网站设计
1、网站主题
我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。
2、网站材料
主要在网站上搜集所要的网页信息，包括图片、文字。同时，查
询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。
3、网站规划
我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。
三、网页设计工具使用
1、Dreamweaver——我们使用它做网页的主要布局。
2、Photoshop——我们使用它做网页图片的处理以及logo的制作。
3、Flash——我们使用它制作动画
四、网站设计流程
1、主页设计
2、色彩搭配
五、网站测评
网站建成后为了出现不必要的错误，需对它进行测评，测评的主要内容为
1、链接有效性，静态网页只要保证每一个网页正常浏览保证页面信息不缺失就可以了。
2、网页语言的正确性，检查网页中英文拼写与html语言是否正确，在静态网页中语言都是自动生成的所以语言的正确性一般不会有太大的问题。
3、网站便用性，检查网站的整体结构是否清晰以及网站页面的导航是否清晰。
最终效果图
总结：
通过学习一学期的网页设计，我们收获了不少，我们这次实训虽然只做了一个网站，但这个里面包括的内容很多，主要包括网站主页的布局设计，建立站点，网页与网页之间的连接，以及模板和css样式表的应用。
收获：通过一个星期的网页设计实训，从中学到了不少的网页设计知识，之前都是老师讲得比较多，总以为很难实现，但自己做起来其实也并不是想象中那么苦难。虽然代码看起来复杂，但是慢慢学会分析就会懂。
不足：当然这次实训我也有不足，比如css样式表不能灵活应用，网页布局也不够完美，不过多亏了王老师和薛老师的细心指导，我才能完成这次实训。
Flash实训总结
班级：多媒体152
姓名：张莉钧
学号：201501032118
指导老师：薛杨
实训时间：2.flash培训实训总结提要：
这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，1、确定动画剧本及分镜头；
2、设计出不同字母间的完美转换。、一、实训目地：让我们更熟练的应用flash制作动图
二、实训项目——不同字母间的形状变换
1、先要确定使用的字母w o r l d
2、再给每个字母使用不同的颜色以及给它们变形
3、最后再给每个字母做不同的变换方式
三、总结 实训收获: 通过这次实训我更加巩固了对flash的应用，虽然这中间有很多失误和很多不必要犯的错误，但更多的是收获，这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，1、确定动画剧本及分镜头；
2、设计出字母形状；
3、导入到flash进行制作；
4、剪辑配音。在分镜头画面脚本绘制过程中，应养成填表的好习惯，在表格中注明画面的景别，画面景别使用的专业术语有：大特写、特写、近景、中景、全景、远景、全远景、纵深景等。画面镜头号景别秒数内容摘要对白效果音乐。存在的问题及解决思路: 这几个星期我学习的flash大多是比较基础的，Flash中字母刻画不够完善，很多动作，变形都需要有一定的美术功底及Flash基础，对于初学的我很困难，所以在此只做了一些简单的变形。在Flash中的一些脚本语言初学时无从下手，只好从大量的视频、书籍里寻找答案。4．结束语
为了对Flash的现况有更好的了解，主要是对于网上一些MV做了参考。现在的FlashMV已经逐渐成熟了。MV的制作从开始的大量使用位图，转换为矢量后让它们移动来制造动画效果，或者是一些简单的闪入、闪出来丰富画面，发展到现在的广泛使用矢量图甚至手工作图，一些费心思的逐帧动画让我看到了Flash的日渐成熟；从以前的生硬呆板，发展到今天的生动、逼真。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。我不仅复习熟练了相关的课程、专业，还学习掌握了很多知识，同时也认识到还有很多基础知识要去学习，去巩固。在以后的时间里，我将花费大量的时间用于学习Flash及相关知识，在Flash之路上我会走的更远。
点击咨询 