.NET网站开发

宜宾学院计算机与信息工程学院 ASP NET 第 1 页 共 15 页 ASP NETASP NET 实验报告实验报告 门户网站的开发门户网站的开发 姓名 姓名 张良军 学号 学号 121102011 班级 班级 计算机系 12 级 2 班 宜宾学院计算机与信息工程学院 ASP NET 第 2 页 共 15 页 一 引言一 引言 近年来随着互联网的快速发展 上至中央高层 下至地方各级政府都开始注重网络民 意 随着互联网的普及与发展 网络作为一种蓬勃发展的新兴媒体 越来越多地发挥出了 畅通民意 表达诉求 舆论监督 参政议政的作用 通过网络问政于民 问计于民 问需 于民 已逐渐成为各级党政领导了解民意 汇聚民智 排解民忧的一种新方式 新途径 只有建立健全收集 分类 交办 督查 反馈的网络问政链条 形成网上听民意 汇民智 聚民心的长效机制 才能促进党委 政府与网民通畅 充分 有效地沟通与互动 实现现 实世界与网络世界的有机对接 随着网络逐步开放 从网络反映出来的民意有很多 众多网民把关于自己切身利益的问题 和观点通过网上来传播 期望得到合理化解决 作为一种与老百姓沟通的渠道 政府部门 开辟网络渠道 很快解答相关政策和问题 这反映了通过 30 年的改革开放 国家的政治经 济运行体制进入关键转型时期后 在老百姓与政府官员 政府部门的互动方式上 进行的 一种新的尝试 改变了以前政府官员高高在上的形象 给老百姓一个平等交流的地位 二 系统设计分析二 系统设计分析 2 1 页面设计主要考虑 1 页面内容要新颖 网页内容的选择要不落俗套 要重点突出一个 新 字 结合自身的实际情况创作出一个独一无二的网站 在设计网页时 要把功夫下在选材 上 选材要尽量做到 少 而 精 又必须突出 新 2 网页命名要简洁 由于一个网站不可能就是由一个网页组成 它有许多子页面 为了 能使这些页面有效地被连接起来 用户最后能给这些页面起一些有代表性的而且简洁易记 的网页名称 2 1 2 页面色彩 1 网站给人的第一印象来自视觉冲击 确定网站的标准色彩是相当重要的一步 不同的色 彩搭配产生不同的效果 并可能影响到访问者的情绪 2 一般来说 一个网站的标准色彩不超过 3 种 太多则让人眼花缭乱 标准色彩要用于网 站的标志 标题 主菜单和主色块 给人以整体统一的感觉 至于其它色彩也可以使用 只是作为点缀和衬托 绝不能喧宾夺主 3 设计网站的标准字体和标准色彩一样 网站标准字体是指用于标志 标题 主菜单的特 宜宾学院计算机与信息工程学院 ASP NET 第 3 页 共 15 页 有字体 一般我们网页默认的字体是宋体 为了体现站点的 与众不同 和特有风格 我 门可以根据需要选择一些特别字体 4 页面设计在图形制作片中我们已提到过色彩在页面中的重要性 在页面中尽量使用看上 去比较淡雅 简洁的色彩 比如背景尽量少用灰暗 深沉的色彩 除非特殊需要 并且根 页面的主题来选择主色调 本站使用天蓝色为背景色 会让使用网站的用户眼睛不那么疲 劳 5 设计网站的宣传标语 也可以说是网站的精神 网站的目标 用一句话甚至一个词来高 度概括 我们的网站 LOGIN 标志如图 2 1 所示 2 1 2 2 政府网站主要数据库建表及其说明 本地新闻表 宜宾学院计算机与信息工程学院 ASP NET 第 4 页 共 15 页 网站栏目表 显示样式表 网站访问记录表 三 网站整体分析三 网站整体分析 3 1 网站功能图 宜宾学院计算机与信息工程学院 ASP NET 第 5 页 共 15 页 首页 首页 泸州 资讯 政务 公开 政府 领导 网上 办事 政民 互动 公共 服务 机构 名录 便民 查询 认识 泸州 图片 新闻 今日 信息 政要 新闻 政策 法规 发展 规划 政务 公开 人事 信息 取件 通知 网上 调查 来信 选登 我要 咨询 阳光 政务 就业 服务 教育 服务 市金 融办 市工 商局 市民 航局 市林 业局 人社 保障 交通 出行 价格 查询 旅游 泸州 发展 泸州 投资 泸州 泸州风 情画 宜宾学院计算机与信息工程学院 ASP NET 第 6 页 共 15 页 3 2 母版设计的实现 为了更好更快的设置政府网站的其他模块 设计一个适用 合理的母版是非常重要的 其 他的页面都是在这母版的基础上得以实现的 是整个网站的载体 以下就是本政府网站的 母版的大概框架如下 FLASH 区 导航栏区 内容区 版权区 MasterPage master 宜宾学院计算机与信息工程学院 ASP NET 第 7 页 共 15 页 FLASH 区 导航栏区 二级栏目区内容区 版权区 CMasterPage master MATERPAGE MASTER代码 泸州市人民政府门户网站 宜宾学院计算机与信息工程学院 ASP NET 第 8 页 共 15 页 a color 000 font size 14px text decoration none a hover color f00 background color Transparent text decoration underline menua color fff font size 14px text decoration none font weight Bold 一般状态下 的颜色为白色 14号字体 无下划线 menua hover color f00 background color Transparent text decoration underline font weight Bold 加上 hover表示当鼠标放置在超级链接上时文字颜色变为 红色 背景变为透明 文字修饰加上下划线 voiddiv position relative margin auto text align center width 1010px background color a6ddf7 li color 99ab77 li a text decoration none line height 28px overflow hidden xxzxTitle li margin 6px 0 text decoration none list style type none clear both xxzxTitle li a color 000 text decoration none overflow hidden text overflow ellipsis white space nowrap xxzxTitle li a hover color 666 xxzxTitle li div float left 宜宾学院计算机与信息工程学院 ASP NET 第 9 页 共 15 页 xxzxTitle li span float right document ready function 图片滚动效果 var num lins timer n lin idSlider2 getElementsByTagName li length st new SlideTrans idcontainer lin2 idSlider2 n onStart function 设置按钮样式 forEach num lins function o i o className st Index i on for var i 1 i n Addnum lin i function Addnum lin i var num lin lin idnum lin appendChild document createElement li num lin innerHTML i num lin onmouseover function timer setTimeout function num lin className on st Auto false slide title 6 a eq 0 attr href idSlider2 li a eq i attr href slide title 6 a eq 0 text idSlider2 li img eq i attr alt st Run i 200 num lin onmouseout function clearTimeout timer num lin className st Auto true slide title 6 a eq 0 attr href idSlider2 li a eq i attr href slide title 6 a eq 0 text idSlider2 li img eq i attr alt st Run i num lins i num lin 宜宾学院计算机与信息工程学院 ASP NET 第 10 页 共 15 页 st Run i a attr target blank CMASTERPAGE MASTER代码 泸州人民政府门户网 aa overflow auto 自动出现滚动条 超出div部份则自动隐藏 overflow x hidden 宜宾学院计算机与信息工程学院 ASP NET 第 11 页 共 15 页 div自动出现垂直滚动条 overflow y auto a color 000 font size 14px text decoration none a hover color f00 background color Transparent text decoration underline menua color fff font size 14px text decoration none font weight Bold 一般状态下 的颜色为白色 号字体 无下划线 menua hover color f00 background color Transparent text decoration underline font weight Bold 加上 hover表示当鼠标放置在超级链接上时文字颜色变为 红色 背景变为透明 文字修饰加上下划线 voiddiv position relative margin auto text align center width 1010px background color fff li color 99ab77 li a text decoration none line height 28px overflow hidden xxzxTitle li margin 6px 0 text decoration none list style type none clear both xxzxTitle li a color 000 text decoration none overflow hidden text overflow ellipsis white space nowrap xxzxTitle li a hover color 666 xxzxTitle li div 宜宾学院计算机与信息工程学院 ASP NET 第 12 页 共 15 页 float left xxzxTitle li span float right 宜宾学院计算机系级班张良军办TEL 9090980 地址 舍 邮箱 hi 版权所有 盗版要先说 宜宾学院计算机与信息工程学院 ASP NET 第 13 页 共 15 页 3 3 首页设计 首页界面是整个网站的 面部 它的设计和布局是至关重要的 3 3 1 首页界面的实现 运行界面如下 导航栏下的滚动图片与二级栏目图片新闻相连 旁边与今日信息栏目相连 焦点新闻 与多个栏目相连 实现代码如下 BLL Article newslist new BLL Article nxkx InnerHtml newslist get Content D 22 1 10 根据栏目类型获取该类型下 所有栏目中的新闻信息 参数 C 表示 南溪快讯 类型 22表示没条新闻显示22个字符的标题 1表示显示 日期 10表示在层中只显示10条新闻 picimg1 Content newslist get movetp C 6 从南溪快讯中获取类型为图片新闻的 新闻 xxfk InnerHtml newslist get Content A 22 1 10 泸州风情画栏目与认识泸州下的泸州风情画相连 下面加上一串自作向右无间隙滚动 图片 让本来单调的网页多了点动感 实现代码如下 宜宾学院计算机与信息工程学院 ASP NET 第 14 页 共 15 页 var speed 30 demo2 innerHTML demo1 innerHTML demo scrollLeft demo scrollWidth function Marquee if demo scrollLeft 0 demo scrollLeft demo2 offsetWidth else demo scrollLeft var MyMar setInterval Marquee speed demo onmouseover function clearInterval MyMar demo onmous