1、 《网络广告设计（dreamweaver）》课程卷二实践考核方案 网络广告设计（dreamweaver） 课程设计说明书 设计题目： 姓 名： 学 号： 班 级： 指导教师： 完成日期： 艺术学院 《网络广告设计》实践环节考核报告单 2011-2012学年度第一学期
2、期末 排课编号：(2011-2012-1)-0603402-09463-1 批阅日期： 年 月 日 姓名 班级 学号 评分标准及 得分 评分标准 满分 得分 基础知识考核 根据说明文档要求完成相关的制作 30分 30 自选主题制作 自选主题完成网站制作 1、 根据所选主题设计网站logo和页面效果图 10分 2、 网站目录结构清晰，层次分明，命名规范（抓取站点地图） 5分 3、 网页代码正确，可读性强 5分 4、 导航结
3、构清晰，页面链接合理，至少包含4个页面 10分 5、 网站页面中包含表单页面及多媒体元素 10分 6、 网页色彩和谐，页面设计美观，有较强的欣赏性，适当使用特效加强效果 10分 7、 在网站中至少包含网络广告。（弹出式广告、漂移广告、悬浮广告、互动广告或其它广告形式中任选）10分 8、 网站主题明确，综合运用本学期所学知识 10分 70 考核成绩 任课教师签名 目录 第一章 概述 1 1.1 选题目的 1 1.2 设计目的 1 1.3 理论基础分析 1 1.4 研究内容 2 1.5意义 2 第二章 项目需求分析 3 2.1 项目
4、开发环境 3 第三章 项目总体设计 4 3.1网站总体结构和模块设计 4 3.2 布局设计 4 第四章 项目详细设计 5 4.1 Photoshop效果图设计 5 4.2 布局规划与切图 6 4.3 页面XHTML编码 6 4.4样式表代码 8 总结 10 参考文献 11 个人网站的设计与实现 第一章 概述 1.1 选题目的 博客，即，是一种个人信息发布平台，是极其简便、丰富的个人媒体形式，是互联网上独立的思想泡泡、是“草根记者”、“读者文摘”、学习工具……她带来一种全新的交流方式和生活可能。博客的精神是：自由表达，开放宽容，个性张扬，专
5、业精神。当今世界发展得越来越快，如何才能紧跟时代的步伐，已成为越来越紧迫的问题。随着互联网的快速发展，也为我们找到了一个紧跟时代步伐的平台。为了更好地利用网络资源，使我们的信息电子化，也为了能与世界各地进行广泛地交流，丰富我们的知识和视野。 1.2 设计目的 u 为自己设计一个新颖的个人独立博客。 u 编码的定义应具有远见性，充分考虑到板块，内容的增加、变动，当然过多的编码位数也将导致编码的复杂化。 1.3 理论基础分析 独立博客最大的优势是什么？ 做独立博客一步步晋升上去的空间比较小，博主的特点决定了独立博客的一些缺陷，先问个问题，做独立博客最大的优势是什么？有人会说，有深
6、度、能互动。那缺点呢？卢松松觉得最大的缺点就隐藏在它的优点里面，如果在一方面特别强，这里就一定有缺点。比如，要想文章有深度，就必定慢，追求高质量的文章，多数博主必定会在事态发展到一定阶段才能发布，想做到又快又有质量几乎不可能。类似的问题还有很多，如： （1）一味追求传播速度 正因为追求传播速度，许多博客都在跟踪门户网站的内容，而门户网站又在跟踪纸质媒体的内容，没有真正的原创，对文章的价值磨练是个很大的损失。 （2）追求点击率、格调下降 现在衡量一篇博文的好坏一个最重要指标是点击率，因此大部分博主追逐PV、追逐浏览量，导致很多垃圾信息，只是吸引眼球的东西在泛滥，而深度的东西往往未必能吸引
7、住眼球。这导致网站的品味越来越低，作为一个博主，个人思想也逐渐消失。 （3）独立博客的推广 我看过很多关于“推广”的文章，搞到最后才明白，其实做网站推广最终目的是让更多人看到我这个博客里的内容，更多的人知道博客评论手段，可是，没人让人感兴趣的内容何谈推广？在将博客内容做好的前提下适当的SEO，才是如虎添翼。 新浪是最强大的新闻门户，假设每天只有5%是自己的原创，比例虽然小了点，但没有这点原创，就没有新浪的影响力。复制粘贴是为了熟悉行业，做伪原创是为了提升自己，对博客内容的价值判断才是重中之重。 喜欢有价值的博客，也希望自己的博客能有价值，这个价值可能也可以说是一个博客的灵魂，这种灵魂说
8、白了就是有自己的见解和看法，并且并这种见解和看法表达出来、阐释清楚，不从众也不盲目。 1.4 研究内容 1、独立博客自由度更给力 “我的博客我做主” ，自定义操作性能可以按照自己的意愿来设计，不会因为谈及敏感问题而频繁被删贴，这是BSP门户博客所无法比拟的。 2、可以更好的学习并检验自己的学习成果 开设独立博客可以让自己顺便学习有关网络编程语言或技术的相关知识，以实现边学边用、学以致用;有句话是这样说的，“实践值大于理论值”，经过实践检验的理论才会成为自己的经验。学习总结，总结学习。 3、SEO表现更好 拥有独立域名的博客更受搜索引擎的青睐，可以在搜
9、索引擎获得更高的权重，从而在搜索结果中得到更靠前的排名;还有另外一点，独立域名的独立博客更拉风、更惹眼，显得更专业;当然更专业是重点，拉风和惹眼是浮云。 4、互动性更好 BSP门户博客限制对外部的交流，比如图片乱盖戳或限制外链，评论要注册等等;而独立博客可以不用注册就发表评论和留言，并且可以留下链接，这样可以认识更多的志同道合的朋友，一起探讨交流学习网络推广知识，电子商务技巧。 5、积累性更强，盈利能力优势明显。 拥有独立域名后，不会因为更换BSP或空间服务商而丢失博客的老读者。随着流量的增加，人气的汇聚，独立博客的盈利能力要优于在BSP开设的博客。还没开博客就想到了盈
10、利，呵呵~~ 1.5意义 全面提高自己作为网站管理者的综合素质 一个优秀的站长需要有敏锐的市场洞察力，很强的策划能力，出色的编程技术，过硬的美工，精通SEO，网站推广，关键字排名。涉及行业专业知识，必要的商务谈判能力，网站运营的吃苦耐劳精神等等，虽然自己不可能全部都具备，但是尽量去完善自己 第二章 项目需求分析 2.1 项目开发环境 操作系统使用Windows 7,Web服务器使用操作系统自带的IE 8.0， PhotoShop CS3、PhotoShopCS5、Adobe Dreamweaver CS3、Adobe Dreamweaver
11、 CS5、Adobe Flash CS4 第三章 项目总体设计 3.1网站总体结构和模块设计 个人独立博客网站 主页 个人信息 相册预览 生活 生活剪影 文章作品 我的经历 联系 音乐资源 相片播放器 相片缩略图 我的地址 留下你的脚印 相册 图3-1 设计图 3.2 布局设计 Left Right FLASH LOGO展示
12、 Flash Continer Main Footer 图3-2 布局图 第四章 项目详细设计 4.1 Photoshop效果图设计 图4-1 主页效果图 4.2 布局规划与切图 图4-2 head.gif（用于flash Logo制作） 图4-3 bottom_1.gif 图4-4 w
13、imb_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.gif 4.3 页面XHTML编码 u Index-2.html
14、NK HREF="style.css" TYPE="text/css" REL="stylesheet">