教育类网站的建设新闻发布系统的制作.ppt

* 项目3　 教育类网站的建设——新闻发布系统的制作 任务1. 网站规划准备 任务2.制作静态页面 任务３.新闻发布系统的准备、信息的录入 任务４.?新闻系统的首页、内容及评论页 任务1.1 ?网站主要栏目和架构 目前调查显示，相当部分的学生已具备了计算机和互联网知识，而且将近半数的学生有过上网的经历，他们不喜欢教案式、参考书式的网上内容，而喜欢生动的、新鲜的、交流互动性强的学习内容。 本网站主要栏目分为“校园介绍”、“校园新闻”、“教育教学”、“学生天地”、“情感小屋”、“校园论坛”等几个栏目。 任务1 教育类网站规划 任务1.2 网站主要功能页面 新闻发布系统是把网站上需要经常变动的信息，类似公司动态、企业新闻、促销活动和行业动态等更新信息集中管理，并通过信息的某些共性 进行分类，最后系统化、标准化发布到网站上。 ???基本的新闻发布系统主要有4个页面组成，添加新闻分类页面addnews_type.asp、添加新闻内容页addnews.asp、新闻系统首页news.asp、新闻内容及评论页shownews.asp。 任务1 教育类网站规划 任务1.3???创建本地站点 建设站点前先将效果中的“06”文件夹拷贝到本地硬盘上，这里将整个站点文件拷贝到本地文件夹中，然后利用DreamweaverCS3创建一个本地站点。 任务1.4??搭建IIS平台 启动IIS，在【默认网站属性】对话框【主目录】选项卡中设置【本地路径】。 任务１.５???创建数据库 任务２.1??制作顶部文件 任务２??制作静态页 步骤01：新建一空白文档，将其另存为index.html,选择【修改】|【页面属性】命令，弹出【页面属性】对话框，在对话框中将【左边距】、【右 边距】、【上边距】和【下边距】分别设置为0，如图4.10所示。 步骤02：单击【确定】按钮，设置页面属性。将光标置于页面中，选择【插入记录】|【表格】命令，插入1行2列的表格，此表格记为“表格1”， 将【对齐】设置为【居住对齐】。 步骤03：将光标置于表格1的第1列单元格中，插入背景图像images/top_bg1.jpg，将【高】设置为28，【宽】设置为486 步骤04：将光标置于背景图像上，插入1行1列的表格，此表格记为“表格2”，将【背景颜色】设置为#EBF5FF 步骤５：插入时间 步骤06：将光标置于表格1的第2列单元格中，插入图像images/top_2.jpg 步骤07：将光标置于表格1的右边，插入2行1列的表格，此表格记为“表格3”，将【对齐】设置为【居中对齐】， 步骤08：将光标置于表格3的第1行单元格中，插入图像images/banner.jpg 任务２??制作静态页 任务２.2??制作信息中心部分 步骤01：将光标置于表格3的右边，插入2行2列的表格，此表格记为“表格4”，将【对齐】设置为【居中对齐】，【背景颜色】设置为#FFFFFF . 将光标置于表格4的第1行第1列单元格中，将【垂直】设置为【顶端】，【宽】设置为195，插入4行1列的表格，此表格记为“表格5”. 步骤03：将光标置于表格5的第1行单元格中，插入图像images/xxzx_2.jpg 步骤04：将光标置于表格5的第2行单元格中，将【垂直】设置为【顶端】，插入背景图像images/xxzx_6.jpg,将光标置于背景图像上，插入7行1列 的表格，此表格记为“表格7”，在属性检查器中将【填充】设置为5，【对齐】设置为【居中对齐】， 任务２??制作静态页 任务２.3???制作站内搜索 任务２??制作静态页 制作站内搜索部分的具体操作步骤如下。 步骤01：将光标置于表格5的第3行单元格中，插入图像images/xxzx_13.jpg 步骤02：将光标置于表格5的第4行单元格中，在属性检查器中将【对齐】设置为【居中对齐】，插入背景图像images/xxzx_28.jpg,选择【插入记录】|【表单】|【表单】命令，插入表单 步骤03：将光标置于表单内，插入4行1列的表格，此表格记为“表格7”，将【对齐】设置为【居中对齐】， 步骤04：将光标置于表格7的第1行单元格中，选择【插入记录】|【表单】|【列表/菜单】命令，插入列表菜单，在属性检查器中单击列表值按钮，弹出【列表值】对话框。 步骤05：在对话框中输入相应的列表值，单击【确定】按钮，添加到属性检查器中的“初始化时选定”文本框中，【类型】选择【列表】，【高度】设置为1 任务２??制作静态页 步骤06：按照步骤4～5的方法在表格7的第2列单元格中插入列表/菜单 步骤07：将光标置于表格7的第3行单元格中，输入相应的文字，选择【插入记录】|【表单】|【文本域】命令，插入文本域，在属性检查器中将【字符宽度】设