网页设计考试资料.doc

1、 首页/主页 打开网络由网址进入时第一个看到的页面，我们通常把它称为首页（home page）或主页网站构成网站由域名（domain name 俗称网址），网站源程序和网站空间三部分构成。2、 Ip地址、域名和DNS的含义，关系IP地址由32位二进制组成，应用时写成由3个小数点分隔的4个十进制数形式 。域名是ip的另一种表现形式，由于ip地址不便于记忆和识别，就用地区域名所写的字符串来识别网上的主机，DNS是提供ip与域名之间转换的服务器系统3、 二级域名一个完整的域名由二个或二个以上部分组成，各部分之间用英文的句号“.”来分隔，最后一个“.”的右边部分称为顶级域名（TLD，也称为一级域名），最后一个“.”的左边部分称为二级域名（SLD），二级域名的左边部分称为三级域名，以此类推，每一级的域名控制它下一级域名的分配。Eg bbs. dramax8008. cn 二级域名 一级典型域名.com一般用于商业性的机构或公司， .net一般用于从事Internet相关的网络服务的机构或公司， .org一般用于非盈利的组织、团体。.CN 域名是由我国管理的顶级国家域名（ccTLD），属于顶级域名。mil -军事领域 .edu -教育机构 .arts -艺术机构 .store-商业销售机构 .firm-商业公司 .museum-适用于博物馆的专用顶级域名 .PRO-专用于医生、律师、会计师等专业人员的顶级域。(PRO是PROFESSIONAL的习惯缩用) 也有中文域名4、 网站开发步骤网站规划、网站分析、网站设计、网站实施与维护5、 网站结构目录结构（后台结构）和连接结构（前台结构） 树形结构，星型结构 星形连接结构树状结构 校园动态-教师活动-学生活动 校园动态-教师活动-学生活动首页 首页 教学园地-教师成果-学生作品 教学园地-教师成果-学生作品这两种基本结构都只是理想方式，在实际的网站设计中，一般要将这两种结构混合起来使用6、 首页设计步骤（1）确定首页的功能模块 （2）设计首页的版面必须要有：网站名称(logo)、主菜单(menu)、友情链接(links)、版权(copyright)7、 首页设计的原则三次单击。控制链接的次数，使浏览者在最短的点击之后找到需要的页面。最短时间，最高效率。8、 测试如何在不同的分辨率的计算机上浏览网页。（1）用所有的分辨率做不同的页面，然后判断页浏览的页面的分辨率，再选择（2）做一个主要的分辨率页面原则：元素与元素之间的相对位置不变9、 分辨率大，小宽带，图片不便查看将图片切片，然后利用网络传输的特性，进行分包传输10、 网站发布 将网页设计完成并测试成功之后，接下来就是要将它正式发布到Internet上。发布是指将做好的网站放置在Web服务器上，使全世界的浏览者可以通过internet访问网站。 Web服务器的选择：（）建立独立的站点。配置机房，购买路由器、交换机等相关设备并安装相应的网络操作系统。成本较高。（）利用ISP提供的服务。租用虚拟主机。将一台服务器主机分隔成多台虚拟的主机。每台主机都有自己独立的域名和IP地址，这种划分会降低网络性能，但在一定程度上，用户是察觉不到的。服务器托管。将服务器放置在经营服务器托管业务的机房里，由其技术员对服务器进行维护。ASP外包服务：通过internet以外包或租赁的方式为客户提供服务。申请免费的空间。如果没有商业用途，仅仅只是为了娱乐，最好的方法就是上网申请一个免费网页空间，这样既不花钱，又能看到自己的成果。但是免费主页空间有很多缺点，如太多人使用，空间小，频带窄，易堵塞，而且多数需要义务性广告，随时会被取消服务。因此，在经济允许的条件下，可以申请收费空间。提供收费空间的网站很多，价格也比较合适。11、在布局过程中，常遵循的法则有：平衡和对称。对称指上下左右对照分布的形式，主要强调秩序感，能达到安定平实、和谐的效果；平衡指上下左右虽然不完全对称，但却能达到视觉上的均衡，也能达到一种视觉稳定的效果，但比完全对称的形式显活泼。对比。所谓对比，目的是为了强调和突出，不仅要在构成元素的性质（图形和文字）、色彩搭配上来对比表现，也要在内容上的古与今、新与旧存在对比。凝视。所谓凝视，就是利用页面特效，使浏览者注视页面。空白。主要用于体现网页的格调。图片。对不能用语言说服、或用语言无法表达的情感，就要用图片来解说，可以传达给浏览者的更多的信息。最经典的布局：黄金分割率（ 3:2 或 0.618又被称为黄金分割率） 12、常用到的版面布局形式有 “T”型结构布局。指页面顶部为横条网站标志和广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景较深，整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广泛的一种布局方式。这种布局的优点是页面结构清晰、主次分明，是较容易学习和掌握的布局方法。缺点是规矩、呆板，如果细节色彩上再处理不好（没有对比），就会让人觉得无味。“口”型布局。就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型进行设计，如网易壁纸站。“三”型布局。这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。POP布局。POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，如ELLE.com等。优点是显而易见、漂亮、吸引人。缺点是速度慢。13、网站的结构清晰。指网站的目录结构和链接结构清晰明了。网站的目录结构清晰。不要将所有文件都存放在根目录下。这样做会造成文件管理混乱，使我们不清楚哪些是相关联的文件。 根目录下通常只存放首页。按栏目内容建立子目录。子目录的建立，首先要按主菜单栏目建立。其它的次要栏目，若友情连接内容较多、需要经常更新的可以建立独立的子目录。而一些相关性强、不需要经常更新的栏目，如：关于本站、关于站长、站点经历等可以合并放在一个统一目录下。为了便于维护和管理，所有程序一般都存放在特定的目录，如：CGI程序放在cgi-bin目录；所有需要下载的内容也最好放在一个目录下。在每个主目录下都建立独立的images目录。一个站点根目录下都有一个默认的images目录用于，不要将所有图片都存放在这个目录里，如果这样，我们将某个主栏目打包供浏览者下载，或者将某个栏目删除时，图片的管理会相当麻烦。为了方便管理，为每个主栏目建立一个独立的images目录是很必要的，而根目录下的images目录只是用来放首页和一些次要栏目的图片。目录的层次不要太深。为了维护管理方便,目录的层次一般不要超过3层。其它需要注意的有：不要使用中文目录。不要使用过长的目录。尽管服务器支持长文件名，但是太长的目录名不便于记忆尽量使用意义明确的目录。更明确、更便于记忆和管理的还是前者。 14、网页HTML语言中的色彩表达是用红（）、绿（）、蓝（）用二位十六进制数表示这三种颜色的数值表示，例如：红色是color(255,0,0)，十六进制的表示方法为(FF0000)，白色为(FFFFFF), 我们经常看到的“bgColor=#FFFFFF”就是指背景色为白色。15、 技术 HTML 超文本标记语言 HTML文档结构超文本标记语言HTML：网络文档传输的标准格式。HTML文档的结构：以如下形式成对出现。 您好，欢迎光临！ Hello world！ 16、输入空格。 将中文输入法设置为“全角”，按空格。 属性面板中，“格式”下拉框选“预先格式化的”。 按ShiftCtrlSpace。文本换行。 回车：新建段落，上下段之间空一行。 Shift回车：换行，上下段之间无空行。插入图片 “插入”“图像”。 注意：应以图像文件的相对路径进行插入。先保存页面，再插入图像。Scr 图像源文件标记 替代文本标记./asp.jpg.17、插入水平线。主要用于标题与正文或不同段落之间的分隔。 “插入”“水平线”。插入Flash按钮和文字。“插入”“交互式图像”“Flash文本”。“插入”“交互式图像”“Flash按钮”。创建鼠标经过图像。由主图像和翻转图像组成。页面显示时，先显示主图像，鼠标移到图上时显示翻转图像，鼠标移走后恢复为主图像。 “插入”“交互式图像”“鼠标经过图像”。创建锚点链接。 网页内某个指定位置的超链接称为锚点链接。单击源端点时，会跳转到该指定位置的目标端点。 “插入”“命名锚记”到目标端点，在源端点的属性面板中设置。如目标端点与源端点在同一页面，则用“锚点名字”即可，否则用“文件名.htm 锚点名字”创建链接创建超链接。 在对象属性面板中创建。创建导航条。由一幅或多幅按钮图像组成，当单击各按钮图像时会前往不同的页面，其实质也是一种超链接。注意最多有四个按钮图像，页面最多有一个导航条，导航条排列方式：水平和垂直 “插入”“交互式图像”“导航条” 。创建跳转菜单。 跳转菜单属于表单域 是一个下拉菜单，其中每一项都是一个超链接。 “插入”“表单对象”“跳转菜单” 。创建映射图链接。 在一个图像中划分出几个不同的几何图形区域，分别建立超链接，这些区域称为热区。利用图像属性面板完成映射图的创建。18、网页元素的定位（布局）：通常使用表格、层和框架。创建表格。 “插入”“表格”。在表格中插入文本和图像。文本直接输入，图像用“插入”“图像”。属性设置。 单元格的选取、拆分与合并。 单元格的复制、粘贴与清除。层是用来放置各种网页元素的载体。 绝对定位法层的作用：定位网页元素；与时间轴，行为配合，实现动态页面。创建与修改层。 “插入”“层”，在层属性面板中设置层的参数。层嵌套看到的是子层，父层动子层动，子层动父层不动 层叠加看到的是大层框架概述。 利用框架将网页划分为独立的几个区域，各区域都可显示独立的页面。由框架集和框架组成。框架集用于存储各框架的有关信息；框架是框架集的组成元素，其页面是一个矩形，是整个页面的一部分。创建框架。 “插入”“框架” 主要用法，局部刷新19、 行为概述 行为：以某种方式完成的动作。行为的作用：用以实现浏览者与计算机的交互。行为的组成：事件和动作。事件：完成某一动作的方式。如单击鼠标等。动作：浏览网页时的一些操作。如播放动画等。执行过程：浏览网页时，当触发了某事件后就会执行相应的动作。时间轴概述。 使网页中的对象随时间的变化活动起来，实现动态网页。 时间轴动画的单位是帧，即瞬时静态图。使用时间轴面板。 时间轴移动的主要对象是层。 创建简单的时间轴动画。时间轴的简单应用1、用时间轴控制层的可见性 2、用时间轴控制图片替换（也可通过改变层的Z轴值完成） 3、用时间轴改变层的大小。 4、多条时间轴的使用。5、综合应用。Onclick onoverclick 时间轴：帧 层（宽度，高度，Z轴可以改变）关键帧20、层叠样式表概述。层叠样式表(CSS)是一种可以对网页文档进行精确格式化控制的工具。CSS修改后，使用该CSS的网页文档格式也将自动更新。CSS能够控制多个文档的格式。浏览器的支持：IE 4.0及更高版本。模板概述。用于制作布局和版式相似而内容不同的页面。创建模板必须设置模板的可编辑区域和锁定区域。编辑网页时，只能够编辑可编辑区域。模板与使用了模板的网页之间是链接的关系。当模板改变时，相应的网页也会改变。创建模板。 创建空白模板。 利用一个现成网页来创建模板。20、 表单概述作用：实现浏览者与服务器之间的信息传递，是网络信息收集处理的重要方式。组成： 表单页面。 用于处理表单输入信息的程序。表单创建过程。 “插入”“表单”。 插入各种表单域。各种表单域。文本框：用于输入文本。 单选按钮：选择一组互斥的选项。复选框：表示选中与不选中。 列表框：提供一组可供选择的列表。按钮：“提交”和“重置”按钮。 图片域：用于显示图片或确认按钮。隐藏域：用于浏览器与服务器在后台交换信息。 文件域：用于上传文件。单选按钮相互排斥 id编号或名字相同22、 动态与静态网处理流程数据库概念：关于某个特定主题或目的的相关信息的集合。按数据模型可分为：层次模型、网状模型、关系模型。 关系模型：用二维表来描述数据结构的数据模型。ODBC：开放数据库连接。是微软推出的一种工业标准，它建立了一组规范，并提供了一组对数据库访问的标准API（应用程序编程接口）。这些API利用SQL来完成其大部分任务。一个基于ODBC的应用程序对数据库的操作不依赖任何DBMS，不直接与DBMS打交道，所有的数据库操作由对应的DBMS的ODBC驱动程序完成。ODBC的最大优点是能以统一的方式处理所有的数据库。使用ODBC。通过DSN配置数据源，对数据库进行封装，提供数据源名称进行操作。 配置数据源。 建立连接。关于DSN。 DSN是应用程序用以请求一个连接到ODBC数据源的连接的名字。分类：文件DSN：其细节存储在指定文件中。 系统DSN：可以被登陆到系统的如何用户使用。 用户DSN：创建该DSN的用户才能使用。ADO 由于直接使用ODBC API比较麻烦，所以微软后来又发展出来DAO、RDO、ADO这些数据库对象模型。 使用这些对象模型开发程序更容易。这些模型都支持