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

* * 1.4.7 多媒体功能的利用 最大资源优势在于多媒体功能，因而要尽一切努力挖掘它，吸引浏览者保持注意力。因而画面的内容应当有一定的实用性，如产品的介绍甚至可以用三维动画来表现。? 这里需要注意的问题是，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度，或者说将多媒体的内容控制在用户可接收的下载时间内是十分必要的。? * * 1.4.8 相关站点引导链接? 一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。? 在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。 * * 1.3.3 网站设计的基本流程 。 * * 1.3.1网页和网站 网页是全球广域网上的基本组成，用html语言书写。网页是网站的一部分，也可以独立存在。网站规划需要经济运营创意，网页制作需要艺术创意。 网站是指存放在网络服务器上的完整信息的集合体，它包含一个或多个网页，这些页以超链接方式连接在一起，形成一个整体，描述一组完整的信息。 * * 1.3.2 网站类型的划分 网站有很多种类型，如门户型网站、电子商务网站、个人网站等等。如果依据传达信息内容的特点来进行类型的划分，可以分为以下6种形式： * * 1. 信息查询类： 像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。 * * 2. 大众媒体类： 具代表性的就属各大门户网站(ICP)的新闻版块，传统媒体在网络空间的拓展——报刊杂志的电子版。 * * 3. 宣传窗口类： 宣传窗口类型的网页具有内容专一，形式多样的特点。尤其是企业的网页，具有企业形象传达的作用，可以看作CI设计的延伸。 个人网站也成为这种类型的重要组成部分，因此格外受到重视。 * * 4. 电子商务类： 电子商务的出现使单向的信息传送变成了双向的交互服务，从真正意义上实现了网络的交互性。 * * 5. 交流平台类： 各种论坛、BBS、聊天室 * * 6. 网络社区类： 即虚拟网上生活。从网上交流发展到网络社区，网络已成为人们生活、存在的新空间，在网络社区可以充分的消遣、放松，获得深入交往并享有充分自由的理想场所。 * * 1.3.3 网站设计的基本流程 1、整体规划：例如，网站主题、风格、页面元素、逻辑结构等。 2、资料收集：例如，收集与主题相关的文字图片资料，一些优秀的页面风格，下载一些你喜欢的交互页面，开放的源代码等。 3、页面设计：根据事先规划的结构，利用平面图片的形式设计你想要的最终效果。 * * 1.3.3 网站设计的基本流程 4、代码转换及交互添加 按照平面的设计效果，转化为HTML代码，添加相应的交互功能、按纽、表单，以及一些与数据库相连接的代码。 5、测试网页兼容性：为了能较好的展示你的作品，应使用不同的浏览器进行测试 * * 1.3.4 规划网站栏目 1. 划分主要栏目 2. 首页超级链接和搜索引擎 3. 设定交互栏目 4. 设置下载和咨询服务栏目 5. 方便的网站导航 6. 网站的目录结构 7. 网站的链接结构 * * 1.4 网站建设 网站主要由主机、域名、网页等组成。建设网站，就是在自己的计算机上安装Web服务器，设计制作自己的网页并且发布出去。 * * 建设网站的基本步骤： 1. 申请域名 2. 建立主机 建立主机的两种模式： 主机托管模式：将主机交给网络运营部门管理。 虚拟主机模式：租用网络运营部门存储器。 3. 设计与制作网页。 4. 发布网页。 * * 测试完毕，符合要求后，可以发布你的网站了，发布的服务器可以是远程，也可以是本地，各个语言有各自的相应的服务器，比如ASP，就应该对应的是ASP服务器，上传可利用远程FTP工具。 * * 1.4.1 Web站点主页的基本成分：? 页眉：准确无误地标识你的站点和企业标志；Logo 的作用很多，最重要的就是表达网站的理念、便于人们识别，广泛用于站点的连接、宣传等。主页标题可以清楚地标示你的网站。标题可以是名称、标语徽号或图像。 信息：网页中主要内容。 页脚：E-mail地址：用来接收用户垂询。? 联系信息：如普通邮件地址或电话。? 版权资料,可以在主页上标示一句简短的版权声明，用联接方法带出另—个载有详细使用条款的页面,这样可以避免主页显得杂乱。 * * 1.4.2 版式布局? 网页的布局是整个网页的核心，需要以用户为中心，例如：字体的大小、型号、字间距、行间距，以及配色等表现功能，做到整体布局合理化、有序化、整体化。 网页的版式设计，是将文