网页制作教程-项目

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,项目九 网站动态化,项目9 网站动态化,【学习目标】,了解CMS网站管理系统,会制作网站模版,掌握网站运行环境设置,任务9.1 认识CMS,【任务说明】,网络用户越来越倾向于能够实现信息更新和在线交流的网站，而静态网页文件编写完成之后，其内容不会再发生变化，这就需要用到动态网站技术，实现网页的交互性。,【任务分析】,本任务主要是对CMS管理系统的功能和种类进行介绍，具体内容包括：,CMS简介,中小型企业常用CMS,CMS简介,根据不同的需求，CMS有几种不同的分类方法。比如，根据应用层面的不同，可以被划分为：,（1）重视后台管理的CMS,（2）重视风格设计的CMS,（3）重视前台发布的CMS,中小型企业常用CMS,1.动易CMS管理系统,是国产AspCMS中非常强大的系统，功能较强。包括个人版、学校版、政府版、企业版，后台包括的功能有信息发布、类别管理、权限控制、信息采集，而且跟第三方的程序比如论坛、商城、Blog可以完美结合，基本上可以满足一个中小型网站的要求。,2.风讯,风讯的系统功能强大，自由度高，是现在人气比较高的系统之一，可以根据自己的想法做出一个网页从而建立一个有自我风格的网站，更新速度快，不断有新的版本出现，现在又开放采集、下载、投稿、图片整站管理系统，第三方整合等功能，开源是它最大特点。缺点就是后台人性化较差，学习有点难度，没有默认的模板。,中小型企业常用CMS,3.帝国网站管理系统,包含了比如数据库管理、论坛、新闻、下载、flash、域名交易系统等，还包括JSP的版本。ECMS的功能非常多，包括下载、flash、商城、图片、新闻、友情链接、广告管理等。,4.“讯时”网站管理系统,“讯时”网站管理系统包括了强大的后台文章编辑器的功能。可方便地用拖动的方式进行图文混排、图片远程上传、上传图片显示效果处理等操作，以及“从Word中粘贴”功能，能全部清除Word排版格式多余代码。能自由编辑（HTML）栏目模版，可设置多个模版。有方便的栏目管理功能及栏目的动态调用。安全性较高，可进行IP地址阻止设置，防止恶意人员破坏。,任务9.2 制作网站模板,【任务说明】,以博海实验中学首页为例，制作CMS网站模版。,【任务分析】,本任务主要完成博海实验中学网站模版制作，共分为以下两项内容：,制作首页模版,制作列表页和内容明细页模版,制作首页模版,在首页中需要两种类型的数据：一种是不需要更新的，如学校LOGO、导航、页脚信息等；一种是需要实时更新的，如学校公告。,对于页面中不需要更新的内容用以前的方法，对图像利用切片工具所生成的切片予以保留，在DreamWeaver中完成网页制作后添加相应的链接即可。,对于页面中需要更新的位置则需要留白。即在DreamWeaver中将相关的切片删除，或在需要保留背景的地方将图像作为表格或DIV的背景。完成后如图9-1所示，校园公告内容具体列表的单元格为空。,制作首页模版,图9-1 博海实验中学首页模板制作,制作列表页和内容明细页模版,与首页模版的制作基本相同。用户可以通过表格或DIV布局内容明细模板，效果如图9-2所示。,图9-2 博海实验中学内容显示页模板制作,任务9.3 网站动态化,【任务说明】,本任务主要讲解网站运行环境的配置、CMS网站系统后台管理及列表、内容明细页的动态化等设置。,【任务分析】,根据任务要求来看，完成本任务需要进行以下几个方面的工作：,网站运行环境配置,后台管理,首页动态化,列表页动态化,内容明细页动态化,网站运行环境配置,IIS是Windows NT版本的可选包，安装Windows 2000和Windows Server 2003时可默认安装，但在普遍使用的Windows XP 版本上并没有IIS。,1.安装IIS,（1）把Windows XP professionalal光盘放入光驱中。,（2）在“开始”“设置”“控制面版”中点击“添加或删除程序”，进而点击“添加/删除Windows组件”。,（3）选中第二项（Internet信息服务IIS），点击“下一步”，系统自动安装IIS这个组件。点击“完成”IIS组件就装入系统中。,网站运行环境配置,2.配置网站服务器,（1）在“开始”“设置”“控制面版”中找到“管理工具”，点击“管理工具”，进而选择“Internet 信息服务”。,（2）用鼠标选中“默认网站”，然后点击右键出现快捷菜单，选择菜单上的“属性”命令后，出现“默认网站属性”窗口。单击“主目录”选项卡，将“主目录”中的本地路径设置为网站存放目录。本例中保存在D盘WEB目录下。,（3）设置访问权限。如果没有特别需要，保留系统默认值，因本例中需要上传数据所以将“主目录”选项卡下的写入权限勾选。,（4）最后单击“确定”，完成设置。,网站运行环境配置,3.测试网站运行环境,在IE浏览器地址栏内输入“http:/localhost/”，（或输入http:/127.0.0.1）如果正常的话，即可显示WEB文件夹下的内容。将从网上下载的“讯时”压缩包解压后放至该目录下。,4.汇总资源,将任务9.2中制作的首页模版、列表页和内容明细页模版及图像等资源拷入D盘下WEB文件夹中，将所做的首页模板文件更名为Index.asp，再次打开IE，并在地址栏输入。,后台管理,打开IE，在地址栏输入如http:/127.0.0.1/login.asp可以进入“讯时”的后台管理登陆界面，默认用户名、密码均为admin，按提示输入用户名、密码及验证码后即可进行后台管理界面，如图9-8所示。,图9-8 后台管理窗口,后台管理,1.栏目添加,点击后台管理页面左侧的“栏目”打开栏目管理页面，可以任意增加一级栏目与二级、三级栏目。“讯时”网站管理系统最多只能建三级栏目。依据博海实验中学网站内容的实际需求，创建学校公告、学校概况、校园新闻等一级栏目只需调试CMS，现仅以学校公告为例，添加完成后栏目窗口如图9-9所示。,后台管理,图9-9 栏目添加,后台管理,2.数据添加,设定好栏目之后，就可以为每个栏目添加内容了。点击后台管理页面左侧的“文章增加”打开文章增加页面（校园公告的添加也使用此功能，“讯时”是内容管理系统，文章增加即是向数据表写入新记录的过程），如下图9-10所示。,后台管理,图9-10 文章增加,首页动态化,首页的元素不需要反复使用，其实首页可以不作为模板使用。利用“讯时”网站管理系统实现首页动态化时仅仅牵扯代码调用的问题。,（1）利用Dreamweaver创建站点，将D:/WEB做为网站目录，将站点起名为“博海实验中学”。,（2）获取调用代码：点击后台管理页面的代码调用链接，打开代码调用页面，选择要调用的栏目，如首页中要显示新闻动态栏目的内容。,（3）利用Dreamweaver打开Index.asp文件，进入代码状态，在需要显示新闻动态列表的位置加入JS代码。,列表页动态化,1.文字新闻（内容）列表模板制作,2.图片新闻（内容）列表模板制作,3.将模板放入“讯时”,4.将栏目绑定到模板,5.测试,相关知识,1.CMS的发展,CMS从2000年开始成为一个重要的应用领域，CMS能够通过对企业各种类型的数字资产的产生、管理、增值和再利用，改善组织的运行效率和企业的竞争能力，企事业单位也开始认识到内容管理的重要性。,从企事业单位信息化的观点来看，以下因素导致对CMS软件的巨大需求：,（1）信息的及时性和准确性,无论在企业内网还是外网，信息的更新越来越快，企事业单位的信息生产量越来越多，且呈现成倍增长的趋势，企事业单位更需要的是一个功能强大、可扩展的、灵活的内容管理技术来满足不断的信息更新、维护，这时如何保证信息的准确性和真实性将越来越显得重要。,相关知识,（2）企业内外网统一的需求增长,随着企事业单位信息化的建设，内联网和外联网之间的信息交互越来越多，优秀的内容管理系统对企业内部来说，能够很好地做到信息的收集和重复利用以及信息的增值利用，对于外联网来说，更重要的是真正交互式和协作性的内容。,2.CMS的分类,根据不同的需求，CMS有几种不同的分类方法。比如，根据应用层面的不同，可以被划分为：,（1）重视后台管理的CMS,（2）重视风格设计的CMS,（3）重视前台发布的CMS,相关知识,3.CMS的功能,（1）信息发布,功能强大而操作简单的信息发布系统，将网页上某些需要经常更新变动的信息，如企业新闻、行业动态、企业大记事等信息通过共性集中管理，通过已有的网页模板格式和审核流程，最后系统化、标准化发布到网站上应用。大大减少网站维护更新的工作量，简化到只需录入文字和上传图片。,（2）商品发布,将网站上的产品标准化发布管理，后台可管理每个产品的编码、型号、价格、数量、产品介绍等详细信息，前台可分类别浏览产品以及详细信息，注册会员可在线订购产品。,（3）栏目管理,与前台网站结构相对应，可在后台自行添加、修改子栏目，通过已有网页模板格式标准化，添加子分类只许输入栏目名称，选择对应的类型和模板就可完成添加操作。,相关知识,3.CMS的功能,（4）资源生成,即网站资源批量生成系统。对于资源信息多的网站，资源生成是最大的工作量，批量生成可以提高效率。支持整网站与单独频道生成，可按年、月、日，审核与未审核等条件进行需求生成。,（5）留言系统,留言系统也担负着网站对外宣传、发布消息、收集客户反馈的重任，是网站、单位内联网必不可少的一部分。,（6）会员系统,浏览者在线填写前台会员注册表，经管理人员审核后成为正式会员，会员可在前台登录维护个人信息。后台可查看以及增加、修改客户信息。会员注册可有效的为企业积累客户信息资源。,想一想,中小型企业常用CMS,。,IIS的安装,。,CMS管理系统的发展,。,CMS管理系统的功能,。,测试网站运行环境,。,做一做,制作网站首页；,制作列表页和内容显示页模板；,为页面添加调用代码；,在后台添加测试分类及内容数据；,测试页面。,