自考“网页设计与制作”资料二

自考“网页设计与制作”资料二

　　有关商业网站的风格特征：

　　1. 公司徽标或商标应当出现在页面最上方，尽可能做到色彩醒目，同时占用版面小；

　　2. 可以采用主题图形产品广告来突出公司形象与风格。

　　3. 主要栏目一般采用图文并茂的超级链接实现，要考虑到主要栏目图片、文字之间的色彩配合，同时要和主题图形相互衬托，主题图形如果较大，则栏目必须缩小；

　　4. 不要把主要栏目和次要栏目都显示在同一个页面上；

　　5. 商业网站一般都有固定的栏目页面，如：Support，service，About us等；

　　6. 必须建立站内搜索引擎，以便浏览者在站内查找所需要的信息。

　　请仔细阅读P15-16的细节内容

　　JavaScript对象：

　　1. Window对象

　　2. String对象

　　3. Document对象

　　4. Navigator对象

　　5. String对象

　　6. Math对象

　　7. Date对象

　　使用DHTML的原因：

　　1. DHTML将网页上的每一个元素划分成许多独立的对象，这些对象的属性通过CSS来指定。

　　2. DHTML将每个对象向一个编程和脚本语言的框架开放，可使用编程语言C++操纵网页上的对象，也可以使用JavaScript，VBScript操纵网页上的对象。

　　JavaScript与Java的区别：

　　1.两者语言间的异同：

　　B. JavaScript是基于对象和事件驱动的编程语言，Java是一种真正面向对象的语言；

　　C. 前者是一种解释性编程语言，后者的源代码在传递到客户端执行之前，须经过编译；

　　D. 强变量和弱变量。前者采用弱定义类型变量检查，后者相反。

　　E. 前者的代码是一种文本字符格式，可以直接嵌入HTML文件中，并可用动态装载，后者是一种与HTML无关格式，必须通过像HTML中引用外媒体那样进行装载，其代码以字节代码的形式保存在独立的文档中；

　　F. 嵌入方式不一样，前者使用<applet>…</applet>来标识，后者用<script>…</script>来标识；

　　G. 前者采用动态联编，后者使用静态联编。

　　2.语言性能的差异：

　　a. JavaScript的本质是解释的；

　　b. JavaScript实现了SRC属性；

　　c. JavaScript代码能方便地修改，并立即在浏览器中看到修改的结果；

　　d. JavaScript能有效地与DOM结合控制浏览器的行为，能方便地使用插件、浏览器事件、窗体等技术，以实现用户与网页的交互；

　　e. 由于JavaScript代码置于HTML文件中，这样，JavaScript代码便暴露在众人面前，源码存在安全问题；

　　f. 虽然JavaScript的功能非常强大，但是它在处理非常复杂的应用时就被其自身机制的局限性所限制。

　　FrontPage2000增加的新功能：

　　1. 更容易建立专业的、美观的网站；

　　2. FrontPage2000不仅仅可以用来制作网页，用户还可以使用它来建设和维护自己的整个网站，更方便地检测、更新网站；

　　3. FrontPage2000比其它Office组件的事例性更加提高，打开和运行的速度比FrontPage98更快，并拥有更方便的DBM；

　　4. 方便地使用主题；

　　5. 能够以图形化的方式展示一个完事的WEB站点，也可以向一个完事的WEB站点引入HTML文件，或由现有WE耳闻目睹点引出文件，而且能够自动维护站点内部的所有超级链接的正确性；

　　6. 能够自动创建WE耳闻目睹点的文本索引，通过FrontPage提供的webbit搜索组件查找索引，可以无需编程进行站点内部的全文检索；

　　7. 加强了数据库访问能力，提供了许多设计时控件，使WEB页面与数据库进行联系的能力得到加强。

　　FrontPage主要功能：

　　1. 创建和管理Web站点；

　　2. 制作网页；

　　3. 发布站点；

　　4. 维护站点。

　　非商业组织的网站风格：

　　1. 强调页面的主色调；

　　2. 主题图形要求反映单位的风采，设计应有创意、有内涵，庄重中不乏活泼；

　　3. 超级链接的分类一定要清晰，可采用图形，必要时可建立站内搜索引擎；

　　4. 信息看板很重要，因为非商业组织的网站更新不如商业网站频繁，始终如一的画面显得枯燥，所以经常去更新信息查看板，将增加访问者的访问兴趣。

　　运用色块制作网页时需要掌握的几个要点：

　　1. 冷暖色调在均匀使用时不宜靠近；

　　2. 纯度相同的两种颜色也不宜放在一起；

　　3. 整个页面中最好有一个主色调，否则整个页面就显得凌乱。

　　“所见即所得”编辑器的一些致使的弱点：

