FrontPage2000 网页制作软件.ppt

FrontPage2000网页制作软件 安 杰 aj_ncmc@126.com 第九章 FrontPage2000 网页制作软件 安 杰 aj_ncmc@126.com 信息中心计算机教研室 网页设计基础 网页的概念 由HTML超文本标记语言编写，用于在IE等浏览器上播放，网页中通常包括文字、图片等，文件的扩展名为.htm或.html。 站点（或网站）的概念 站点是文件夹，是文件和图形的组合；是由一张或多张网页组成。 网页中的常见元素 文本 文本是最重要的信息载体与交流工具，是网页发布信息所用的主要形式。 标题 字号 字体 图形 这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。 图片类型很多，如GIF、JPEG、BMP、PNG、WMF、PCX等，目前在网页上使用最多的图片格式是GIF和JPEG。 超链接 超链接是从一个网页指向另一个目的端的链接。超链接在网页上通常表现为一种特殊的颜色，当鼠标指到超链接区域时，指针变为手形标志。 这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。 超链接主要由两部分组成： 源和所指向的URL地址 表格 表格用来控制网页中信息的布局方式。 表单 网页区别于其他媒体的一个重要标志就是它的交互功能。 通常网页的交互功能都是利用表单来实现的。 声音和视频 声音是多媒体网页的一个重要组成部分。 网页的声音文件格式很多，常用的有MIDI、WAV、MP3和AIF等。 常用网页制作工具 超文本标识语言HTML 超文本标识语言（Hypertext Markup Language，HTML）是一种专门用于Web页制作的编程语言，它能够对网页内容、页面的格式以及超链接进行描述，形成HTML文档。 Dreamweaver Dreamweaver是Macromedia公司推出的一款大众化的网页制作软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页. Dreamweaver支持动态HTML技术，从而奠定了在网页高级设计功能方面的领先地位。 FrontPage FrontPage是Microsoft公司推出的网页制作工具。能够使用户更加方便、快捷地创建和发布网页，具有直观的网页制作与管理方法，减少编写HTML语言代码的工作量，能满足多数用户的需要。 常用的网页美化工具 Fireworks Fireworks是由Macromedia公司开发的基于RGB颜色模式的图形处理工具。 可以生成占用空间很小、质量很高的JPEG和GIF图像 。 Flash Flash是Macromedia公司开发的用于矢量图形编辑和动画创作的专业软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。 Photoshop Photoshop是Adobe公司开发的图形处理软件，它是目前公认的PC上最好的通用平面美术设计软件，它功能完善、性能稳定和使用方便，所以在几乎所有的广告、出版和软件公司，Photoshop都是首选的平面制作工具。 策划阶段 确定主题: 网站的主题也就是网站的题材，是网站设计首先遇到的问题。 网站的定位要小，内容要精。 网站的题材最好选自己擅长或者喜爱的内容。 网站名称，是网站设计的一部分，而且是一个关键的要素，和现实生活中一样，网站名称是否正气、响亮、易记，这对网站的形象和宣传推广也有很大影响。 制作阶段 整体规划：是组织网站的内容并设计其结构。 网页设计与制作 静态网页的设计与制作（.htm .html ) 动态网页设计( .asp .aspx ) 测试与发布网页 功能性测试: 是要保证网页的可用性，达到最初的组织设计目标，实现所规定的功能。 网页的完整性测试: 是保证页面内容显示正确，链接准确，无差错无遗漏。 后期阶段 网站的宣传与推广 网站的反馈与评价 网站的更新与维护 网站要注意经常维护更新内容，保持内容的新鲜 。 网 页 艺 术 设 计 网页版式设计 1．版式设计原则 （1）统一 （2）平衡 （3）连贯和呼应 （4）分割 （5）对比 （6）和谐 2．常见网页布局 （1）表格布局 （2）框架布局 （3）层布局 （4）自由式布局 网页色彩设计 合理运用色彩。在网页设