网页制作网页练习题（精选9篇）
1、在Dreamweaver CS3的文档中，要想连续播放时间轴动画，下列操作正确的是
A．单击
B．按住不放
C．在动画条上单击鼠标右键，在弹出的菜单中选择“播放”命令
D．双击动画条
2、下列关于关键帧的说法，不正确的是
A．可以将普通帧转换为关键帧
Ｂ．关键帧一经建立，位置就不能再改变
Ｃ．关键帧是决定动画走向的帧
Ｄ．一个时间轴动画，至少要有两个关键帧
3．利用键盘方向键移动层时，一次按键只能移动（Ａ.1Ｂ．2C..3Ｄ．4
4．如果要同时选择多个层，可以使用（）键配合。
Ａ.CTRLＢ．SHIFTC..ALTＤ．TAB
5．在网页设计中，用来定位网页内容的元素包括
二、简答题：
1、层的概念，作用分别是什么？
2、新建层的方法有哪些？
3、何谓层的嵌套？有什么作用？
一、静态网页制作技术
网页主要包括静态网页与动态网页两种,而静态网页制作技术主要指的则是专门对静态网页进行制作的一项技术[1]。一般情况下,其文本格式君为.htm格式。一般认为,静态网页的特点主要为静止,网页中本来存在的内容会一直存在,不会发生变化,这一认识存在一定的片面性,存在一部分静态网页,其中也包含动态的内容。
二、动态网页制作技术
动态网页制作技术即专门针对动态网页进行制作的一项技术,在制作过程中可以利用的计算机语言存在很多种,其中Java Script便属于较为常见的一种,动态网页的制作不会仅仅使用一种语言来完成,不同的语言之间需要互相综合,这样一来,便可以很顺利的实现从静态网页到动态网页的转换。动态网页的制作过程中包含的技术多种多样,其中PHP、ASP以及JSP均为十分重要的制作技术[2]。相对于后两者而言,第一种技术以其应用的便利性为主要优势,成为了当前较受欢迎的一种动态网页制作技术,在这一技术的支持下,动态网页的制作效果得到了明显提高。与PHP相比,ASP与JSP在制作效果以及实现形式方面存在较多的共同点,利用上述两种技术对动态网页进行制作,对于制作效率的提高较为有利。但两者之间同样存在一定的区别,相对于前者而言,后者所适用的范围更加广阔。
三、静态网页与动态网页制作技术比较
作为网页制作的两种主要技术,静态网页制作技术与动态网页制作技术之间即存在区别又存在联系,具体表现在以下方面:
3.1静态网页与动态网页制作技术的联系
从某种程度上看,动态网页制作技术源于静态网页制作技术,前者是对后者的继承与发扬,因此,目前的动态网页制作技术中,仍包含着静态网页制作的一系列理念,这是两者之间存在的主要联系[3]。但相反,静态网页制作过程中所采用的技术均为其本身所具备与应用的技术,并不存在动态网页制作技术的成分。
3.2静态网页与动态网页制作技术的区别
静态网页与动态网页制作技术之间的区别主要体现在以下方面:
首先,两种网页制作技术下,网页内容的保存方式不一致。在网页制作完成并投入使用之后,静态网页的内容会以独立的形式进行保存,但相对来讲,动态网页的内容并不会独立保存。后者网页内容只能在存在用户访问的前提下出现,而前者并非如此。
其次,两种网页在程序的交互性方面存在区别。静态网页制作技术下,网页并不存在交互性,而动态网页恰恰相反。相对于前者而言,后者交互性的实现属于一项极大的进步,不仅能够使网页内容更加丰富、层次更加深入,同时也能够改善用户对于网页的使用体验。
再次,两种技术适用范围不同。一般情况下,静态网页制作技术往往被应用于前台开发的过程,而动态网页则不适合被应用于这一过程。但需要注意的是,为使网站的使用率能够得到提高,在一定的情况下,两种技术之间能够实现相互转换,这属于两种技术整体水平进步的主要体现[4]。
最后,对网站建设过程中,对于上述两种网站的选择一定要根据网站的具体需要来实现,这样才能保证技术应用的合理性。对此,有关人员一定要加以重视,在选择制作技术之前,要对网站建设的目的及其所面临的用户进行考察,以使技术的应用能够达到更加合理的水准,从而为用户带来更好的应用体验。
四、结论
静态网页制作技术与动态网页制作技术均属于网页制作过程中需要应用的主要技术,两种技术即存在区别同时也存在联系。两者之间的联系主要在于后者的实现需要以前者为基础,而两种技术间的区别则表现在方方面面。在网页制作过程中,有关人员需要根据实际情况的不同,对技术进行合理选择,这样才能提高网页制作的合理性。
参考文献
[1]吴静.静态网页制作技术与动态网页制作技术的比较[J].电子技术与软件工程,2014,07:185.
[2]田红玉.静态网页制作技术与动态网页制作技术的比较[J].黑龙江科学,2013,09:116.
[3]姚绍岩.静态网页制作技术与动态网页制作技术的比较分析[J].信息与电脑(理论版),2015,07:71-72.
Flash MX 2004实战篇
水中倒影
今天我们用图、文、动画、音频结合的Flash教程向大家介绍Flash MX 2004实例剖析视频教程中的“水中倒影”，看看荡漾的水波效果是如何实现的。
http://mwb.cfan.com.cn/906
老鼠爱大米
用Flash来一步一步制作《老鼠爱大米》MTV，想看详细演示Flash MTV制作的要点、方法和技巧吗？这里就能帮你完成。
http://mwb.cfan.com.cn/907
网站留言系统
网站留言系统一般来说是用于网站的，Flash也能制作它你信吗？来看看是如何用Flash来制作网站留言系统的吧！
http://mwb.cfan.com.cn/908
实景雪花飘飞
实例剖析视频教程中的“实景雪花飘飞”特效，雪花飘飞就能这样轻松制作。
http://mwb.cfan.com.cn/909
碧海浪涌海鸥飞
用Flash绘制一幅好看的动画场景：碧海、蓝天、白云、一层一层的白色海浪涌过，洁白的海鸥展翅飞翔……
http://mwb.cfan.com.cn/910
Fireworks实战篇
可爱的Q版电视机图标
网络上经常会用到一系列图标，特别是可爱风格的Q版图标，大家都非常喜欢。现在我们就来一起用Fireworks绘制Q版的电视机图标。
http://mwb.cfan.com.cn/911
用陨石背景打造飞火流星动画
Fireworks不仅是优秀的网页图片处理软件，还是优秀的动画制作软件，现在我们就来打造一个陨石背景飞火流星的动画吧。
http://mwb.cfan.com.cn/912
可爱水粉卡通画
今天我把自己用Fireworks绘制的水粉卡通画过程写出来和大家一起分享，不够成熟，大家有什么意见和建议欢迎在下面留言。
http://mwb.cfan.com.cn/913
能输入名字的贺卡网页
假期来到了，今天我们来制作一个既简单又非常有趣的动态贺卡页面送给自己的朋友们吧！让朋友们收到你为他们送上的特殊祝福。
http://mwb.cfan.com.cn/914
Dreamweaver实战篇
网站设计实例视频教程：广告区制作
今天我们用图、文、动画、音频结合的Flash和Dreamweaver来制作“本店承诺”与主广告区制。
http://mwb.cfan.com.cn/915
添加网站链接
制作网站最多的也是最常用的就是为网页加链接，如何添加网站链接呢，那就跟我来吧！
http://mwb.cfan.com.cn/917
店铺介绍页面
今天我们结合Flash和Dreamweaver来制作一个店铺介绍页面。大家可以先看看我们准备完成的示例网站是什么样子。
http://mwb.cfan.com.cn/918
网上商店页面
很多朋友都想开设网上商店，如何制作一个属于自己的网上商店页面呢？现在就来看看吧。
一、如果你想学做网页 如果你想学做网页，第一步要学会Html基础知识，因为Html是学习网页制作必须要用到的，这些文章在专栏里都有，当你把这些文章看过，只要掌握了其中的三分之二就可以开始第二步了，在后面的练习中再慢慢熟悉。 第二步是学会Dreamweaver，软件就是工具。无论哪个版本的Dreamweaver，必须学会Dreamweaver的基本工具是用方法和常用工具等等。 第三步，学习CSS基础知识，起码要学会怎样书写CSS、缩写、怎么使用文本、背景、长度宽度、盒装模型、内补丁、外补丁和边框等。然后继续第四步。 第四步就是找别人的网页来学习，从简单的开始，整个网页都拷贝过来。将网页拷过来不是直接使用，而是看!慢慢的看，一点一点的删除，每删除一处，就要找到Html与CSS相对应的地方，然后试着修改CSS来改变网页。 第五步则是从页面布局开始，自己试着做页面布局，然后再在不居中插入内容等等，完成这一步就离成功不远了。
二、如果你想学网页设计如果想学网页设计，这可能需要一些美工基础。不过没学过美工也可以，那就需要自己的“勤”了。 学习设计最主要要掌握几种软件：photoshop、illustrator等，尤其是photoshop，它的基本使用方法，快捷键等等技能都要会。 其次是学习网页中常用到效果的制作方法，模仿其它网页制作效果。 最后，一定要找到很多的素材网站!这个很重要，不会设计不要紧，至少要会模仿，然后再去超越。
三、如果你想学网页设计和网页制作那好，上面两条都学会了就行了。不要问我先学哪个，我觉得先学哪个都能成功，只要肯学肯练。
四、如果你想找网页制作的工作 我也做过网页制作的工作，开始叫网页制作，后来叫高级美编，再后来叫页面工程师、页面重构师等等，反正越来越好听。 不过，不管职位称呼是什么，干的活也都差不多，而且是越来越重要吧。 如果你真想从事这个职业，我觉得首先要清楚这个角色在公司或网站中的角色，以及上下关系。
这个上下关系怎么说呢? 上下关系就是很多重构师们所说的上游关系和下游关系，上游关系一般指的是交给你活(任务)的人，对于重构师来说就是设计师(美工)了，他们把设计稿以及一些产品经理要求文档等传给你，然后你就开始制作(重构)了，有问题去找上游询问协商。 你的下游一般指的是你交付任务的对象，一般就是技术人员了。任务交给他们，就开始了程序代码工作，如果有问题，他们也会找你来协商，有时甚至还需要找到你的上游关系，不过这种事情尽量避免发生为好。以我的文章判断，偶尔你的下游会把你的作品搞的面目全非再来找你求援，所以找到一个配合默契的上下游是非常愉快的事情。 最后，除了上下游，你要摆正自己在团队中的位置，页面制作(重构)是个承上启下的角色，说轻则轻说重则重，而且劳动量也很大，但如果你选择了这份工作，不要抱怨，为了工作、为了团队、也为了自己，你应该在工作中思考、积累、进取，让团队配合更默契更高效。 上面我们简单的说了说网站建设中网页制作方面的知识，你是不是懂了呢，其实网页制作还有静态网页和动态网页制作之分，不过静态是基础，正如前面的第一段“如果你想学做网页”中说的，一定要把那些知识都掌握熟练了才可以。大家可以了解一下动态网页和静态网页的区别。
简介
网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是INTERNET上宣传和反映企业形象和文化的重要窗口。新竞争力也认为注重网站的网络营销价值而不是外在表现。网页制作是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，浏览。
网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来。
目录
1.网页制作的两种设计模式 2.网页制作常用工具 3.flash 3.1flash简介 3.2flash动画的特点 3.3flash动画的前景 3.4flash在网页中的应用 3.5flash制作流程 4.fireworks
4.1fireworks简介
4.2fireworks在网页中的应用
4.3fireworks的重要性
4.4fireworks制作流程 5.参考文献
正文
1.网页制作的两种设计模式
从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。
于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。
由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。
这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。
网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
2.网页制作常用工具
1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。
3、FLASH 网页需要画面流动时的首选择
4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。
5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。
6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。
3.flash 3.1flash简介
Flash最早出现并兴起于网络，是网络多媒体动画的重要制作形式，它是macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。其运用范围覆盖诸多领域如电视广告、网络广告、游戏、演示动画、课件、网页、手机动画等新兴媒体。现在由于网络带宽的不断提高，Flash动态网页以其具备的声音、动态图像等多媒体优势，相信在不远的将来能够完全替代静态（HTML）网页。
3.2flash动画的特点
（一）Flash动画受网络资源的制约一般比较短小，利用Flash制作的动画是矢量的，无论把它放大多少倍都不会失真。
（二）Flash动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。
（三）Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图技术，具有档小、传输速度快、播放采用流式技术的特点，因此动画是边下载边播放，如果速度控制得好，则根本感觉不到档的下载过程。所以Flash动画在网上被广泛传播。
（四）Flash动画有崭新的视觉效果，比传统的动画更加轻易与灵巧，更加“酷”。不可否认，它已经成为一种新时代的艺术表现形式。
（五）Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。
（六）Flash动画在制作完成后，可以把生成的档设置成带保护的格式，这样维护了设计者的版权利益。
3.3flash动画的前景
现在的Flash平台包括:Flash Studio
8、Flash Player
8、Flash in Mobile flex 1.5、以及应用于通信行业的Breeze 5等；未来即将推出的产品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客户端工具，以及Flex等企业端工具等。这些工具将满足设计和开发人员跨越各种开放的和专有的平台，包括从桌面到移动设备，提供更丰富的网络内容和互联网应用，企业也能够通过Flash应用获得更大的受益。
（一）网络视频钟情Flash 面对全球超过100万的Flash开发者的期望，Macromedia也不断开发新的领域。而用户对视频应用的垂青，刺激着Macromedia推出新的工具。在上千开发者的注目下，Macromedia推出了Flash Media Server 2，以巩固其Flash Platform作为网络视频最佳选择的地位
（二）Flex 2产品线和Flash Player 8.5出手不凡
Macromedia Flex 2产品线和Macromedia Flash Player 8.5是本次发布会的重头戏。新产品涵盖RIA的全部应用场景，从电子商务产品配置，到需要与实时数据集成的可视交易应用。
Flash Player目前在全球6亿多个桌面和移动设备上安装,估计新版本在12个月内将被80%的联网计算机下载。Flash Player 8.5在Flash Player 8的基础上增加了适合行业使用的编程功能，并构建了先进的跨平台运行时环境。它备有一个新的虚拟机，可以提供更高的运行性能、全面的运行错误报告、增强型调试功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script规范，能够更易于查找及解决问题，从而提高开发人员的工作效率。
3.4flash在网页中的应用
在网络高速发展的今天,越来越多的人们已经不再满意图文并茂的静态网页格式,动态网页应运而生,但是一般的动态图片和网站的背景音乐应用并不合拍.什么时候可以把多媒体应用在网站上呢 Flash正是在这一网络发展的大背景下应运而生的,前身是Future Splash.Flash1.0版本诞生于1996年,由于当时的网络大背景,Flash在出道之时并没有得到计算机行业应有的重视,Flash真正的火爆是从Flash3.0版本开始的,到了1999年6月发布的Flash4.0版本,其制作的动画开始大量的在网上传播,已经逐渐成为了网页交互多媒体动画设计软件的标准.现在,Flash5.0以其特有的ActionScript脚本编程,正在以极快的速度追赶HTML网页标准.它改变了以往静态的,枯燥的,网页形式,利用它短小精悍的文件体积和插件,利用它简单易学的操作方式,利用它的“流”式播放形式丰富我们的网络生活.试想,如果它真的超过HTML成为未来的网页设计软件的主流,那也将是网络的一场革命,也是网络生活的福音.3.5flash制作流程
（1）建立一个新的场景
依次选择“文件”、“新建”、“Flash文档”命令，建立空白文档，大小为550*400像素，背景为白色。
（1）
（2）重新命名场景和涂层名称
依次选择“窗口”、“设计面板”、“场景”命令，在弹出的场景面板中双击默认场景名称，改为“跳动的小球”。然后重新命名涂层名称，双击默认涂层名称，改为“地面”。然后用水平线表示地面，选择笔触颜色为黑色，单击“线条工具”按钮，在第一帧的舞台下方，拖动鼠标画一条直线表示地面。
（2）
（3）插入水平线结束帧
单击水平线涂层第35帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在地面层的1到35帧之间插入了相同的水平线。
（3）（4）插入跳动的小球涂层，画小球的初始状态
双击默认的涂层名，改为跳动的小球涂层，此图层处于激活状态。设置填充色为黑色，在第一帧的舞台上方，画一个小球，删除轮廓线。
（4）
（5）插入下一帧
单击跳动的小球层第二帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在第二帧中复制第一帧的图形；拖动小球向下移动一个距离，表示球在下落。
（5）
（6）制作下落动作的变化
重复上一步骤。
（6）
（7）小球变形
在下一帧的位置插入关键帧，利用任意变性工具把小球纵向压缩。单击“任意变形”按钮,指针根据可实现的变形方式箭头右下方的小图形会有所变化；单击小球，小球周围出现8个黑色句柄框；把鼠标指针移动到4个中间句柄处，拖动鼠标，把圆球编程椭球形。
（7）
（8）多次重复上面步骤，在不同的帧中，制作小球被压扁后又弹起的画面。参照第9步，制作小球被压扁后又弹起的画面。重复上述步骤，直到小球静止。4.fireworks 4.1fireworks简介
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver? 和 Macromedia Flash? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。
4.2fireworks在网页中的应用
众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大（因为它是适合处理印刷品，要求比较清晰），最终还是要用Fireworks来处理一下。
在优化面板里有“导出jpg较高品质”，导出默认的80品质（可以用“2幅”画面对比之前之后的大小）。
4.3fireworks的重要性
为Macromedia家族的一员，三剑客之一的fireworks，她的主要任务和特色就是制作矢量图为网页服务,FW也是Flash的最佳伴侣,在三剑客的MX系列中,FW和Flash的联系更为紧密,所以无论是网页制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的应用实践过程中,我无时无刻不在感受她的卓越和便利。的确,网页制作看重的是效果和速度,并不是你用的软件专业与否,你用了多少个软件作出的网页,设计师作出的网页是为了让大家接受而不是显示自己的本领,在这样的前提下,Fw的确是最好的选择,最好的矢量图效果,最快的速度。
4.4fireworks制作流程
1.准备素材 如图
2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区
2.选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒
出
电
视
画
面的路
径
4.将选中区域填充成折叠渐变
颜色可以自己选择：
5.用选取工具拖动渐变方向手柄，接近垂直或接近水平方向：
6.将调整手柄以初选中区域 并在帧属性，选取重制帧命令：选择三帧 或在多些
7.依次选择其他帧，拖动渐变调整手柄将其改变位置：柄以初选中区域 并在帧属性帧命令：
最后保存 导出gif图片 即可完成。
1.在Fireworks中打开一个新的画布，调整画布大小，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式
2.输入文本 1 然后再打开帧属性 选择重置帧 9 因为数字0-9 一共是十个
3.然后选择每一帧，并修改画布中的相应数字。
4.帧面板中右手边显示的是默认的帧延时值7毫秒，即7/100秒的速度。如果速度过快 可以修改值 选择顶部帧，按住Shift键，点击底部的最后一帧，全选这些帧，在帧延时值处双击，在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。5.最后一步，打开优化面板，设置导出文件格式为“Gif动画”，如图：
6.也可以在帧面板的底部设置Gif动画循环，默认为“永久”选项
7.画布颜色可以随意更改 再按f12 预览就可以了，最后导出文件
5.参考文献
姓名：朱传雷
学号：1009421019
课程名称：网页制作
专业：10化学非师范
网页制作的心得体会
随着时代的发展，网络技术的利用已经白热化。现在我网络的覆盖面积，几乎达到世界的各个角落。古人云：“读万卷书，行万里路。”现在只要有了网路，你就有可能知道世界各国和整个社会发生的有趣的、没趣的，好玩的、不好玩的，搞笑的、、、、、总之，网络的时代，信息传输速度之快，因此被广大的人们所喜爱。现在的人们就是抓住了人们对网络的喜爱以及网络的传播的快速，网络宣传这一行业由此而生。网络的宣传，就是运用计算机技术，将自己的信息传送到网上，供大家贡献。
在学习之前，我对网络制作仅仅是上述的理解。我曾经幻想有一天，我能把自己的网页制作出来那该多好啊，那将是一件令我多么激动的事。现在我的幻想不再是幻想，他将成为事实。我选修网页制作的选修课，我抱着浓厚的兴趣来到课堂上。刚开始的学习，老师给我们讲解有关网页制作的的网页的相关信息，比如网页分为：静态网页和动态网页，网页扩展名.html等。还有制作网页的的软件——俗称：“三剑客”其包括Flash、Fireworks、Dreamweaver。”
想要制作出好的网页，你必须先熟悉“三剑客”。他们是基础，他们分别是用来图片的处理，和网页的排版等。熟悉的掌握有助于你在学习中的到事半功德效果。说起这flash，身为一名大三的学生，虽然之前对其也是有一定的了解，但感觉好事有点吃力。我非常那些拥有计算机知识的人，他们只要经过的简单的操作，就可以制作出，他们想要的东西。我感觉知识一种自我实现的一种满足和一种成功的满足。老师在讲台上，娴熟的操作着为我们展示，一朵像风车般的花的制作过程。在我们的操作过程中，我们常常感到纳闷，为什么按照老师步骤却得不到老师的效果呢，总结道一点：在我们操作过程中，我们忽略了，其中的一点细节。这叫“失之毫厘，谬以千里。”计算机，它只是一个机器，他的工作仅仅是很据他的程序来的。只要一点的差距，他就会得到不同的结果。因为它不是人，是一个为人们服务的工具。
Fireworks的功能类似由于Photoshop，是图片处理软件，可以修改图片的背景与图片的内容，其中还有一些动画功能，其操作对于flash较难。
Dreamweaver用于网页的制作的基础，其主要用于将一些图片、动画、文档，添加到上面的，上传到网络上就是网页了不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情.自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站.所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上.更何况这一次实操.回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于大一对计算机基础与C语言的基本掌
握，自学网络设计的基础部分便显得较为轻松。虽然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。
通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。
下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。
首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。
如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另
外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，Flash 提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
网络设计要遵循下列原则:
(1)色彩的独特性
网页色彩的选择与搭配要与众不同,使大家对你的网页印象深刻。
(2)色彩的鲜明性
网页的色彩要鲜艳,容易引起浏览者的注意力。
(3)色彩的合适性
网页色彩要与所表达的内容相融合。另外,还要针对浏览者的类型、社会背景、心理需求来选择网页的色彩。
比如,政府网站多采用红色来体现其严肃性;女性站点的网页多采用浅淡类色彩来表现女性的柔美;环保网站一般采用绿色来体现健康与生命。
(4)色彩的联想性
不同的色彩会使人产生不同的联想,白色使人想到雪花,黑色使人想到黑夜,蓝色使人想到天空。在网页设计时,多运用具有美好联想的色彩,可以使网站流露出别样的气息。
网页色彩设计的方法可以简单地概括为“整体统一,局部对比”。也就是说网页的整体色彩效果应该是和谐统一的,只有局部的、小范围的色彩对比作为点缀。在进行网页色彩设计时,首先要明确网站的主题和服务对象,以及你通过色彩希望达到的目的。例如要设计一个儿童类网站,为了达到欢乐活泼的气氛,就要选择非常鲜艳活泼的色彩。然后,根据网站的主题、服务对象及用色目的,确定网页的主色调,以形成统一的风格。整个网页最好只有一个主色调。主调颜色一般采用公司的标准色,这样符合公司的形象战略,可以提升公司的形象。个人站点可以根据网页的内容和自己的喜好来确定主色调。
主调色确定后,还可以选择一两种辅助色配合使用,整个网页的色彩最好控制在三色以内。如果整个网页采用单色调,即只用一种色相,可以调节其明度或纯度,也就是说将色彩变深或变淡,产生新的色彩。采用单色调,容易形成一种风格,在网页局部可以采用小面积的互补色来作为点缀,达到丰富页面的作用。网页的辅助色还可以用主调色的邻近色或互补色,也可以使用非彩色黑白灰。
接下来,要确定背景和文字的色彩。背景和文字色彩的对比尽量要大,以便突出主要文字内容。正文和标题的背景色可以不同,一般正文的背景色用淡雅的颜色,标题的背景色可以用较鲜艳的颜色。背景色如果以白色等淡色为主,文字的色彩就要用低明度的彩色;如果背景色以彩色为主(一般只用一种),那么文字的色彩要与背景色有一定的色相差或者明度差,这样搭配有利于人们阅读。
最后,要确定超链接的颜色。这里的超链接指文字超链接。超链接的颜色要和其他文字颜色区别开,这样有利于浏览者很快发现并找到自己所需的信息。
2 文字的编排与设计
文字是最容易传递信息和最通用的一种沟通方式。文字作为一种符号,在长期的应用和变革发展中,经历了简单—复杂—简练的演变过程。现在看到和使用的许多种文字符号已经发展得非常成熟,在一些应用的实例中,不需要任何装饰与组合,便能独立地成为一个完美的视觉传达。
在很多经典的设计作品中,文字的组合大多用来作为画面空间的分割。在长期的实践应用中,文字排版逐渐形成了一定的规律和规范。通过文字大小的比例关系和平面设计上点线面关系的组合构成,可以获得不同的视觉效果。例如,粗大黑体字可以产生强烈的视觉冲击力,而细小的字体则在视觉上产生连续性,同时其构成的版面也给人一种精细整洁的感觉。因此,在网页及多媒体界面设计中,文字应该作为一种动态元素和画面构成的基本要素,通过平面设计来展现自身极强的表现力。在网页页面的设计中,由于计算机技术的高速发展,字体多样化成为必然,例如常见的方正字库、华文字库、兰亭字库、经典字库等。但是我们在设计网页时,根据每个网页内容,只选择使用三四种字体就可以了。通过精心的平面规划与编排,使文字配合网页画面,达到和谐与统一。
字体的选择要与网站内容的性质相吻合。如休闲娱乐类网页,文字字体鲜亮明快,给人以优美清新、轻松愉悦的感受;有关历史文化方面的网页,字体应具有一种苍劲古朴、端庄典雅的格调;政府网页,其文字具有庄重和严肃性,字体规整简洁;公司网页可根据行业性质和企业理念对字体进行编排与设计,使其符合主题内容;个人主页可以根据个人的爱好与兴趣,充分展示个性和特色。
总之,文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息,要达到这一目的就要做到以下几点:一是提高文字的可读性;二是文字的位置要符合网页设计要求;三是在视觉和色彩及形式上应给人以美感;四是在整体平面设计上要有独特的风格和色调并力求形式上的创新。
3 图片的编排与设计
图片是文字以外最早引入到网络中的多媒体对象。图片的引入大大美化了网络页面。可以说,要使网页在纯文本基础上变得更有趣味,最为简捷省力的办法就是使用图片。对于一条信息来说,图片对受众吸引也远远超过单纯的文字。
网络图片的特点是其质量不需很高。一般来说,分辨率为72 dpi(dot per inch)是大多数图片最佳选择;另外,图片要尽量小。网络页面的图片用于网络的传输,受到带宽的限制,其文件尺寸在一定范围内越小越好。这也是适应信息高速公路的要求。
图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时,应考虑图片在整体编辑计划中的作用,达到和谐整齐。要达到这样的效果,在页面图片的选用时,一要注意统一;二要注意悦目;三要注意突出重点,特别是在处理和相关文字编排在一起的图片时。
4 网页设计基本特征
(1)交互性
网页不同于传统媒体之处,就是在于交互性。在网络中,传播者和受众的身份不再明确,传播信息和接受信息几乎可以同时完成,人们的角色在瞬间就能转换。每个人都是传播者,每个人都是受众,这就是网页的交互性。交互性既是网络成为热点的主要原因,也是网页设计时必须考虑的问题。在网络环境下,人们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份加入到信息的加工处理和发布之中。在网络世界里,信息的传达、发表不再是少数人所拥有的特权,每个人都可以成为信息的消费者,同时也是信息的发布者,他们拥有更大选择的自由和参与的机会。
(2)可延续性
网页设计具有可延续性,网页发布后,最终结果是以数字化形式出现的,所以信息和形式的调整都非常方便。设计人员可以在网页传递到主机上后,对其中的编排、色彩等做相应的调整,以达到最好的视觉效果和传达效应。此外由于网页所具备的交互性特点,使得网页信息的发布成为不断更新的循环过程,网页设计人员必须根据用户的反馈信息和网站各个阶段的经营目标,经常地对网页进行调整和修改。例如,为了保持网站的新鲜感,很多大型网站总是定期或不定期地进行改版,这就需要设计者在保持网站视觉形象一贯性的基础上,不断创作出新的网页设计作品。
(3)多媒体的综合利用性
网页最大的资源优势就是它的多媒体综合利用性。目前网页可以利用文字、声音、图像、动画,甚至虚拟显示技术等与用户交互,在表现形式上可谓声形并茂。比如在众多商业网站中,都将动态图文技术恰如其分地运用到网页设计中,不但吸引了浏览者的眼球,同时也提高了界面的点击率,达到了一定的商业广告宣传作用。随着网络技术的发展、带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广,必将促使设计者更加综合地运用多种媒体元素来设计网页,以满足和丰富浏览者对网络信息传输质量提出的更高要求。
(4)技术与艺术结合的紧密性
网页设计是一门新兴的网络技术与设计艺术的交叉学科,既具备网络的基本特性,还具备了平面设计艺术特性。在网页设计中,技术和艺术是紧密结合、相辅相成的。网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,从而更加吸引浏览者。网页设计者也应该积极主动地掌握现有的各种网络技术规律,注重技术和艺术紧密结合,这样才能穷尽技术之长,实现艺术想象,满足浏览者对网页信息的高质量需求。
5 结语
网页设计是一门新兴的网络技术与设计艺术的交叉学科,既具备网络的基本特性,还具备了平面设计艺术特性。在网页设计中,技术和艺术是紧密结合、相辅相成的。网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,从而更加吸引浏览者。网页设计者也应该积极主动地掌握现有的各种网络技术规律,注重技术和艺术紧密结合,这样才能穷尽技术之长,实现艺术想象,满足浏览者对网页信息的高质量需求。
摘要：网页设计就是依据网站宗旨,把造型、结构、信息、色彩等视觉元素有机地统一在网页中,并对网页风格等进行整体设计。其目的主要是利用造型的原则和规律,合理地分配和排列文字、图形等视觉元素,以便准确、系统、有效地传达信息。
关键词：网页设计,网页,网页制作,规范
参考文献
[1]张帆,罗琦,宫晓东.网页界面设计艺术教程[M].人民邮电出版社,2002.
[2]王楠,李岭松.网站设计教程与上机指导[M].清华大学出版社,2006.
[3]王庆斌,张福昌.现代网页色彩设计[J].无锡轻工大学学报:社会科学版,2001,(2).
[4]张帆,罗琦,宫晓东.网页界面设计艺术教程.北京:人民邮电出版社,2002:2.
[5]文喜华.论网页设计中的艺术和技术.邵阳学院学报(社会科学版),2005,4(6):115-116.
关键词：网页制作 项目教学
0 引言
网页制作技术课程在目前的高职院校中几乎成为必开课程，但由于网络技术更新日新月异，教学方法很难于最新技术达到一致，因此在连续4年的教学当中，我们考虑是否当在教学方法上进行更新。
課程的传统教学方式是先由教师在多媒体教室授课，然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。而且我们软件课程的特点就是易学也易忘，因此为了将零散的知识点，一点一滴的灌输到学生的知识库中是每个软件教师必须思考的问题。
随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我们分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目。
此类课程要想取得好的效果，项目教学法便是首选。2003年7月德国联邦职教所制定以行动为导向的项目教学法，它把整个学习过程分解为一个个具体的工程或事件，设计出一个个项目教学方案。按行动回路设计教学思路，不仅传授给学生理论知识和操作技能，更重要的是培养他们的职业能力，这里的能力已不仅是知识或是专业能力，而是涵盖了如何解决问题的能力：方法能力、接纳新知识的学习能力以及与人协作和进行项目动作的社会能力等几个方面。
项目教学法的核心追求是：不再把教师掌握的现成知识技能传授给学生，而是在教师的指导下，学生去寻找得到这个结果的途径，最终得到这个结果，并进行展示和自我评价。学习的重点在学习过程而非学习结果，他们在这个过程中锻炼各种能力。教师已经不是教学中的主导地位，成为学生学习过程中的引导者、指导者和监督者，学生具有较高的积极性。
网页制作是高职院校计算机类专业所特有的实训项目之一，即通过30到60学时，学生必须完成一个完整网站的制作。主要尝试从以下几个步骤实施项目教学：
1 分组
在先学生自愿组合、后教师调配安排下，对全班同学进行分组，3—4人一组，采取组长负责制，由组长统筹安排其组员的分工。
2 规划网站
在制作网站前，给学生介绍不同类型的专题网站，让学生上网找出自己感兴趣的网站，要求学生在网站浏览的同时，总结此网站的风格特点，并把自己的心得介绍给老师与同学，这样不但能提高学生的
学习兴趣，而且为引入项目教学法做好了铺垫。课前让学生利用双休目的时间，分成小组走进社会，进行网站需求的调查，在调查过程中寻找具有一定的应用价值的网站项目。课堂上让学生结合各自调查情况，提出一个网站设计的项目，参考《网页设计与制作》教材制定好一份初步计划书，确定网站主题。
3 细化任务，分工合作
本着发挥学生个人特长，让每一位学生溶入网站设计的全过程，结合《网页设计与制作》课程的教学内容，在学生制定好具有一定应用价值网站设计计划书的基础上，通过课堂讨论，列出将要实施的几个网站方案，成立项目小组，设立项目经理来负责每个小组完成一个网站。
4 实施项目
学生确定各自在小组内的分工及小组成员问合作形式后，按照已确定的方案进入具体的网站制作。在这个过程中，学生必然会碰到许多新问题，此时教师就可以把问题集中起来，要求各小组在回答问题时充分发表意见，同学问可相互提示帮助，教师根据学生的掌握情况进行及时补充，对学生在应用上有困难的地方，教师提供给他们解决问题的方法。让班上绝大多数学生能完成基本的教学内容。
5 小组成果展示
网站制作结束前，经过教师核准验收后，可以宣布整个项目工作结束。作者要向教师及同学展示自己的网站，并进行作品答辩。以团队形式完成作品的，分模块展示，体现合作的同时还应有细致分工，这会更加促进学生的团队意识。
6 评估总结
学生在完成网站设计后，教师要求他们进行网站的自评、互评。这个过程可以与成果展示同时进行，并且最好是以大班教学方式进行，也就是把几个班的同学集中在一起上课、交流。学生对各自网站自评，不仅有利于学生的自主学习，且可以改进课程或教学的设计；学生互评，让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见。最后教师对各项目组的网站进行综合评价，这一工作是最主要的。教师在评价学生网站时，不能只进行优劣评价，而应该指出问题所在，给出具体改进及修改建议等，让学生去完善网站。
7 小结
网页制作课程作为大学生计算机基础教育的重要组成部分，如何采取合适的教学方法，提高教学质量，是每一个教学工作者均很重视的问题。除了进行教学方法改革外，只有各部门、教师和学生协作和支持，才可能真正提高网页制作课程的教学质量。项目教学对提高高职学校学生的专业技能有了很大的帮助，这也同时给老师提出了更高的要求。身为一位高职院校的教师，一个计算机专业的授业者，必须身体力行，加强学习，提高自身素质，用最先进的教育理论引领自己做好高职教育。
参考文献：
[1]李捷.《网页制作技术》项目教学法的研究与实践.2008.6
以下是个人网站的策划：
1、网站作用：让别人了解我认识我2、网站规模：因为是个人网站一般由一二十个网页组成，所以规模不大
3、网站目标客户：同学，朋友，和广大青年朋友。
4、网站特色：我的这类网站受众一般为青年人，所以在色彩上和设计风格上追求青年人的口味，画面绚烂，在内容上的特色表现为：
（1）内容标准化与个性化（2）充分体现互动性（3）内容实用性（4）多媒体技术专业性（5）网站平台延展性
5.网站的宣传标语：展示自我，分享快乐。
一、网站的风格及配色方案
1、网站名称：意度空间
2、网站域名：
3、网站LOGO4、网站标准色：整个网站以橙黄色为主基色，配以黑白色,我认为配这种色代表年轻人的激情。
5、网站标准字体：在字体上我主张采用默认字体，因为这种字体无论在那种浏览器上都能正常显示。所以我采用系统默认字体。
二、网站的栏目设计（画出栏目结构图）
三、网站设计和制作中所采用的技术
1、Flash特效功能
2、图片展示功能
3、文章查询功能
4、相册功能
5、在线视听功能
6、我的QQ群功能
7、文件下载功能
8、在线留言功能
9、友情链接功能
10、时钟功能
11、电子邮件功能
12、点至通讯录
13、圈子（我的QQ空间）
14、网摘功能
15、新闻功能
四、首页的设计简述为了使我的的首页美观生动，吸引人在我的首页我还添加了形象开头动画页面在页面上我首先映入你眼帘的是美丽的西京图片在它的上面我添加可透明的FLASH动画，这样会使网页具有动态美的感觉，加上合理浅淡桔黄色，动听的背景音乐，无论是从视觉，听觉还是感觉上都是一个不错的网站。
在网站的右上角我还插了滚动字幕，这样可以让浏览着第一时间了解我本站的最新动态。在网页的右下角是我的网站的名称，通过点击它就可以进入我的主页。
五、栏目页及内容页的设计构思我的个人网站大体上包括一下内容：我的圈子，我的相册，我的音乐，最新动态，项目互动，资源下载，六大模块这六大模块简介如下我的圈子简介：
（1）介绍我的班级和我班级里边的同学，把我班里边的同学加到我的网页中并对每个人做详细的介绍，形成一个同学录一样的页面，在这里边每个人可以都可以尽量书写个人的兴趣爱好。
（2）个人简历。首先是个人详细的自我介绍，然后加上个人的求职信个人简历，以便企业更深的了解我（3）因为只要有QQ号的几乎都有自己的空间所以我可以加个超连接，连接到我的QQ空间我的相册。
我的相册简介：
（1）设计个人的相册
（2）朋友的相册
（3）贴图，如果发现好的图片我收集起来可以和广大朋友共同分享。我的音乐简介：
这个模块主要包括：
（1）国内最新流行的音乐
（2）日韩最新流行的音乐
（3）欧美最新流行的音乐
最新动态简介：
（1）本站公告
（2）站内新闻
（3）最新游戏
（4）新款服饰
项目互动简介：
（1）请你留言，通过这个模块可以在线时时交流
（2）站内论坛
资源下载简介：
（1）原创作品；在这里可以写个人的个人日志，心得体会
（2）资源共享附栏目页或内容页模板图我的相册、我的音乐、你我互动、最新动态、资源下载
六、网站完成后的自查：网站在本地和上传到服务器中有无图片和动画无法显示或链接失效等情况通过反复的测试，在本地和上传到服务器中都没有发现图片和动画无法显示的或链接失效等情况。
七、网站完成后，你打算如何做进一步的推广，请写出网站推广的方案。（根据电子商务的知识写出较为详细推广方案）电子邮件推广电子邮件是最有效的网络许可营销方法之一。
分为：广告邮件、电子杂志两种。
前者通过广泛发布邮件信息获得第一注意力；后者通过用户许可，获得定期、定向宣传效果，起到事半功倍的效果；搜索引擎加注统计表明，50%以上的自发访问量来自于搜索引擎；有效加注搜索引擎是注意力推广的必备手段之一；加注搜
索引擎既要注意措辞和选这好引擎也要注意定期跟踪加注效果，并做出合理的修正或补充；广告策略广告是注意力营销和推广强有力的手段，包括网上广告和网下广告，网上包括付费广告，互换广告，友情连接等方法网下推广法网下推广方式多样，除广告外还包括：确定网站CI形象，宣传标识，口碑传递参加公益活动，活动赞助，派发小礼品、传单、作小型市场调查，相关单位机构合作等；雁过留声法大量访问同类网站或者人气旺盛的网络平台，发布留言和论坛信息（可用技术手段实现）内容主要有：本网站介绍或者本网站部分精品内容发布，吸引爱好者访问；整合营销与推广联盟策略首先实现同
以下是企业类型的网站策划：
1、建设企业网站所遵循的一般原则
（1）系统性原则。同时提供设计方案。设计实施单位应充分了解企业文化和企业机构及管理信息等基本情况，对营销目标、行业竞争状况、产品特征、用户需求行为以及网站推广运营等基本问题等要素融入到网站建设方案中。
（2）完整性原则。企业网站是企业在互联网上的经营场所，应该为用户提供完整的信息和服务：网站的基本要素合理、完整；网站的内容全面、有效；网站的服务和功能适用、方便；网站建设与网站运营维护衔接并提供支持。
（3）友好性原则。网站的友好性包括三个方面：对用户友好——满足用户需求、获得用户信任；对网络环境友好——适合搜索引擎检索、便于积累网络营销资源；对经营者友好——网站便于管理维护、提高工作效率。
（4）简单性原则。在保证网站基本要素完整的前提下，尽可能减少不相关的内容、图片和多媒体文件等，使得用户以尽可能少的点击次数和尽可能短的时间获得需要的信息和服务。
（5）适应性原则。企业网站的功能、内容、服务和表现形式等需要适应不断变化的网络营销环境，网站应具有连续性和可扩展性。
2、网站建设基本流程规范
企业网站建设（升级改版）包含下列基本流程：
（1）制定网站规划方案：包括网站预期目标、行业竞争状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容；
（2）网站技术开发、网页设计；
（3）网站测试；
（4）网站内容发布；
（5）网站维护及管理。
3、网站域名及网站技术规范
（1）采用基于XHTML的国际WEB标准（CSS+DIV）；
（2）网站首页为顶级域名而不是多级层次 ；
（3）网站首页及各栏目和内容页面均不采用网址跳转方式，不采用过渡页/桥页等网址重定向；
（4）合理应用静态网页与动态网页，网站栏目首页和其他重要页面采用静态网页；
（5）网页内容页面层次不宜过多，不超过四个层次；
（6）采用主流域名：.cn、.com.cn、.com等；
（7）一个网站对应一个主域名，现有多个域名需统一；
（8）网站链接错误率在一定范围之内，首页等重要页面无死链接；
（9）网站设计对不同浏览器具有兼容性。
4、企业网站的基本功能和内容
（1）与企业办公网实现无缝链接；
（2）具有信息发布、产品发布和管理功能；
（3）产品推荐/广告管理功能；
（4）详细的公司介绍；
（5）详细的联系方式；
（6）合理的产品分类/汇总/列表；
（7）详细的产品介绍内容；
（8）销售及售后服务相关的联系和服务信息；
5、网站优化
网站优化包括三个方面：对用户获取信息优化、搜索引擎优化、网站维护优化。
（1）网站栏目结构合理，栏目设置不要过于复杂；
（2）网站导航清晰且全站统一，通过任何一个网页可以逐级返回上一级栏目直到首页；
（3）网页布局设计合理，网站设计符合用户浏览习惯；
（4）重要文字信息尽可能出现在网页靠前位置；
（5）字体清晰，CSS风格协调一致；
6、网页模版设计
（1）重要信息尽可能出现在用户最关注的位置；
（2）网页宽度定位适应当前主流屏幕分辨率模式；
（3）保持整站CSS风格一致；
（4）超级链接有下划线或颜色的明显指示；
（5）整个网站中在新窗口打开或原窗口打开网页的规则一致；
（6）网站首页字节数不宜过大；
（7）多语言版本网站内容之间的切换方式设计合理。
7、企业网站可信度
（1）网站具有必须的法定证书；
（2）对企业基本状况的介绍真实可信；
（3）公布顾客服务/售后服务承诺；
（4）有必要的个人信息保护声明；
（5）网站公布的联系方式有效，尤其是地址、固定电话和Email地址；
（6）网站公布的Email地址与企业网站域名后缀一致而不是免费邮箱；
（7）网站主域名与企业名称/品牌/核心产品一致或相关；
8、网站运营维护
（1）建立网站内容发布审核机制，始终保持网站内容的合法性；
（2）保持网站服务器正常工作，对网站访问速度等进行日常跟踪管理；
（3）保持合理的网站内容更新频率；
（4）网站内容制作符合网站优化所必须具备的规范；
