医药网课程设计论文Word文档格式.docx
《医药网课程设计论文Word文档格式.docx》由会员分享,可在线阅读,更多相关《医药网课程设计论文Word文档格式.docx(18页珍藏版)》请在冰豆网上搜索。
只要能识别具有类似需求的购买者,有针对性地提供相应的产品,并且运用恰当的分销渠道和广告宣传方式,企业就能在这部分市场经营的过程中获利。
而具体办法就是要创建具有自己企业特色的宣传方式,网站开始步入了医药企业。
1.1.1关于公司宣传网页的网站建设的必要性分析
近几年来,网站建设业务一直呈快速上升势头,行业市场越来越大。
就国内情况而言,沿海发达省市比中西部省市市场需求要大,业务普及工作也很到位,许多行业形成了竞相建设企业网站,开展网络营销的局面。
新技术的应用将促使企业网站建设更具魅力。
随着技术融合与发展,许多在其他行业热门应用的技术如视频、三维动画、虚拟现实等技术都已经实现向互联网移植,未来的不久,他们就会出现在企业客户网站上面;
新的网络编程语言(.net技术)和服务器CDN(内容发布网络)技术也将使网站结构更紧密,访问更流畅,更能适应新的要求。
1.1.2本选题的现实意义
本医药网页设计的目的是通过网站提供实用的(商业、专业)信息发布、交流及检索平台.服务于老百姓:
提供健康信息和基础医药知识,并就某些产品质量作出警示,提供政策法规宣传、普及和扩大相关公告通报的影响。
达到开展网上营销,实现电子商务的目的。
网站建设首先由网络营销顾问提出低成本回报的网络营销策划方案。
通过洞悉项目目标客群的网络营销策略,引发、借力企业与网民,以至网民与网民之间的互动,使企业以最小的营销投入,超越竞争对手,获得更高效的市场回报营销网站规划网站前期策划作为网络营销的起点,规划的严谨性、实用性将直接影响到企业网络营销目标的实现。
网站建设商以客户需求和网络营销为导向,结合自身的专业策划经验,协助不同类型企业,在满足企业不同阶段的战略目标和战术要求的基础上,为企业制定阶段性的网站规划方案。
通过此网页设计提高公司知名度进而提升公司盈利效益。
第2章主要技术
2.1技术分析
2.1.1Dreamweaver简介
Dreamweaver是由Macromedia公司推出的,用于网页开发和网站管理的专业化设计工具。
它采用了多种新技术,具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能;
它具有友好的操作界面,在文档窗口中可以打开各种浮动面板,同时还可以使用系统内置的多种对象进行操作。
Dreamweaver启动后,会出现一个新的文档操作窗口,该窗口包含如下的几个部分:
标题栏、菜单栏、工作区、浮动面板和状态栏。
标题栏中主要显示该文档的标题信息、文件名及该文件所在的文件夹等;
菜单栏中包含了各种操作命令、应用特性和访问浮动面板的简单方法;
Dreamweaver启动后,工作区是白色的空白区域,可以在工作区中输入文字、插入图象、添加背景以及其它页面元素;
浮动面板提供了访问程序特性的简单方法,可以对浮动面板进行选择、拖放、重新定位、移动等操作,当我们不需要使用某个移动面板时,还可以用鼠标单击该面板右上角的关闭按钮将其关闭,需要时再打开;
状态栏位于窗口的最下端,用于显示文档的HTML标记、文档窗口大小、下载速度等信息。
2.1.2网站图片制作工具Photoshop简介
Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件。
它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐。
ADOBEPHOTOSHOP最初的程序是由Mchigan大学的研究生Thomas创建,后经Knoll兄弟以及ADOBE公司程序员的努力ADOBEPHOTOSHOP产生巨大的转变,一举成为优秀的平面设计编辑软件。
它的诞生可以说掀起了图象出版业的革命,目前ADOBEPHOTOSHOP最新版本为6.0,它的每一个版本都增添新的功能这使它获得越来越多的支持者也使它在这诸多的图形图象处理软件中立于不败之地。
Photoshop支持众多的图像格式,对图像的常见操作和变换做到了非常精细的程度,使得任何一款同类软件都无法望其颈背;
它拥有异常丰富的插件(在Photoshop中叫滤镜),熟练后您自然能体会到"
只有想不到,没有做不到"
的境界。
2.1.3CSS样式应用
规则:
选择符
任何HTML元素都可以是一个CSS1的选择符。
选择符仅仅是指向特别样式的元素。
例如,
P{text-indent:
3em}
当中的选择符是P。
类选择符
单一个选择符能有不同的CLASS(类),因而允许同一元素有不同样式。
例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码:
code.html{color:
#191970}
code.css{color:
#4b0082}以上的例子建立了两个类,css和html,供HTML的CODE元素使用。
CLASS属性是用于在HTML中以指明元素的类,例如,
<
PCLASS=warning>
每个选择符只允许有一个类。
例如,code.html.proprietary是无效的。
<
/p>
类的声明也可以无须相关的元素:
.note{font-size:
small}在这个例子,名为note的类可以被用于任何元素。
一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。
上述例子中的note类也可以命名为small,但如果网页制作者决定改变这个类的样式,使得它不再是小字体的话,那么这个名字就变得毫无意义了。
ID选择符ID选择符个别地定义每个元素的成分。
这种选择符应该尽量少用,因为他具有一定的局限。
一个ID选择符的指定要有指示符"
#"
在名字前面。
例如,ID选择符可以指定如下:
#svp94O{text-indent:
3em}这点可以参考HTML中的ID属性:
PID=svp94O>
文本缩进3em<
/P>
关联选择符关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。
这些选择符可以指定一般属性,而且因为层叠顺序的规则,它们的优先权比单一的选择符大。
例如,以下的上下文选择符
PEM{background:
yellow}是PEM。
这个值表示段落中的强调文本会是黄色背景;
而标题的强调文本则不受影响。
声明属性一个属性被指定到选择符是为了使用它的样式。
属性的例子包括颜色、边界和字体。
值声明的值是一个属性接受的指定。
例如,属性颜色能接受值red。
组合
为了减少样式表的重复声明,组合的选择符声明是允许的。
例如,文档中所有的标题可以通过组合给出相同的声明:
H1,H2,H3,H4,H5,H6{
color:
red;
font-family:
sans-serif}
继承
实际上,所有在选择符中嵌套的选择符都会继承外层选择符指定的属性值,除非另外更改。
例如,一个BODY定义了的颜色值也会应用到段落的文本中。
有些情况是内部选择符不继承周围的选择符的值,但理论上这些都是特殊的。
例如,上边界属性是不会继承的;
直觉上,一个段落不会有同文档BODY一样的上边界值。
2.2功能分析
2.2.1、宣传的针对性
医药公司宣传网站是以“针对对象”为导向的,宣传内容针对患者而展开,因而内容相对固定具体,这就为针对宣传提供了较大的探索空间,有利于“小题大做”,对针对专题进行深入而透彻地研究。
2.2.2、内容的整合性
公司宣传网站的内容以针对患者而展开宣传目的为中心线索,集合了所有与该宣传相关内容,在整合多知识的基础上,组建逻辑有序的、符合患者认知规律和特点的宣传模块,因此它在广度和深度上都超过了单一进行宣传的效果。
2.2.3、受众的特定性
任何一个公司宣传网站都不是普遍适用的网站,一旦宣传内容确定,它就相应地有了特定的使用对象。
不同的公司宣传网站供不同层次的客户浏览,具有较强的针对性。
2.2.4、宣传的开放性
开放性包括两层涵义,一是产品资源具有一定的扩展性和整合性,包括与该产品宣传相关的资源:
二是宣传产品资源在宣传网站的应用过程中还将被不断添加补充。
一次宣传网站建设不可能将所有与宣传相关的资源做到完善,因此公司宣传网站的应用过程也是网站不断建设与发展的过程。
网站建设者在使用过程中,可以把自己获取的与该宣传相关的材料上传到宣传材料资源库中,以供其他公司宣传者材料共享,从而体现资源分散开发、集中使用的原则。
2.2.5、功能的完备性
由公司宣传网站的基本构成可以看出,公司宣传网站至少应提供五方面的功能:
展示与公司有关的宣传资料,使公司内外部人都尽可能地了解本公司,也就是说要提高公司知名度,打出去公司的品牌,使公司尽可能地产生品牌效应;
提供公司内部员工资料,特别是高层管理者,让人感到公司管理制度和人员安排井然有序;
应展示公司的产品,推荐最优产品,让人清晰的了解到你这个公司是干什么的,都提供了哪些优质的乳制产品;
提供与员工沟通的邮件方式,方便员工给领导提宝贵的建议和反应公司的一些问题;
公布公司的联系方式,方便客户与之联系,扩大销量。
此外它还应具备一般的宣传网站的功能,体现了功能的完备性和综合性。
第3章总体设计与详细设计
3.1总体设计
3.1.1系统结构图
图3-1系统结构图
新闻动态:
古代还未出现印刷术的时候,人们传递新闻主要是口语相传;
当印刷术出现后,新闻开始以纸张形式流传,但是由于交通原因,流通性不强,这就是小报;
当交通快速发展后,新闻传递速度加快,开始大量印刷,出现报纸;
随着收音机的发明,又涌现一种新式媒介——广播;
随着电视机的发现,一种图音并茂的新媒介——电视出现;
网络的出现,又迫使媒介改编自身的形态,朝网络化方向发展
产品展示页是一种纺织品的展示,有推荐的针对客户群的产品,让人在了解产品的时候,一目了然,对产品的不同性能也能了然于心,这样能让客户在较短的时间有效地了解到公司所主推的产品。
留言反馈,之所以用这个功能是为了更好的增加客户和公司的互动沟通,每天高层领导中都要有人查阅这些留言,以便更好的了解客户所提出的宝贵建议和反应公司的一些问题,也可以反映自己在使用产品中的一些小技巧等,这项留言的开通,将使公司与客户之间和谐相处,共同使公司发展的更好更快。
3.1.2系统设计草图
图3-2设计流程图
联系我们页是外界与公司交流联系的渠道页,如果客户要订货的话,可以拨打电话或发邮件给公司,公司可在最短时间内赶出这批货并邮递到对方客户处,方便快速,有效地提高了销售效益和业绩状况。
招商代理:
医药招商是善用企业资源满足渠道商的需求并为市场的进一步拓展和深化奠定基础。
图3-3首页
公司首页是指通过收集、整理与本网页公司宣传相关的文本、图片、图像、动画等知识内容,以网页宣传为中心,按一定的组织策略进行结构化重组,最后以网页形式制作成的具有较强交互性的网络宣传。
通过专针对结构化产品的展示,可以使客户的浏览具有结构化的特性,而不至于漫无目的,导致浏览效果的模糊。
首页一定要鲜明,让人一目了然。
3.2网站目录结构设计
图3-4结构设计
图3.5结构图
Dreamweaver启动后,会出现一个新的文档操作窗口,该窗口包含如下的几个部分:
菜单栏中包含各种操作命令、应用特性和访问浮动面板的简单方法。
3.3详细设计
3.3.1效果图实现
图3-5实现背景颜色变化
表格的定位使得网站的设计更加的容易,可以事先用PHOTOSHOPS图象处理软件处理一些需要使用到的图片,使它们看来更加美观。
按钮和图标的设计也是体现网站风格的一项重要内容。
其于页面的设计与首页的设计风格相同,只是在布局和内容上面有所差异。
但是差异并不太大,保持相同的风格。
制作简单,却不失个性。
主要代码:
head>
title>
/title>
scriptlanguage="
javascript"
>
!
--
functionmove(){
mouseX=event.x;
mouseY=event.y;
pic.style.left=mouseX;
pic.style.top=mouseY;
}
document.onmousemove=move;
//-->
/script>
/head>
body>
.<
imgsrc="
03.jpg"
width="
209"
height="
130"
id="
pic"
style="
position:
absolute"
/>
/body>
/html>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
隔几秒钟自动变换网页背景颜色的特效丨芯晴网页特效丨CsrCode.Cn<
bodybgColor="
#ffffff"
onload="
chgCol();
pingpong();
"
JavaScript"
--HidefromJavaScript-ImpairedBrowsers
varpos=10;
functioninitArray(){
this.length=initArray.arguments.length;
for(vari=0;
i<
this.length;
i++){
this[i]=initArray.arguments[i];
}
varcol=newinitArray("
4b"
"
5b"
8b"
);
col[0]="
yellow"
;
col[1]="
coral"
col[2]="
orange"
col[3]="
red"
col[4]="
greenyellow"
col[5]="
lime"
col[6]="
turquoise"
col[7]="
col[8]="
blueviolet"
col[9]="
violet"
functionchgCol(){
pos++;
if(pos<
0||pos>
9){
pos=0;
document.bgColor=col[pos];
setTimeout("
chgCol()"
3000);
varyourwords="
不斷變化背景色彩"
varbuffer1="
"
varbuffer2="
varmessage1=buffer1+yourwords+buffer2;
vardir="
left"
varspeed=150;
functionpingpong(){if(dir=="
){message2=message1.substring(2,message1.length)+"
window.status=message2;
setTimeout("
pingpong();
speed);
message1=message2;
if(message1.substring(0,1)=="
*"
)dir="
right"
}else{message2="
+message1.substring(0,message1.length-2);
if(message1.substring(message1.length-1,message1.length)=="
}}//-->
图3-6实现文字闪烁
首先确定网站的主题医药网,根据主题搜集资料,包括图片资料和文字资料。
资料搜集完毕后建立站点将资料保存进去,以备调用。
--Begin
text="
欢迎光临医药网"
color1="
blue"
//文字的颜色
color2="
//转换的颜色
fontsize="
8"
//字体大小
speed=100;
//转换速度(1000=1秒)
i=0;
if(navigator.appName=="
Netscape"
){
document.write("
layerid=avisibility=show>
/layer>
br>
else{
divid=a>
/div>
functionchangeCharColor(){
document.a.document.write("
center>
fontface=arialsize="
+fontsize+"
fontcolor="
+color1+
for(varj=0;
j<
text.length;
j++){
if(j==i){
fontface=arialcolor="
+color2+"
+Text.charAt(i)+"
/font>
document.a.document.write(text.charAt(j));
document.a.document.write('
/center>
'
document.a.document.close();
MicrosoftInternetExplorer"
str="
fontface=arialsize="
+color1+"
j++
第4章系统测试
4.1设计和调试过程中遇到的问题
在网页设计中遇到很多问题,插入的图片不好使,,插入特效的代码不好使等诸多问题,经过参考课本,查阅资料和上网下载等方式将问题全部解决。
4.2网站发布过程以及访问URL
当网站制作好时,网站发布的内容还是采用后台程序录入,录入完成后,后台程序将录入的信息根据选定的模板自动的制作成静态网页保存在服务器上,而且这些静态网页的管理与维护也由后台程序统一进行,不需要人为干预。
这样避免了手工制作静态页面的大工作量,又不失动态页面的灵活性。
网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?
”;
网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
网页的内容相对稳定,因此容易被搜索引擎检索;
总结
本学期的网业设计课程,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页。
总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比较艰辛,但在INTENET领域中,有了一个展示自我的空间,我觉得很开心、很有成就感。
一.充分发挥动手能力
作为网页设计的初学者,我对网页设计非常感兴趣,一心想设计出一个美观、实用、内容丰富的个人网页。
本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。
在这样的压力和动力下,通过自己动手、动脑,通过网络资源,老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,也增强了我的创作能力和动手能力,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。
二.在设计过程中不断提高网页设计水平
在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于网络、编程等方面的知识。
我运用Dreamweaver等网软件设计网页,完善网页。
在这个过程中,我通过自学教材、上网查询,学习了Dreamweaver、Flash、Fireworks等网页软件的应用,学会了管理、维护自己的站点,以及一些简单动画、控件的制作等等。
在设计过程中也出现了很多的问题,但通过看书,上网查询,请教老师等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。
可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。
三.不足之处
由于平时工作比较繁忙,学习时间比较少,