网页设计-教育类网站的设计.pdfVIP

项目3　 教育类网站的建设——新闻发布系统的制作 任务1. 教育网站规划 任务2.制作静态页面 任务３.新闻发布系统的准备、信息的录入 任务４. 新闻系统的首页、内容及评论页 任务1 教育类网站规划 任务1.1 网站主要栏目和架构 目前调查显示，相当部分的学生已具备了计算机和互联网知识，而且将近 半数的学生有过上网的经历，他们不喜欢教案式、参考书式的网上内容，而 喜欢生动的、新鲜的、交流互动性强的学习内容。 本网站主要栏目分为 “校园介绍”、 “校园新闻”、 “教育教学”、 “学 生天地”、 “情感小屋”、 “校园论坛”等几个栏目。 任务1 教育类网站规划 任务1.2 网站主要功能页面 新闻发布系统是把网站上需要经常 变动的信息，类似公司动态、企业新 闻、促销活动和行业动态等更新信息 集中管理，并通过信息的某些共性 进行分类，最后系统化、标准化发布 到网站上。 基本的新闻发布系统主要有4个页 面组成，添加新闻分类页面 addnews_type.asp、添加新闻内容 页addnews.asp、新闻系统首页 news.asp、新闻内容及评论页 shownews.asp 。 任务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：将光标置