　　1. 难以精确达到与浏览器完全一致的显示效果；

　　2.   因为“所见即所得”编辑器在生成代码时，是按照软件编制人员事先设计好的模式做的；因此不能完全适应各种不同的情况，尤其在实现同样效果地，“所见即所得”的编辑器往往会书写出冗余度高的代码，不如手工书写的来得简洁。

　　WEB在实际应用中主要包含三个方面：

　　1. 实现资源引用的统一命名机制；

　　2. 使用标准的WEB文件传输机制——HTTP；

　　3. 文本的逻辑结构采用标记语言HTML描述协议；

　　主页：在一个站点的众多网页中，总有一个网页是被指定为该站点的“门户网页”，即为该站点的主页（Home Page），这个页面是整个站点的核心，站点内所有内容都由门户页面进行索引，该页通常被命名为index.html或default.html.它是站点访问者在网页浏览器的地址栏中键入该站点的网址时，默认地显示在浏览器中的网页。

　　Dreamweaver有以下几个基本特征：

　　1. 最佳的制作效率；

　　2. 网站管理；

　　3. 无可比拟的控制能力；

　　4. 丰富模板和XML支援；

　　5. 多浏览器平台的支持。

　　Dreamweaver最大的特点在于其全新的软件操作界面、强大的动态网页编辑功能和开放的插件环境。

　　个人网站的基本风格：

　　1. 主题图形式：最显著的标志是主页有一个醒目的图形，该图形很大程度上反映了网页作者希望自己的网页具有的一种意境。

　　2. 信息发布式：主要看重网站的信息量，这类网站都发布大量的信息，其作者较热衷于贡献信息。

　　3. 介于两者之间的形式：这种网站既想突出个人形象，又想发布大量信息，组织形式不鲜明。

　　建立网站的链接结构有哪几种形式，其各自的优缺点：

　　1. 树形链接结构（一对一）：

　　优点：条理清晰，访问者明确知道自己在什么位置，不会“迷路”；

　　缺点：浏览效率低，要进行栏目跳转时，必须绕经首页。

　　2. 星形链接结构（一对多）：

　　优点：浏览方便，随时可以到达自己喜欢的页面。

　　缺点：链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

　　最好的办法是：首页和一级页面之间用星形链接结构，一级和二级页面之间用树形链接结构。

　　黄色：代表高贵、富有；

　　白色：代表纯洁、简单；

　　蓝色：代表智慧、天空、清爽；

　　绿色：代表生命、生机；

　　灰色：代表深沉、阴暗、消极；

　　紫色：代表神秘、浪漫、爱情；

　　棕色：代表土地。

　　网页页面布局的方法：

　　1. 纸上布局法：

　　1） 准备若干张白纸和几支削好的铅笔（或自动铅笔），橡皮一块。要保证不会由于工具的问题而打断自己的思路；

　　2） 选择页面尺寸；

　　3） 页面总体造型的选择；

　　4） 选择一个形状作为整个页面的主题造型；

　　5） 在构思了许多图形之后，选择一个中意的基本结构作为整个页面的(武汉自考)主题造型；

　　6） 开始增加页眉；

　　7） 增加文本；

　　8） 增加图片；

　　2. 软件布局法。

　　在栏目设置上可以考虑以下四个方面：

　　1. 一定记住要紧扣主题；

　　2. 设一个最近更新或网站指南栏目；

　　3. 设定一个可以双向交流的栏目；

　　4. 设一个下载或常见问题（FAQ）回答栏目。

　　划分栏目需要注意的：

　　1. 尽可能删除与主题无关的栏目；

　　2. 尽可能将网站最有价值的内容列在栏目上；

　　3. 尽可能方便访问者的浏览和查询。

　　PWS主要由五个组件组成：

　　1. 个人WEB服务器（Microsoft Personal Web Server）；

　　2. 事务服务器（Microsoft Transaction Server）；

　　3. 数据访问组件（Microsoft Data Access Components）；

　　4. FrontPage服务器扩展（Microsoft FrontPage Server Extensions）；

　　5. 消息队列服务器（Message Queue Server1.0）。

　　在选择虚拟主机提供商时，主要应考虑以下几方面的问题：

　　1. 服务器放置位置（国内、国外等）

　　2. 主机与网络连接的速度；

　　3. 主机所运行的操作系统；

　　4. 磁盘空间大小；

　　5. E-mail信箱数量；

　　6. 是否能够使用数据库；

　　7. 是否支持微软的FrontPage；

　　8. 是否支持加密传输。

　　在注册搜索引擎提交网址时要注意的几点：

　　1. 将网址提交到最合适的目录下面；

　　2. 考虑使用“快速注册”的收费服务；

　　3. 提交内容最丰富的URL，不要只提交根网址；

　　4. META标记的使用；