第1章网页设计与制作基础精讲.ppt

* * 1.4.2 版式布局? 网页的布局是整个网页的核心，需要以用户为中心，例如：字体的大小、型号、字间距、行间距，以及配色等表现功能，做到整体布局合理化、有序化、整体化。 网页的版式设计，是将文字、图形图像、色彩、动画、视频图像等网页的传达要素，根据特定的内容和主题，在网页所限定的范围中，运用造型元素和形式原理进行视觉的关联与配置，从而将设计意图以视觉形式表现出来。这一过程实际上是创造性、艺术性地传达信息的过程。 * * 整体版式布局 * * 由于人们习惯于将视线从左到右、从上到下移动，因而视区中的不同位置注目程度不同。 * * 上部有轻快、上升、积极、愉悦之感； 下部有沉重、稳定、压抑、消沉之感； 左侧感觉轻松、舒展、自由、主动； 右侧感觉庄重、莒县、拘谨、被动。 * * 视区中的不同位置的注目程度 * * 页面不宜过长，一般控制在1—3屏，尽量不超过5屏。 版式构成的类型： 水平分割、垂直分割、水平—垂直交叉分割、中轴型、倾斜型、曲线型、重心型、反复型、散点型等等。 * * * * 使用广泛的构成类型： 水平分割 垂直分割 水平—垂直交叉分割 * * 1.4.7 多媒体功能的利用 最大资源优势在于多媒体功能，因而要尽一切努力挖掘它，吸引浏览者保持注意力。因而画面的内容应当有一定的实用性，如产品的介绍甚至可以用三维动画来表现。? 这里需要注意的问题是，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度，或者说将多媒体的内容控制在用户可接收的下载时间内是十分必要的。? * * 1.4.8 相关站点引导链接? 一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。? 在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。 * * 3、PHP PHP?是?Hypertext?Preprocessor?（超文本预处理器）的缩写，是一种易于学习和使用的服务器端脚本语言。只需要很少的编程知识你就能使用PHP建立一个真正交互的WEB站点。PHP是能让你生成动态网页的工具之一。PHP可以运行在多种操作系统下，其中包括Linux和Windows。 * * 4、VRML VRML（Virtual?Reality?Modeling?Language）就是虚拟实境描述模型语言。用户可在三维虚拟现实场景中实时漫游，在漫游过程中还可能受到重力和碰撞的影响，并可和物体产生交互动作，选择不同视点等。浏览VRML的网页需要安装相应的插件，利用经典的三维动画制作软件3DMAX，可以简单而快速地制作出VRML。? * * 注意： 由于课时有限，本教材主要讲述客户端网页的制作，主要使用HTML编程。 * * 1.2.3 网页制作工具 1. 编辑工具：记事本、editplus、dreamweaver、FrontPage 手写HTML代码，使用Windows的记事本。 打开： 开始\程序\ 附件\记事本 * * 步骤如下： 单击“开始”按钮，选择“程序/附件/记事本”。 在“记事本”的窗口中输入HTML代码。 输入代码结束后，选择“文件”菜单中的“保存”或“另存为”命令，则弹出另存为对话框。 在“文件名”框中键入Web页的名称，注意文件名必须以.html或.htm为扩展名。如果需要，应在“保存在”列表框中定位到特定的目录。 单击“保存”按钮，即创建了一个Web页。。 进入到你的文件架，单击，进行测试，你的HTML的网页就完成了。 * * “另存为”对话框 * * 单击ie图标，进行测试 * * 在HTML中，所有的标记符都用尖括号括起来。 例如，HTML表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。 例如：HTML…/HTML ，表示HTML文档的基本结构。 * * 一个典型的HTML文本的基本结构形式如下： 例： HTML HEAD TITLE网站制作/TITLE /HEAD BODY文本内容/BODY /HTML * * 运行效果如图 * * 2. 网页编辑器 用FrontPage或者Dreamweaver工具 FrontPage和Dreamweaver是最著名的网页编辑工具。FrontPage是微软的Office中的一件组件，是入门时很容易掌握的工具。 Dreamweaver是Macromedia公司出品的网页三剑客其中的一个软件，是专业网页制作软件。 * * 3. 图像软件用Photoshop Photoshop是很优秀的图像处理软件。也可以选择