资源描述
《网络广告设计（dreamweaver）》课程卷二实践考核方案
网络广告设计（dreamweaver）
课程设计说明书
设计题目：
姓 名：
学 号：
班 级：
指导教师：
完成日期：
艺术学院
《网络广告设计》实践环节考核报告单
2011-2012学年度第一学期期末
排课编号：(2011-2012-1)-0603402-09463-1
批阅日期： 年 月 日
姓名
班级
学号
评分标准及
得分
评分标准
满分
得分
基础知识考核
根据说明文档要求完成相关的制作 30分
30
自选主题制作
自选主题完成网站制作
1、 根据所选主题设计网站logo和页面效果图 10分
2、 网站目录结构清晰，层次分明，命名规范（抓取站点地图） 5分
3、 网页代码正确，可读性强 5分
4、 导航结构清晰，页面链接合理，至少包含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 项目开发环境 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 选题目的
博客，即，是一种个人信息发布平台，是极其简便、丰富的个人媒体形式，是互联网上独立的思想泡泡、是“草根记者”、“读者文摘”、学习工具……她带来一种全新的交流方式和生活可能。博客的精神是：自由表达，开放宽容，个性张扬，专业精神。当今世界发展得越来越快，如何才能紧跟时代的步伐，已成为越来越紧迫的问题。随着互联网的快速发展，也为我们找到了一个紧跟时代步伐的平台。为了更好地利用网络资源，使我们的信息电子化，也为了能与世界各地进行广泛地交流，丰富我们的知识和视野。
1.2 设计目的
u 为自己设计一个新颖的个人独立博客。
u 编码的定义应具有远见性，充分考虑到板块，内容的增加、变动，当然过多的编码位数也将导致编码的复杂化。
1.3 理论基础分析
独立博客最大的优势是什么？
做独立博客一步步晋升上去的空间比较小，博主的特点决定了独立博客的一些缺陷，先问个问题，做独立博客最大的优势是什么？有人会说，有深度、能互动。那缺点呢？卢松松觉得最大的缺点就隐藏在它的优点里面，如果在一方面特别强，这里就一定有缺点。比如，要想文章有深度，就必定慢，追求高质量的文章，多数博主必定会在事态发展到一定阶段才能发布，想做到又快又有质量几乎不可能。类似的问题还有很多，如：
（1）一味追求传播速度
正因为追求传播速度，许多博客都在跟踪门户网站的内容，而门户网站又在跟踪纸质媒体的内容，没有真正的原创，对文章的价值磨练是个很大的损失。
（2）追求点击率、格调下降
现在衡量一篇博文的好坏一个最重要指标是点击率，因此大部分博主追逐PV、追逐浏览量，导致很多垃圾信息，只是吸引眼球的东西在泛滥，而深度的东西往往未必能吸引住眼球。这导致网站的品味越来越低，作为一个博主，个人思想也逐渐消失。
（3）独立博客的推广
我看过很多关于“推广”的文章，搞到最后才明白，其实做网站推广最终目的是让更多人看到我这个博客里的内容，更多的人知道博客评论手段，可是，没人让人感兴趣的内容何谈推广？在将博客内容做好的前提下适当的SEO，才是如虎添翼。
新浪是最强大的新闻门户，假设每天只有5%是自己的原创，比例虽然小了点，但没有这点原创，就没有新浪的影响力。复制粘贴是为了熟悉行业，做伪原创是为了提升自己，对博客内容的价值判断才是重中之重。
喜欢有价值的博客，也希望自己的博客能有价值，这个价值可能也可以说是一个博客的灵魂，这种灵魂说白了就是有自己的见解和看法，并且并这种见解和看法表达出来、阐释清楚，不从众也不盲目。
1.4 研究内容
1、独立博客自由度更给力
“我的博客我做主” ，自定义操作性能可以按照自己的意愿来设计，不会因为谈及敏感问题而频繁被删贴，这是BSP门户博客所无法比拟的。
2、可以更好的学习并检验自己的学习成果
开设独立博客可以让自己顺便学习有关网络编程语言或技术的相关知识，以实现边学边用、学以致用;有句话是这样说的，“实践值大于理论值”，经过实践检验的理论才会成为自己的经验。学习总结，总结学习。
3、SEO表现更好
拥有独立域名的博客更受搜索引擎的青睐，可以在搜索引擎获得更高的权重，从而在搜索结果中得到更靠前的排名;还有另外一点，独立域名的独立博客更拉风、更惹眼，显得更专业;当然更专业是重点，拉风和惹眼是浮云。
4、互动性更好
BSP门户博客限制对外部的交流，比如图片乱盖戳或限制外链，评论要注册等等;而独立博客可以不用注册就发表评论和留言，并且可以留下链接，这样可以认识更多的志同道合的朋友，一起探讨交流学习网络推广知识，电子商务技巧。
5、积累性更强，盈利能力优势明显。
拥有独立域名后，不会因为更换BSP或空间服务商而丢失博客的老读者。随着流量的增加，人气的汇聚，独立博客的盈利能力要优于在BSP开设的博客。还没开博客就想到了盈利，呵呵~~
1.5意义
全面提高自己作为网站管理者的综合素质
一个优秀的站长需要有敏锐的市场洞察力，很强的策划能力，出色的编程技术，过硬的美工，精通SEO，网站推广，关键字排名。涉及行业专业知识，必要的商务谈判能力，网站运营的吃苦耐劳精神等等，虽然自己不可能全部都具备，但是尽量去完善自己
第二章 项目需求分析
2.1 项目开发环境
操作系统使用Windows 7,Web服务器使用操作系统自带的IE 8.0， PhotoShop CS3、PhotoShopCS5、Adobe Dreamweaver CS3、Adobe Dreamweaver CS5、Adobe Flash CS4
第三章 项目总体设计
3.1网站总体结构和模块设计
个人独立博客网站
主页
个人信息
相册预览
生活
生活剪影
文章作品
我的经历
联系
音乐资源
相片播放器
相片缩略图
我的地址
留下你的脚印
相册
图3-1 设计图
3.2 布局设计
Left
Right
FLASH LOGO展示
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 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.gif
4.3 页面XHTML编码
u Index-2.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
<title>相册</title>
<style type="text/css"></head>
<body onLoad="MM_timelinePlay('Timeline1')">
<table width="100%" border="0" cellpadding="0"cellspacing="0" bgcolor="#6FB24B" style="background-repeat:repeat-x; background-position:top; height:100%; background-image:url(images/til_1.jpg) ">
<tr>
<td style="background-image:url(images/til_1.gif); background-position:top right; background-repeat:no-repeat"> </td>
<td width="766" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><img alt="" src="images/top_1.gif" width="766" height="35"></td>
</tr>
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td><img alt="" src="images/left.gif" width="一三7" height="一三4"></td>
<td style="background-image:url(images/head.gif) "><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="xdownload.macromediax/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
width="552" height="一三4">
<param name="movie" value="Flash/header.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<!--[if !IE]> <-->
<object data="Flash/header.swf"
width="552" height="一三4" type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="pluginurl" value="xxmacromediax/go/getflashplayer">
<param name="wmode" value="transparent">
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object></td>
<td><img alt="" src="images/right.gif" width="77" height="一三4"></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td width="58"><img alt="" src="images/left_2.gif" width="58" height="281"></td>
<td width="83"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img alt="" src="images/l_1.gif" width="83" height="31"></td>
</tr>
<tr>
<td height="162" style="background-image:url(images/bo.gif) "><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="xdownload.macromediax/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
width="83" height="162">
<param name="movie" value="Flash/menu.swf?button=3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<!--[if !IE]> <-->
<object data="Flash/menu.swf?button=3"
width="83" height="162" type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="pluginurl" value="xxmacromediax/go/getflashplayer">
<param name="wmode" value="transparent">
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object></td>
</tr>
<tr>
<td><img alt="" src="images/l_2.gif" width="83" height="88"></td>
</tr>
</table></td>
<td width="一五"><img alt="" src="images/left_3.gif" width="一五" height="281"></td>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="background-image:url(images/u_2.gif); background-position:bottom left; background-repeat:no-repeat ">
<tr align="left" valign="top">
<td height="281" style="background-image:url(images/u_1.gif); background-position:top left; background-repeat:no-repeat "><div style="padding-left:2px; padding-top:5px"><img alt="" src="images/welcome_3.gif" width="114" height="36" border="0"></div>
<div style="padding-left:12px; padding-top:0px">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td width="306"><div id="apDiv1">
<div id="apDiv2"><img src="images/ga_1.gif" name="Image1" width="287" height="222"></div>
</div></td>
<td><div style="padding-left:0px; padding-top:3px">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td width="84" height="68"><a href="#"><img src="images/ga_1.gif" alt="" width="75" height="56" border="0" onClick="MM_timelineGoto('Timeline1','1')"></a></td>
<td><a href="#"><img src="images/ga_2.gif" alt="" width="75" height="56" border="0" onClick="MM_timelineGoto('Timeline1','20')"></a></td>
</tr>
<tr align="left" valign="top">
<td height="68"><a href="#"><img src="images/ga_3.gif" alt="" width="75" height="56" border="0" onClick="MM_timelineGoto('Timeline1','40')"></a></td>
<td><a href="#"><img src="images/ga_4.gif" alt="" width="75" height="56" border="0" onClick="MM_timelineGoto('Timeline1','60')"></a></td>
</tr>
<tr align="left" valign="top">
<td><a href="#"><img src="images/ga_5.gif" alt="" width="75" height="56" border="0" onClick="MM_timelineGoto('Timeline1','80')"></a></td>
<td><a href="#"><img src="images/ga_6.gif" alt="" width="75" height="56" border="0" onClick="MM_timelineGoto('Timeline1','100')"></a></td>
</tr>
</table>
</div>
<div style="padding-left:42px; padding-top:10px"> <span class="style2"> [缩略图]</span></div></td>
</tr>
</table>
</div></td>
</tr>
</table></td>
<td width="126"><img alt="" src="images/right_2.gif" width="126" height="281"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="250" align="left" valign="top" style="background-image:url(images/bottom_1.gif) "> </td>
</tr>
</table></td>
<td style="background-image:url(images/til_1.gif); background-position:top left; background-repeat:repeat-x "> </td>
</tr>
<tr>
<td style="border-top:7px solid #ffffff "> </td>
<td height="100%" align="left" valign="top" style="border-top:7px solid #ffffff "> </td>
<td style="border-top:7px solid #ffffff "> </td>
</tr>
</table>
</body>
</head>
4.4样式表代码
style.css
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {
color: #97a500;
font-size: 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;
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:#7F9E一五}
.style6 {
color: #737373;
font-size: 11px;
font-family: tahoma;
line-height: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
}
总结
通过此次的课程设计，使我对自己所学网站设计知识的认识有了更深一层次的提高，并且有了一些切身的体会。光有网站设计的理论知识是不行的，还得有更丰富的实践经验，也就是多动手、多动脑。而这次的课程设计就提供了一次非常好的实践操作的机会，使我对网站的设计制作有了一定的了解。
此次收获最大要具有一颗细心的心，激情的态度，且持之有恒，并且耐得住寂寞。在制作过程中要敢于尝试，发现问题，解决问题。
整个制作过程中我深深体会到，不能急于求成，一来就马上编程，应该多做分析和研究，理清思路。前一阶段的工作的好坏将直接影响后一阶段工作的开展。多学习多请教，更多新的技术不断的涌现，可以通过请教别人或者多上网学习别人的制作方法，可以转变成你的知识，才能做的更好。这些经验是相当宝贵的，为我们以后能够编出更好的程序是一个良好的启发。
限于我的技术水平有限这次的课程设计说明书和作品的错误和不当之处在所难免，还得请老师多多指教！在这次的课程设计中虽然学会了很多，也感到自身知识的贫乏，希望在日后的努力学习中把它做成更完善的系统，并能做其他完善的系统。
参考文献
[1] 缪亮.Dreamweaver CS3基础与实例教程：职业版 [M]北京：电子工业出版社，2008.2
[2] 杰诚文化. 电脑设计轻松互动学 [M].北京: 中国青年出版社，20083.3.202516:3116:31:0925.3.34时31分4时31分9秒3月. 3, 253 三月 20254:31:09 下午16:31:09
2025年3月3日星期一16:31:09
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
