网页制作技术精讲课件.ppt

第 1 章 网页设计基础 ;1.1 网页中的常见元素 ;1.1.2 图形 这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。 1．菜单按钮 2．背景图形 3．动画;1.1.3 超链接 超链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。 超链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。 ;1.1.4 表格 表格用来控制网页中信息的布局方式。 1.1.5 表单 网页区别于其他媒体的一个重要标志就是它的交互功能。 通常网页的交互功能都是利用表单来实现的。 ;1.1.6 声音和视频 声音是多媒体网页的一个重要组成部分。 网页的声音文件格式很多，常用的有MIDI、WAV、MP3和AIF等。 ;1.2 常用网页制作工具 ;1.2.2 Dreamweaver Dreamweaver是Macromedia公司推出的一款大众化的网页制作软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网页制作人员所掌握。 Dreamweaver支持动态HTML技术，并采用了Roundtrip HTML技术，从而奠定了在网页高级设计功能方面的领先地位。 ;1.2.3 FrontPage FrontPage是Microsoft公司推出的网页制作工具。 ;1.3 常用的网页美化工具 ; （1）Fireworks可以用较少的步骤生成占用空间很小、质量很高的JPEG和GIF图像 。 （2）利用Fireworks修改图像非常方便。 （3）Fireworks无需借助其他工具就可以完成将一个图像转化为网页元素的全过程。 （4）Fireworks具有文件导出功能。 ;1.3.2 Flash Flash是Macromedia公司开发的用于矢量图形编辑和动画创作的专业软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。 ;Flash的优点可以归纳为以下几点。 （1）Flash创建的图像体积小、质量高。 （2）Flash采用的是插件工作方式。 （3）Flash采用“流式”动画播放技术。 （4）Flash支持多种不同格式文件的导入。;1.3.3 Photoshop Photoshop是Adobe公司开发的图形处理软件，它是目前公认的PC上最好的通用平面美术设计软件，它功能完善、性能稳定和使用方便，所以在几乎所有的广告、出版和软件公司，Photoshop都是首选的平面制作工具。 ;1.4 建立网站的基本流程 ;图1-2 网站的制作流程 ;1.4.1 确定主题 网站的主题也就是网站的题材，是网站设计首先遇到的问题。 网站的定位要小，内容要精。 网站的题材最好选自己擅长或者喜爱的内容。 网站名称，是网站设计的一部分，而且是一个关键的要素，和现实生活中一样，网站名称是否正气、响亮、易记，这对网站的形象和宣传推广也有很大影响。 ;1.4.2 搜集资料 1.4.3 网站的整体规划 进行网站的整体规划也就是组织网站的内容并设计其结构。 1.4.4 网页设计与制作 1．静态网页的设计与制作 2．为网页添加动态效果;1.4.5 测试与发布网页 当网页设计人员制作完所有网站页面之后，需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试两个方面。; 所谓功能性测试就是要保证网页的可用性，达到最初的组织设计目标，实现所规定的功能，读者可以方便快速地寻找到所需的内容。 网页的完整性测试就是保证页面内容显示正确，链接准确，无差错无遗漏。 ;1.4.6 网站的宣传与推广 1.4.7 网站的反馈与评价 1.4.8 网站的更新与维护 网站要注意经常维护更新内容，保持内容的新鲜 。;1.5 网 页 艺 术 设 计 ;2．版式设计技巧 3．常见的网页布局 （1）表格布局 （2）框架布局 （3）层布局 （4）自由式布局;1.5.2 网页色彩设计 1．网页色彩定义 在网页中是以RGB方式来表示颜色的 。 2．在网页中合理运用色彩;第 2 章 创建和管理站点 ; 在制作网页之前首先要创建站点。建立一个本地站点就是在本地计算机上建立一个文件夹，将所有与网站相关的文件都放在该文件夹中，以便进行网页的制作与管理。 ;2.1 规 划 站 点 结 构 ;2.2 利用Dreamweaver MX创建站点;图2-2 Dreamweaver MX的操作界面 ;2．Dreamwe