《网络广告设计(dreamweaver)课程设计说明书.docx》由会员分享，可在线阅读，更多相关《网络广告设计(dreamweaver)课程设计说明书.docx（18页珍藏版）》请在三一办公上搜索。
1、网络广告设计（dreamweaver）课程卷二实践考核方案网络广告设计（dreamweaver）课程设计说明书设计题目： 姓 名： 学 号： 班 级： 指导教师： 完成日期： 艺术学院网络广告设计实践环节考核报告单2011-2012学年度第一学期期末排课编号：(2011-2012-1)-0603402-09463-1 批阅日期： 年 月 日姓名 班级 学号 评分标准及得分评分标准满分得分基础知识考核 根据说明文档要求完成相关的制作 30分30自选主题制作 自选主题完成网站制作1、 根据所选主题设计网站logo和页面效果图 10分2、 网站目录结构清晰，层次分明，命名规范（抓取站点地图） 5分3
2、、 网页代码正确，可读性强 5分4、 导航结构清晰，页面链接合理，至少包含4个页面10分5、 网站页面中包含表单页面及多媒体元素 10分6、 网页色彩和谐，页面设计美观，有较强的欣赏性，适当使用特效加强效果 10分7、 在网站中至少包含网络广告。（弹出式广告、漂移广告、悬浮广告、互动广告或其它广告形式中任选）10分8、 网站主题明确，综合运用本学期所学知识 10分70考核成绩任课教师签名目录第一章 概述11.1 选题目的11.2 设计目的11.3 理论基础分析11.4 研究内容21.5意义2第二章 项目需求分析32.1 项目开发环境3第三章 项目总体设计43.1网站总体结构和模块设计43.2
3、布局设计4第四章 项目详细设计54.1 Photoshop效果图设计54.2 布局规划与切图64.3 页面XHTML编码64.4样式表代码8总结10参考文献11个人网站的设计与实现第一章 概述1.1 选题目的博客，即blog，是一种个人信息发布平台，是极其简便、丰富的个人媒体形式，是互联网上独立的思想泡泡、是“草根记者”、“读者文摘”、学习工具她带来一种全新的交流方式和生活可能。博客的精神是：自由表达，开放宽容，个性张扬，专业精神。当今世界发展得越来越快，如何才能紧跟时代的步伐，已成为越来越紧迫的问题。随着互联网的快速发展，也为我们找到了一个紧跟时代步伐的平台。为了更好地利用网络资源，使我们的
4、信息电子化，也为了能与世界各地进行广泛地交流，丰富我们的知识和视野。1.2 设计目的u 为自己设计一个新颖的个人独立博客。u 编码的定义应具有远见性，充分考虑到板块，内容的增加、变动，当然过多的编码位数也将导致编码的复杂化。1.3 理论基础分析 独立博客最大的优势是什么？做独立博客一步步晋升上去的空间比较小，博主的特点决定了独立博客的一些缺陷，先问个问题，做独立博客最大的优势是什么？有人会说，有深度、能互动。那缺点呢？卢松松觉得最大的缺点就隐藏在它的优点里面，如果在一方面特别强，这里就一定有缺点。比如，要想文章有深度，就必定慢，追求高质量的文章，多数博主必定会在事态发展到一定阶段才能发布，想做
5、到又快又有质量几乎不可能。类似的问题还有很多，如：（1）一味追求传播速度正因为追求传播速度，许多博客都在跟踪门户网站的内容，而门户网站又在跟踪纸质媒体的内容，没有真正的原创，对文章的价值磨练是个很大的损失。（2）追求点击率、格调下降现在衡量一篇博文的好坏一个最重要指标是点击率，因此大部分博主追逐PV、追逐浏览量，导致很多垃圾信息，只是吸引眼球的东西在泛滥，而深度的东西往往未必能吸引住眼球。这导致网站的品味越来越低，作为一个博主，个人思想也逐渐消失。（3）独立博客的推广我看过很多关于“推广”的文章，搞到最后才明白，其实做网站推广最终目的是让更多人看到我这个博客里的内容，更多的人知道博客评论手段，
6、可是，没人让人感兴趣的内容何谈推广？在将博客内容做好的前提下适当的SEO，才是如虎添翼。新浪是最强大的新闻门户，假设每天只有5%是自己的原创，比例虽然小了点，但没有这点原创，就没有新浪的影响力。复制粘贴是为了熟悉行业，做伪原创是为了提升自己，对博客内容的价值判断才是重中之重。喜欢有价值的博客，也希望自己的博客能有价值，这个价值可能也可以说是一个博客的灵魂，这种灵魂说白了就是有自己的见解和看法，并且并这种见解和看法表达出来、阐释清楚，不从众也不盲目。1.4 研究内容 1、独立博客自由度更给力 “我的博客我做主” ，自定义操作性能可以按照自己的意愿来设计，不会因为谈及敏感问题而频繁被删贴，这是BS
7、P门户博客所无法比拟的。2、可以更好的学习并检验自己的学习成果开设独立博客可以让自己顺便学习有关网络编程语言或技术的相关知识，以实现边学边用、学以致用;有句话是这样说的，“实践值大于理论值”，经过实践检验的理论才会成为自己的经验。学习总结，总结学习。3、SEO表现更好拥有独立域名的博客更受搜索引擎的青睐，可以在搜索引擎获得更高的权重，从而在搜索结果中得到更靠前的排名;还有另外一点，独立域名的独立博客更拉风、更惹眼，显得更专业;当然更专业是重点，拉风和惹眼是浮云。4、互动性更好BSP门户博客限制对外部的交流，比如图片乱盖戳或限制外链，评论要注册等等;而独立博客可以不用注册就发表评论和留言，并且可
8、以留下链接，这样可以认识更多的志同道合的朋友，一起探讨交流学习网络推广知识，电子商务技巧。5、积累性更强，盈利能力优势明显。拥有独立域名后，不会因为更换BSP或空间服务商而丢失博客的老读者。随着流量的增加，人气的汇聚，独立博客的盈利能力要优于在BSP开设的博客。还没开博客就想到了盈利，呵呵1.5意义 全面提高自己作为网站管理者的综合素质一个优秀的站长需要有敏锐的市场洞察力，很强的策划能力，出色的编程技术，过硬的美工，精通SEO，网站推广，关键字排名。涉及行业专业知识，必要的商务谈判能力，网站运营的吃苦耐劳精神等等，虽然自己不可能全部都具备，但是尽量去完善自己第二章 项目需求分析2.1 项目开发
9、环境操作系统使用Windows 7,Web服务器使用操作系统自带的IE 8.0， PhotoShop CS3、PhotoShopCS5、Adobe Dreamweaver CS3、Adobe Dreamweaver CS5、Adobe Flash CS4 第三章 项目总体设计3.1网站总体结构和模块设计个人独立博客网站主页个人信息相册预览生活生活剪影文章作品我的经历联系音乐资源相片播放器相片缩略图我的地址留下你的脚印相册 图3-1 设计图3.2 布局设计LeftRightFLASH LOGO展示Flash ContinerMainFooter 图3-2 布局图第四章 项目详细设计4.1 Pho
10、toshop效果图设计 图4-1 主页效果图4.2 布局规划与切图 图4-2 head.gif（用于flash Logo制作）图4-3 bottom_1.gif 图4-4 wimb_cn_2_19.gif 图4-5 left.gif 图4-6 right.gif 图4-7小标题 图4-8 bi_1.gif 图 4-9 bi_2.gif 图4-10 ga_1.gif 图4-11ga_1.gif4.3 页面XHTML编码u Index-2.html相册 param name=pluginurl value= FAIL (the browser should render some f
11、lash content, not this). param name=pluginurl value= FAIL (the browser should render some flash content, not this). 缩略图 4.4样式表代码style.cssbody margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;.style1 color: #97a500;font-s
12、ize: 11px;font-family: tahoma;font-weight: bold;text-decoration:none.style2 color: #C83D88;font-size: 14px;font-family: tahoma;font-weight: bold;text-decoration:none.style3 color: #75A23E;font-size: 11px;font-family: tahoma;font-weight: bold;text-decoration:none.style4 color: #1D5E6A;font-size: 11px
13、;font-family: tahoma;font-weight: bold;text-decoration:none.style5 color: #FFFFFF;font-size: 10px;font-family: tahoma;#mu li list-style:url(images/point_1.gif); margin:0 0 0 0px#mu a font-family:tahoma; font-size:11px; color:#7F9E15.style6 color: #737373;font-size: 11px;font-family: tahoma;line-heig
14、ht:12px.style7 color: #000001;font-size: 11px;font-family: tahoma;.style8 color: #5b5b5b;font-size: 11px;font-family: tahoma;.style9 color: #89A919;font-size: 11px;font-family: tahoma;text-transform:uppercase总结通过此次的课程设计，使我对自己所学网站设计知识的认识有了更深一层次的提高，并且有了一些切身的体会。光有网站设计的理论知识是不行的，还得有更丰富的实践经验，也就是多动手、多动脑。而这
15、次的课程设计就提供了一次非常好的实践操作的机会，使我对网站的设计制作有了一定的了解。此次收获最大要具有一颗细心的心，激情的态度，且持之有恒，并且耐得住寂寞。在制作过程中要敢于尝试，发现问题，解决问题。整个制作过程中我深深体会到，不能急于求成，一来就马上编程，应该多做分析和研究，理清思路。前一阶段的工作的好坏将直接影响后一阶段工作的开展。多学习多请教，更多新的技术不断的涌现，可以通过请教别人或者多上网学习别人的制作方法，可以转变成你的知识，才能做的更好。这些经验是相当宝贵的，为我们以后能够编出更好的程序是一个良好的启发。限于我的技术水平有限这次的课程设计说明书和作品的错误和不当之处在所难免，还得请老师多多指教！在这次的课程设计中虽然学会了很多，也感到自身知识的贫乏，希望在日后的努力学习中把它做成更完善的系统，并能做其他完善的系统。 参考文献1 缪亮.Dreamweaver CS3基础与实例教程：职业版 M北京：电子工业出版社，2008.22 杰诚文化. 电脑设计轻松互动学 M.北京: 中国青年出版社，2008
