网页制作D.P.F
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
标题采用与网页内容相反的对比颜色网页颜色与文字采用较高度通常为白底黑字或淡底深在导航栏所在区域将菜单背景颜色设置暗一些然后依靠较高的颜的基本知识
1.1.1网页的类型 主页：用户进入网站时看到的第一个页面。 静态网页：用HTML语言编写的网页,浏览者和服务器不交互。 内页：通过主页的超级链接打开的网页。 动态网页：使用ASP,PHP,CGI等程序生成的网页也称交互式网 页。
（8）超级链接 用于将页面和对象之间建立连接，通过单击它可以转到相应 的页面进行浏览。 （9）表单 用于填写申请或提交信息时的交互页面。 （10）发布 上传网页的过程，也称上传或上载。
1.1.4网页制作的一般流程
规划站点收集资料和素材制作网页测试站点 更新和维护站点
1.2 网页制作的常用软件
1.3.2 网页基本元素的标准及使用技巧 1. logo 通常在网页左上角。 可以为静态或动态，动态logo活动频率不能太快。 有独特创意，体现网站宗旨。 2. banner 通常被译为网幅广告，旗帜广告，横幅广告，是internet中最 基本的广告形式。
3. 导航栏 多个超级链接的组合，将网页中的主要元素罗列出来。 分类: 位置：横排，竖排。 表现形式：图片，文本，框架导航。 制作要点： 图片导航占用空间大，尽量少用。 内容丰富的站点可使用框架导航。 有个性的站点可将导航栏用flash制作。
（7）统一资源定位器 简称URL，用于定位internet中某个资源的固体位置，以取得 各种服务信息的一种标准方法。 eg：/index.htm http为通信协议 包括：HTTP超文本传输协议，FTP文件传输协议，Gopher 协议，News新闻组等。 为域名，与IP地址作用相同。 index.htm表示要访问网页的主页地址。
4. 按钮 与网页整体效果协调，不能太抢眼。 制作按钮时，背景较暗，字体较深，颜色对比度强。 5. 图像
谢谢
Make Presentation much more fun
@WPS官方微博 @kingsoftwps
1.2.1 图像处理软件 photoshop：制作复杂图像效果。 fireworks：处理一般图像，专门处理网页图片。 1.2.2 动画制作软件 switch软件：专业级flash特效。 flax软件：制作纯文本的flash动画。 gif动画使用fireworks，adobe imageready 制作。
1.1.2网页制作中的专业术语 （1）浏览器 用于观看internet上网页的工具。 常用：IE,TT,NE,Maxthon浏览器。 （2）万维网 world wide web，简称www。internet上最流行的一种信息资 源，利用它可以将全世界的信息链接在一起。 （3）文件传输协议 简称FTP,是一种快速，高效和可靠的信息传输方式，通过它 可以将文件从一个地方传输到另一个地方，实现资源共享。
1.3 网页制作技巧
1.3.1网页配色技巧 色彩应用总原则：总体协调，局部对比。 同一页面中，使用相近色来设置页面中元素。 制作网页时，首先确定整个站点的主色调。确定主色调需 从网站类型以及网站所服务对象出发。 eg：校园类站点：绿色 旅游类站点：草绿色搭配黄色 游戏站点：黑色 政府类站点：红色和蓝色 新闻类站点：深红或黑搭配高级灰。
站可点logo一般用深色，有较高对比度。标题采用与网页 内容相反的对比颜色， 网页颜色与文字采用较高度，通常为白底黑字或淡底深 字。 在导航栏所在区域，将菜单背景颜色设置暗一些，然后依 靠较高的颜色将网页内容和菜单区分。 需要突出显示的内容，用鲜艳的颜色。 同一页面中，两种截然不同颜色自然过渡时，之间搭配黑 白或灰。
（4）超文本标记语言 简称HTML,最基本特征为超文本和标记。用它编写的网页文 件的扩展名一般为.htm或.html。 （5）IP地址 由一组数字和小圆点组成，用于标识网络中电脑的位置。用 户可通过网站所在服务器的IP地址访问该网站。 （6）域名 由英文字符恶化数字组成，与固定的IP地址相对应。书写格 式为：机构名.主机名.类别名.地区名。eg： 。
1.2.3网页编辑软件 dreamweaver软件 frontpage软件（很少使用）。 1.2.4其它小工具软件 制作三维动画：cool 3d，xtra 3d。 制作网页按钮：crystrl button。 编写网页代码：hotdog，homesite。 网页配色：玩转颜色，网页调色专家。 查看含有java applet网页：java虚拟机。
1.1.1网页的类型 主页：用户进入网站时看到的第一个页面。 静态网页：用HTML语言编写的网页,浏览者和服务器不交互。 内页：通过主页的超级链接打开的网页。 动态网页：使用ASP,PHP,CGI等程序生成的网页也称交互式网 页。
（8）超级链接 用于将页面和对象之间建立连接，通过单击它可以转到相应 的页面进行浏览。 （9）表单 用于填写申请或提交信息时的交互页面。 （10）发布 上传网页的过程，也称上传或上载。
1.1.4网页制作的一般流程
规划站点收集资料和素材制作网页测试站点 更新和维护站点
1.2 网页制作的常用软件
1.3.2 网页基本元素的标准及使用技巧 1. logo 通常在网页左上角。 可以为静态或动态，动态logo活动频率不能太快。 有独特创意，体现网站宗旨。 2. banner 通常被译为网幅广告，旗帜广告，横幅广告，是internet中最 基本的广告形式。
3. 导航栏 多个超级链接的组合，将网页中的主要元素罗列出来。 分类: 位置：横排，竖排。 表现形式：图片，文本，框架导航。 制作要点： 图片导航占用空间大，尽量少用。 内容丰富的站点可使用框架导航。 有个性的站点可将导航栏用flash制作。
（7）统一资源定位器 简称URL，用于定位internet中某个资源的固体位置，以取得 各种服务信息的一种标准方法。 eg：/index.htm http为通信协议 包括：HTTP超文本传输协议，FTP文件传输协议，Gopher 协议，News新闻组等。 为域名，与IP地址作用相同。 index.htm表示要访问网页的主页地址。
4. 按钮 与网页整体效果协调，不能太抢眼。 制作按钮时，背景较暗，字体较深，颜色对比度强。 5. 图像
谢谢
Make Presentation much more fun
@WPS官方微博 @kingsoftwps
1.2.1 图像处理软件 photoshop：制作复杂图像效果。 fireworks：处理一般图像，专门处理网页图片。 1.2.2 动画制作软件 switch软件：专业级flash特效。 flax软件：制作纯文本的flash动画。 gif动画使用fireworks，adobe imageready 制作。
1.1.2网页制作中的专业术语 （1）浏览器 用于观看internet上网页的工具。 常用：IE,TT,NE,Maxthon浏览器。 （2）万维网 world wide web，简称www。internet上最流行的一种信息资 源，利用它可以将全世界的信息链接在一起。 （3）文件传输协议 简称FTP,是一种快速，高效和可靠的信息传输方式，通过它 可以将文件从一个地方传输到另一个地方，实现资源共享。
1.3 网页制作技巧
1.3.1网页配色技巧 色彩应用总原则：总体协调，局部对比。 同一页面中，使用相近色来设置页面中元素。 制作网页时，首先确定整个站点的主色调。确定主色调需 从网站类型以及网站所服务对象出发。 eg：校园类站点：绿色 旅游类站点：草绿色搭配黄色 游戏站点：黑色 政府类站点：红色和蓝色 新闻类站点：深红或黑搭配高级灰。
站可点logo一般用深色，有较高对比度。标题采用与网页 内容相反的对比颜色， 网页颜色与文字采用较高度，通常为白底黑字或淡底深 字。 在导航栏所在区域，将菜单背景颜色设置暗一些，然后依 靠较高的颜色将网页内容和菜单区分。 需要突出显示的内容，用鲜艳的颜色。 同一页面中，两种截然不同颜色自然过渡时，之间搭配黑 白或灰。
（4）超文本标记语言 简称HTML,最基本特征为超文本和标记。用它编写的网页文 件的扩展名一般为.htm或.html。 （5）IP地址 由一组数字和小圆点组成，用于标识网络中电脑的位置。用 户可通过网站所在服务器的IP地址访问该网站。 （6）域名 由英文字符恶化数字组成，与固定的IP地址相对应。书写格 式为：机构名.主机名.类别名.地区名。eg： 。
1.2.3网页编辑软件 dreamweaver软件 frontpage软件（很少使用）。 1.2.4其它小工具软件 制作三维动画：cool 3d，xtra 3d。 制作网页按钮：crystrl button。 编写网页代码：hotdog，homesite。 网页配色：玩转颜色，网页调色专家。 查看含有java applet网页：java虚拟机。