欢迎来到微传网! | 帮助中心 分享文档,创造价值!

微传网

全部分类
  • 办公文档>
    办公文档
    往来文书 招标投标 传真信函 解决方案 事务文书 活动策划 股份制文书 调研文书 规章制度 统计图表 PPT模板素材 工作计划 工作总结 会议纪要 产品手册 课程设计 求职简历 通知/申请 演讲致辞 说明文书 词典 简明教程 办公软件应用 教育范文
  • 中学教育>
    中学教育
    中学课件 中考 高考 中学作文 职业教育 试题 教学研究 竞赛题 高考英语 初中教育 高中教育 体育理论与教学 中学实验 音乐美术
  • 幼儿/小学教育>
    幼儿/小学教育
    幼儿教育 小学课件 学习方法 课外知识 爱心教育 教育管理 小学教育
  • 高等教育>
    高等教育
    研究生课件 大学课件 理学 工学 哲学 历史学 教育学 农学 思想政治 专业基础教材 生物学 语言学 微积分 统计学 实验设计 科普读物
  • 论文>
    论文
    期刊/会议论文 开题报告 经济论文 管理论文 社科论文 文学论文 医学论文 哲学论文 艺术论文 法律论文 自然科学论文 通讯论文 论文指导/设计 毕业论文 大学论文
  • 管理/人力资源>
    管理/人力资源
    经营企划 销售管理 代理连锁 工程管理 信息管理 资本运营 企业信息化 市场营销 广告经营 项目管理 营销创新 招聘面试 人事档案 员工关系 企业文化 宣传企划 企业文档 公司方案 商业合同 财务报表 励志书籍工具 咨询培训 劳动就业 商务礼仪 地方省市劳动合同 管理学资料 创业
  • 经济/贸易/财会>
    经济/贸易/财会
    经济学 财政/国家财政 商品学 市场分析 进出口许可 贸易 网络营销/经济 税收 稽查与征管/审计 资产评估/会计
  • IT计算机>
    IT计算机
    计算机原理 PHP资料 linux/Unix相关 C/C++资料 Java .NET windows相关 开发文档 管理信息系统 软件工程 网络信息安全 网络与通信 图形图像 行业软件 人工智能 计算机辅助设计 多媒体 软件测试 计算机硬件与维护 网站策划/UE 网页设计/UI 网吧管理 电子支付 搜索引擎优化 服务器 电子商务 Visual Basic 数据挖掘与模式识别 数据库 Web服务 网络资源 Delphi/Perl Python CSS/Script Flash/Flex 手机开发 UML理论/建模 并行计算/云计算 嵌入式开发 计算机应用/办公自动化 数据结构与算法 SEO
  • 资格/认证考试>
    资格/认证考试
    全国翻译资格认证 自考 成考 专升本考试 公务员考试 思科认证 微软认证 司法考试 教师资格考试 物流师考试 计算机等级考试 注册税务师 人力资源管理师 会计职称考试 出国培训 质量管理体系认证 医师/药师资格考试
  • 行业资料>
    行业资料
    社会学 纺织服装 食品饮料 家电行业 造纸印刷 酒店餐饮 物流与供应链 交通运输 旅游娱乐 文化创意 航空/航天 船工业技术 矿业工程 石油、天然气 工业冶金工业 金属学与金属工艺 武器工业 能源与动力工程 原子能技术 化学工业 轻工业/手工业 水利工程 农业工程 农作物 园艺 林业 畜牧 水产/渔业 展会 生活用品 航海/船舶 家居行业 实验 工业设计 室内设计 系统集成 国内外标准规范 新闻/广播 公共安全/安全评价
  • 金融/证券>
    金融/证券
    股票中长线技巧 股票短线技巧 股票经典资料 股票技术指标学习 金融资料 财经资料 投融资/租赁
  • 研究报告>
    研究报告
    信息产业 金融 教育 农林牧渔 冶金 石油化工 煤炭 交通 新能源 轻工 产业政策 商业贸易 国防军事 技术指导 安防行业 制药行业 统计年鉴/数据分析
  • 换一换
    首页 微传网 > 资源分类 > DOC文档下载
     

    网站设计实训报告.doc

    • 资源ID:120555       资源大小:406.00KB        全文页数:12页
    • 资源格式: DOC        下载权限:游客/注册会员    下载费用:10金币 【人民币10元】
    快捷注册下载 游客一键下载
    会员登录下载
    微信登录下载
    三方登录下载: 微信开放平台登录 QQ登录  
    下载资源需要10金币 【人民币10元】   |   1元文档测试下载
    邮箱/手机:
    温馨提示:
    支付成功后,系统会自动生成账号(用户名和密码都是您填写的邮箱或者手机号),方便下次登录下载和查询订单;
    支付方式: 支付宝    微信支付   
    验证码:   换一换

     
    友情提示
    2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,既可以正常下载了。
    3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
    4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰   

    网站设计实训报告.doc

    网站设计实训报告题 目 个人网站实训报告 学 号 姓 名 指导老师 院、系 专 业 实训时间一、实训意义网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。二、实训目的1. 通过综合实训进一步巩固,深化和拓展学生的理论知识与专业技能。1掌握规划网站的内容结构,目录结构,链接结构的方法。2熟练掌握网页制作软件 Dreamweaver CS3、Micsoft Visual Studio 2005 及数据库的简单连接和设置的基本操作和使用技能。3掌握页面的整体控制和头部内容设置的方法。4熟练掌握网页页面布局的各种方法。5熟练掌握在网页中输入,设置标题和正文文字的方法。6 熟练掌握在网页中插入图象的方法。7 熟练建立各种形式的超级链接的方法。8掌握表单网页制作方法。9 掌握网页特效制作方法。10掌握网站测试的方法。2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash 动画和网页特效等。3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。4.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。三.实验步骤1、网站主题 我的网站的主旨在于从各个方面全面的介绍我自己,展示自己,包括我的个人资料、个人相片和个人日志。同时,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是浅黄色,用以展示自己性格的效果。最重要的是做出自己的风格,给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻。同时,查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣赏感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,在经过 ps 的在次没化达到良好的效果,这样就可以做好一个好的网站。3、网站规划 我的网站共有 4 个主页面首页、相册、简历、日志以及对应的后台管理页面。每一个页面用统一的背景图片,以保证网站统一的页面风格。如下图我是用简单拼音命名网站名,用以方便存储和转发。网站整体色调为浅黄色,然后用两个笔刷点缀页面,突出主题,颜色没有过多,过杂,用以避免给人一种杂乱的感觉。版面设计十分灵活,根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是用 css 和 javascript 设计一个样式,以保证随时、准确的调用。另外,为了网页布局的协调,我用以前学习过的 dreamweaver 来修饰页面,是页面更加美观、大气。4、网站的制作工具 做网页时主要使用的是 Micsoft Visual Studio 2005,但我还使用了Deamweaver。另外,为了处理网页中的其他元素,还使用了 Photoshop、Gif Animator 等软件。5、制作网站的网页 素材、风格、模板都设计好以后,下一步就是具体的制作网页。制作网站时,首先要做的就是站点的规划,建立一个本地站点“mysite” ,建立的各个页面都应该放在本地站点中,在网页制作时所需的各个元素都进行了统一的管理,建立统一的文件夹放同一类型的文件,我在制作时建立了“image”文件夹和“photo”文件夹来存放图片。同时,由于“相册” 页面中的信息太多,于是建立了一个专门的文件夹存放相册信息,网页中的 css 样式文件也应统一管理,做到有条不紊,我设计的网站的首页如图1所示。图 1 个人网站主页界面以导航栏为界,用以给浏览者好的视觉享受。左下方有我的、相片和相关链接,右下方有自己的日志和相关链接。插入相关链接的菜单栏,一方面为了布局合理,弥补左下角的空缺,另一方面给浏览者提供放表的导航,点击其中任意一个都会连接到其他网页。个人日志是添加 gridview 控件来实现与后台的链接,个人相册是添加 datalist 控件来实现的。根据自己的网页风格,在网上搜集合适的图片,另外网页的页宽一般没有超过900 像素,以保证左右不出现滚动条。右下边插入的是表格,表格中添加了浅红色的背景图片。用以体现网站的主题色彩,表格还定位了网页特效、系统时间和 flash 动画。网页特效为上下滚动的字幕,当鼠标停在字幕上时,字幕停止滚动。特效代码如下欢迎光临我的个人网站取系统时间代码如下今天是第二个主页面是相册,如下图图 2个人相册主页界面相册页面布局是通过添加 datalist 控件并设置相应的参数。为了使页面连接清晰,个人相片当点击任一按钮都会弹出对应浏览图片版块。交互式按钮的制做在设计窗口中插入一个五行一列的表格,表格的间距为 0,颜色为黑色,居中对齐,然后插入背景图片,就做成了表格的背景。代码如下using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlClient;public partial class xiangce System.Web.UI.Page{SqlConnection conn new SqlConnection“server.;databasepersonDB;uidsa;pwdruanqunsheng“;protected void Page_Loadobject sender, EventArgs e{if Page.IsPostBack{dataBindDataList;}}private void dataBindDataList{SqlCommand new SqlCommand“select top 12 picNo,picUrl,picDescription from myAlbum order by upLoadTime desc“, conn;DataSet dataset new DataSet;SqlDataAdapter adapter new SqlDataAdapter;adapter.Filldataset, “table1“;this.DataList1.DataSource dataset.Tables[“table1“];this.DataList1.DataBind;}}第三个主页面是简历,如下图 简历中包含我的姓名、年龄、理想和兴趣爱好等。页面背景也主页风格相同,插入一张 7 行两列的表格,是页面简约又美观。页面为静态的不能通过后台修改,只有更改网页上的内容。第四个主页面是日志,如下图此页面比较简单,在 dreamweaver 中利用表格来进行初步的布局图片的添加及做好相应的链接,转到 C中添加一个 gridview 控件,并设置相应的参数,如背景等这些也是上课的一些内容,日志页面中的写日志、批量管理等都是对数据的操作,所以需要到后台修改,也就是需要管理员权限。点击写日志或批量管理,都会转到后台登陆页面,点击日志标题则会转到日志详细页。日志页面的后台代码如下using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlClient;public partial class rizhi System.Web.UI.Page{SqlConnection conn new SqlConnection“server.;databasepersonDB;uidsa;pwdruanqunsheng“;protected void Page_Loadobject sender, EventArgs e{if Page.IsPostBack{dataBindGridview;}}private void dataBindGridview{SqlCommand new SqlCommand“select top 5 logNo,logtitle,case when lenlogTitle6 then substringlogtitle,0,5.... else logtitle end as logTitle1, logContent,logTime from myLog_tb order by logTime desc“,conn;DataSet dataset new DataSet;SqlDataAdapter adapter new SqlDataAdapter;adapter.Filldataset, “table1“;this.GridView1.DataSource dataset.Tables[“table1“];this.GridView1.DataBind;}protected void GridView1_PageIndexChangingobject sender, GridViewPageEventArgs e{this.GridView1.PageIndex e.NewPageIndex;dataBindGridview;}}日志详细页的代码如下using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlClient;public partial class rizhideal System.Web.UI.Page{SqlConnection conn new SqlConnection“server.;databasepersonDB;uidsa;pwdruanqunsheng“;public DataSet dataset new DataSet;protected void Page_Loadobject sender, EventArgs e{if Page.IsPostBack{// Response.WriteRequest.QueryString[“logNo“];showLogDetailRequest.QueryString[“logNo“];}}private void showLogDetailstring logNo{string str “select * from myLog_tb where logNo“ logNo ““ “order by logTime desc “;SqlCommand new SqlCommandstr, conn;SqlDataAdapter adapter new SqlDataAdapter;adapter.Filldataset, “table1“;//Response.Writedataset.Tables[“table1“].Rows[0][2].ToString;}}最下面是版权信息,尽量用简洁的语言和稳重的色彩,给人留下清新,简练的感觉。版权信息标名了作者和版权用以提高内容的可读性和使内容充实,既突出网站的主色调,又给人以凝重的感觉。以上就是前台网站,本次构建的网站还有后台管理网站如下图为7后台登陆页面和管理页面图8后台登陆管理页代码public partial class admin_login System.Web.UI.Page{SqlConnection conn new SqlConnection“server.;databasepersonDB;uidsa;pwdruanqunsheng“;protected void Page_Loadobject sender, EventArgs e{if Page.IsPostBack{generateCheckCode;}}private void generateCheckCode{ Random randomnew Random;this.label_checkCode.Text random.Next1000, 9999.ToString;}private void checkUserstring adminID,string adminPwd{string str “select * from admin_tb where adminID“ adminID ““ “ and adminPwd“““ adminPwd ““;SqlCommand new SqlCommandstr, conn;conn.Open;SqlDataReader reader .cuteReader;if reader.Read{Session[“loginName“] adminID;Response.Redirect“mainFrame.aspx“;}else{Response.Write“登录失败“;}reader.Close;conn.Close;//SqlCommand new SqlCommandstr, conn;//SqlDataAdapter adapter new SqlDataAdapter;//adapter.Filldataset, “table1“;//Response.Writedataset.Tables[“table1“].Rows[0][2].ToString;}protected void btn_enter_Clickobject sender, EventArgs e{if this.txt_userName.Text ““ || this.txt_userPwd.Text ““{Response.Write“alert提示用户名或密码不能为空“;}else if this.txt_checkCode.Text this.label_checkCode.Text{checkUserthis.txt_userName.Text, this.txt_userPwd.Text;

    注意事项

    本文(网站设计实训报告.doc)为本站会员(cjc2202537)主动上传,微传网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知微传网(点击联系客服),我们立即给予删除!

    温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载不扣分。




    微传网是一个办公文档、学习资料下载的在线文档分享平台!

    网站资源均来自网络,如有侵权,请联系客服删除!

     网站客服QQ:80879498  会员QQ群:727456886

    copyright@ 2018-2028 微传网络工作室版权所有

         经营许可证编号:冀ICP备18006529号-1 ,公安局备案号:13028102000124

    收起
    展开