logo资料库

采用visual studio2008制作网页详细教程.doc

第1页 / 共163页
第2页 / 共163页
第3页 / 共163页
第4页 / 共163页
第5页 / 共163页
第6页 / 共163页
第7页 / 共163页
第8页 / 共163页
资料共163页,剩余部分请下载后查看
新闻网站制作详解
第0章 系统特点
第1章 新闻网站基础工作
1.1 建立网站文件夹
1.1.1 启动VS2008
1.1.2 新建网站
1.1.3 定义网站所在的文件夹
1.1.4 网站开发界面
1.1.5 现有网站的的打开
1.2 网站数据库建立
1.2.1 加入数据库文件
1.2.2 配置网站安全
1.2.3 使用安全向导简化操作过程
1.2.4 定义安全验证
1.2.5 启用角色
1.2.6 创建角色
1.2.7 创建用户
1.3 网站数据表的建立
1.3.1查看数据库表
1.3.2 建立用户数据表
1.3.3 建表SQL代码
1.3.4 运行SQL代码建表
1.4 查看建好的用户表
小结
第2章 母版页和CSS文件
2.1 母版页
2.1.1 母版页文件及所在文件夹
2.1.2 母版页的设计布局
2.1.3 母版页的HTML主要代码
2.2 CSS样式文件
2.2.1 建立CSS样式文件
2.2.2 CSS文件的代码结构
2.3 CSS文件的应用
2.3.1 引用CSS文件
2.3.2 查看CSS样式作用结果
2.4 网页上加载图片或flash
2.4.1 准备图片及flash文件
2.4.2 加载图片
2.4.2加载flash文件
小结
第3章 栏目页操作
3.1 建立栏目文件夹及栏目管理页
3.1.1 建立栏目及新闻文件夹
3.1.2 新建栏目管理页
3.2 栏目页设计制作准备
3.3 栏目页中GridView对象操作
3.3.1 加入GridView1对象
3.3.2 GriaView1的任务
3.3.3 配置GriaView1对象的数据源
3.3.4 GriaView1对象数据源中表配置
3.3.5 数据源中生成SQL代码
3.4 GriaView对象的列操作
3.4.1 编辑GriaView1对象中列
3.4.2 调整GriaView1中用于显示的列
3.4.3 GriaView对象的属性设置
3.5 栏目页中FormView对象
3.5.1 加入FormView1对象
3.5.2 为FormView1对象配置数据源
3.5.3 删除FormView1多余的模板
3.6 FormView1中的模板布局
3.6.1 对InsertItemTemplate模板用Table美化布局
3.6.2 FormView1对象初始显示模式设定
3.6.3 网页运行效果查看
3.7 lmio.aspx页的运行操作
3.7.1自动套用格式—最快的美化
3.7.2 网页操作提示----必须学会
3.7.3 更新操作时的错误纠正
3.7.4 排序输入中的数字限制
小结
4 新闻页操作
4.1 新闻操作页的类型
4.1.1 新建新闻操作各页
4.2 新闻新增页
4.2.1 设计新闻新增页
4.2.2 使用FormView对象
4.2.3 FormView对象数据源选择表
4.2.4 设置FormView对象模板
4.2.5 InsertItemTemplate模板Table布局
4.2.6 内置DropDownlist对象
4.2.7 新闻内容输入框设计
4.2.8 页面间的链接—从本页转到新闻列表页
4.2.9 运行新闻新增页
4.2.10 修改新闻页标题
4.2.11 使用在线编辑器
4.2.12 使用存储过程进行优化处理新增页
4.3 新闻列表页
4.3.1 创建用于新闻列表页的存储过程
4.3.2 新闻列表页设计
4.3.3 定义栏目标签,新闻列表标签的样式
4.3.4 定义newslist.aspx页的下拉框对象
4.3.5 定义newslist.aspx页的GridView对象
4.3.6 设计newlist.aspx页的GridView1对象
4.3.7 编辑GridView1对象模板列Column[0] 栏目列
4.3.8 编辑GridView1对象模板列Column[4] 编辑列
4.3.9 编辑GridView1对象模板列Column[5] 删除列
4.4 新闻编辑页
4.4.1 新闻编辑页设计newsedit.aspx
4.4.2 FormView对象设置
4.4.3使用存储过程进行优化处理编辑页
4.4.4使用在线编辑器
小结
5 主页----标题列表与链接,新闻显示页
5.1新闻显示页类型
5.1.1新建新闻显示各页
5.2 主页----新闻标题列表页
5.2.1 设计主页—外层Dataist—栏目
5.2.2设计主页—内层Dataist—新闻标题
5.2.3 为栏目名和新闻标题挂上链接
5.2.4 为标题加上一个图标指示
5.3 设计新闻内容页 Disp.aspx
5.3.1 使用formview对象显示新闻
5.3.2 设置FormView1对象模板
5.4设计新闻同栏目标题页newsLmBt.aspx
5.4.1 设计newsLmBt.aspx
5.4.2 编辑DataList1的模板
5.4.3 挂接链接
小结
6 新闻分隔页
6.1 静态的分隔页
6.1.1 静态新闻分隔页的效果图
6.1.2 静态新闻分隔页CSS代码
6.1.3 静态新闻分隔页HTML完整代码
6.1.3 静态新闻分隔页HTML功能代码块分析
6.1.4 从外部引用Javascript代码
6.2 动态新闻分隔页HTML功能代码块生成
6.2.1 分隔页控件的制作
6.2.2 分隔页控件加入index.aspx页中
小结
7 图片文件上传与链接
7.1 图片文件上传操作的前期工作
7.1.1新建上传文件数据库表
7.1.2建立上传文件的文件夹,存放文件夹
7.1.3文件上传操作页功能
7.2 图片上传页jpgUp.aspx制作
7.2.1 jpgUp.aspx功能设计要求
7.2.2 jpgUp.aspx的信息输入界面
7.2.3 jpgUp.aspx的图片信息显示界面
7.2.4 jpgUp.aspx的图片信息显示界面2
7.2.5 jpgUp.aspx页的用户操作代码
7.2.6 jpgUp.aspx页的完整代码
7.3 各类图片的显示(由用户控件完成)
7.3.1 静态流动图片的显示
7.3.2 动态显示流动图片的用户控件
7.3.3 静态翻页图片的显示
7.3.4 动态显示翻页图片的用户控件
7.3.5 静态图片显示的用户控件
7.4用户控件的使用
7.4.1重新设计母版页1
7.4.2重新设计母版页2
小结
8图片链接页jpglink.aspx的制作
8.1 图片链接页的母版页制作
8.1.1母版页linkMaster.master的专用CSS文件
8.1.2 建立母版页linkMaster.master
8.2 图片链接页jpglink.aspx制作
8.2.1页内标题制作
8.2.2 局部使用Table定位
8.3 数据大类显示与操作
8.3.1 数据大类列表对象
8.4 数据项显示与操作
8.4.1 图片数据项制作
8.4.2 新闻标题数据项制作
8.4.3 挂链接代码
小结
9 视频的使用
9.1 视频的前期准备工作
9.1.1 建立视频数据表
9.1.2建立操作视频数据表的存贮过程
9.1.3 新建视频文件夹
9.1.4视频操作各页的功能
9.2 视频文件的FTP上传页
9.2.1 新建视频FTP页(文件名filmftp.aspx)
9.2.2 制作视频FTP页界面1
9.2.3 制作视频FTP页界面2
9.2.4 视频播放的代码
9.2.5 制作视频FTP页界面3
9.2.6 filmftp.aspx页的操作
9.3视频上传及说明编辑页
9.3.1 新建视频上传及说明编辑页(文件名filmUp.aspx)
9.3.2 制作视频上传及说明编辑页
9.3.2修改调整复制部分对象及代码
6 网站安全设置
6.1 启动Asp.net配置(网站安全)
6.1.1 启动Asp.net网站管理工具
6.1.2 为用户挂上角色
6.1.3 加入登录页login.aspx
6.1.4 在login.aspx页中加入登录控件
7 菜单
7.1菜单
小结
12网站的发布与安装
新闻网站制作详解 第 0 章 系统特点 实用的新闻内容网站管理系统,可通过后台管理系统创建各种类型的文章栏目,灵活设置页面显示版 块;可自定义会员类型,针对不同会员类型授权不同操作管理权限;具有丰富的广告发布形式和多项辅助 功能,适合创建新闻内容网站、大型文章网站。 1、自由创建新闻中心栏目 可自由创建一个或多个新闻中心型栏目,新闻中心型栏目前台具有新闻首页、检索页、搜索页、内容 页,各页面均可自由设置页面布局,可自由输出新闻文章列表、图文新闻等版块。可以用来建立富有层次 的新闻文章栏目。创建多个新闻中心栏目,可以构建大型文章网站。 2、自由创建多种类型的文章内容栏目,适合不同规模网站的需要 1) 分类文章型栏目:访问栏目直达检索页、适合建立小型文章栏目。 2) 章节文章型栏目:用于大篇幅的手册、论文、作品、法律法规等,按章节分页显示。 3) 模版单页型栏目:用于建立只有一个网页的栏目,可自由设置页面布局 3、任意的首页排版布局 通过修改模版可任意调整首页版块布局,支持多个首页版块,每个版块可自由编辑或选择插入网站中 的动态内容。 4、灵活的内页排版布局 每个栏目的功能网页都可以自由选择使用通栏、左栏、右栏、三栏模版页,自由增减版块,自由编辑 版块内容或插入显示模块。 5、文章动态输出 1)可生成动态文章插件,将新闻文章动态显示在网站任何页面或内容中 2)可生成 JS 代码插件,将新闻文章内容插入任何外部网站 6、可自由控制会员操作权限 可以将不同栏目分别授权,并授权给不同会员 7、独立会员系统,自由设定会员类型 系统自带功能强大的会员系统,可以自由设定会员类型,自由分配每一类、每一位会员的权限。 8、强大的网站广告管理系统 支持弹出窗口、旗帜广告、通栏广告、浮动广告、对联广告、挂角广告等广告类型。 9、功能强大的在线网页编辑器 可任意编辑图文内容,插入多幅图片、FLASH、媒体,图文混排,还具有查找替换等功能。 10、网站辅助功能丰富,具有以下辅助功能 1) 动态缓存系统:针对不同栏目设置缓存,提高访问速度 2) 统计分析系统:网站访问统计、计数功能,特有的顾客兴趣分析功能 3) 投票调查系统:可创建多个投票组,插入到网站的任何位置 4) 友情链接系统:发布图片或文字友情链接,插入到网站任何位置 5) 数据备份系统:实时倒出网站数据库进行数据备份 注意:以上描述是对一个标准新闻网站的全功能定义,本书建立的新闻网站没有做全这些功能。读者可 以自己添加。 1
第 1 章 新闻网站基础工作 该新闻网站可以使用 Visual Studio 2008 系统开发,也可以使用 VS2005 系统开发。但建议使用 VS2008 来做。 1.1 建立网站文件夹 1.1.1 启动 VS2008 图 1.1-1 启动开发系统 vs2008 1.1.2 新建网站 此处是从 0 开始建立一个网站。以后就可以使用打开网站了。 1.1.3 定义网站所在的文件夹 图 1.1-2 选择新建--网站 在位置直接输入路径 F:\WebNews,点“确定”,即建立此文件夹,再点“确定”即可建立网站。 2
1.1.4 网站开发界面 图 1.1-3 确定网站所在的路径 在网站的开发界面中要重点知道以下几个命令图标:“刷新”用于将外部复制到网站文件夹中文件加 载显示到网站资源之中。“资源管理”打开解决方案资源管理器窗口。“属性”页面处于设计页打开属性窗 口。“工具箱”打开工具箱窗口。“设计”进入网页的视图设计器界面。“源”进入网页的 HTML 代码页。 图 1.1-4 工作界面 3
如图 1.1-5。 1.1.5 现有网站的的打开 图 1.1-5 常用的命令图标 1.对已经建立好的现有网站,且在“最近的项目”中已经列出,可直接点击网站名打开。如图 1.1-6 图 1.1-6 打开已有网站的界面 2.对在别的电脑上建立好的网站,要在本电脑上进行开发。操作过程是:第一步是先将整个网站文 件夹直接复制过来,例如原电脑中网站文件夹为 D:\WebNews,复制过来可变为 F:\WebNews。 注意是在根目录之下(D:\,F:\都是根目录,这是今后对程序调试跟踪的要求)。第二步是点“菜单”, 点“打开”,在“打开网站”窗口中找到并选中 F:\WebNews 文件夹,再点击“打开”,即完成了从别的电 脑复制网站的工作。如图 1.1-7。 4
图 1.1-7 打开未列出网站的界面 1.2 网站数据库建立 1.2.1 加入数据库文件 此处为简化操作,且为以后的网站安全做好准备,所以没有自己另外建立数据库,而直接使用的是由 系统提供的安全数据库 Aspnetdb.mdf,这样网站数据和安全数据共用一个数据库,这种共用完全可以应对 任何中型企业对网站的基本要求。安全性能也不错。 将鼠标移动到图标 之上,点击,打开 ASP.NET 网站配置管理工具。如图 1.2-1 图 1.2-1 启动 ASP.NET 配置 1.2.2 配置网站安全 在网站管理工具中点击“安全”项 5
图 1.2-2 网站管理工具主页 1.2.3 使用安全向导简化操作过程 在安全页中点击“使用安全设置向导按部就班地配置安全性”。如图 1.2-3 图 1.2-3 网站管理工具安全页 6
1.2.4 定义安全验证 点“下一步”,选中“通过 Internet”, 再点“下一步”。互联网上的网站一般是采用这种格式。单位内 部的网站则多采用“通过局域网”,其安全性更好。如图 1.2-4 1.2.5 启用角色 图 1.2-4 网站访问方式选择“通过 Internet” 角色管理使得能够通过创建的类别(称为“角色”)管理应用程序的授权。通过在用户上附加角色,可 以通过角色控制对 Web 应用程序的不同部分或功能的访问,从而取代基于用户名的控制,或者作为对基 于用户名的控制方式的补充。例如,员工应用程序可能具有诸如“经理”(Managers)、“雇员”(Employees)、“主 管”(Directors) 等角色,并为每种角色指定了不同的特权。 用 户 可 以 具 有 多 种 角 色 。 例 如 一 个 论 坛 中 , 有 些 用 户 可 能 同 时 具 有 “ 成 员 ”(Members) 和 “ 版 主”(Moderators) 角色。每种角色定义了在站点中拥有不同的特权,同时具有两种角色的用户将可同时使用 两组特权。 角色是网站中权限的载体,一般说法是:先对角色授权,再将角色赋给用户,用户就具有了角色的权 限,一个角色可以赋给多个用户,一个用户也可以有多个角色。 勾选中“为此网站启用角色”, 点“下一步”。如图 1.2-5 图 1.2-5 启用角色 7
1.2.6 创建角色 为网站创立两个角色,分别取名为 adminRo(网站管理员,最高权限),useRo(网站用户,负责新闻 操作),点“下一步”。 注意:角色名可任取,只要求见名识意。如图 1.2-6 1.2.7 创建用户 图 1.2-6 建立两个角色 为网站创建两个用户,分别取名为 admin(网站管理员,最高权限),use(网站用户,负责日常操作), 点“下一步”。 admin 用户密码为 admin@163.com,use 用户密码为 use@163.com。如图 1.2-7。 因为网站的架构还未建立起来,所以对网站的角色和用户设置访问权限规则为时过早,等网站主体开 发完成以后再来设置访问规则比较恰当。此处点“完成”,然后关闭网站配置工具。下一次 ASP.NET 网站 管理工具的使用要等到网站网页完全做好,最后的访问权限设置工作时。 注意:用户密码最少长度为 7 位,且要含有字母,数字,符号等多种,否则系统不承认。 图 1.2-7 网站中创建两个用户后即关闭此工具 8
分享到:
收藏