网页制作与网站建设实践报告(网页设计与制作总结报告)
本篇文章给大家谈谈网页制作与网站建设实践报告,以及网页设计与制作总结报告对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
网页设计或网站建设的实践报告
以是研究呀
没有绝对的东西,有利就有弊,利用得好会让你在短期内快速战领市场。现在连收费品,下水道,家政保洁等服务行业能过网络营销接定单火着呢,关键看你如何利用网络营销为你赚钱,拉业务.少走些弯路就行
最重要的从以下几点来做:
1、营销网站制作,网站就如同公司的前台,如果前台都没有,别人到你公司去谈业务,同样的价格别人不一定会选择你。网站一定要做成小型门户型的,千万别用网络公司送的几时十个页面的垃圾网站,
2、网站整体优化,如今中小企业网站数量越来越多,而中小企业里懂网络营销的人才不多,通常中小企业的网站都是由网络服务商制作维护,可是网络服务商只管做网站,不管网络营销。这是其一。其二,网络推广费用太高,一部分中小企业付担不起,而网站优化不必要支付按点击付费的费用。所以有机会节约网络营销成本就抓紧进行网站优化,让你的网站成为行业冠军,定单自动找上门。SEO可从:对网页的URL 、TITLE 、META 标签、正文标题、正文内容、ALT 标签、链接进行优化
3、花钱做些广告,天下没有免费的午餐这句话谁都知道,要想让你的客户找到你,目前搜索竞价广告可以说是较快的让你的客户找到你,但网站一定要做得专业些,千万别用几十个页面那种的。
要一份网页实训报告
一、实习目的:
通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Fireworks
、Flash和Dreamweaver三个软件进行静态网站的设计。
二、实习内容:
1.用Fireworks处理图片。对图片裁剪、钝化、高斯模糊。设置图片的GIF动画格式,制作标题动画。对文字应用效果。利用Fireworks制作导航条并导出格式为html。
2.用Flash制作标题动画。首页中的动画不超过20M。制作按钮来超级链接到其他页面。
3.使用Dreamweaver布局视图,设置本地站点。在标准视图和布局视图模式相互转换。建议使用布局视图,在标准模式中插入层对象制作层动画,利用行为面板添加鼠标行为,制作翻转动画,使用CSS样式统一网页中文字样式,插入Fireworks中的GIF
文件及导入Flash中的SWF文档,设置文档间的超级链接。
三、具体要求:
1、利用Dreamweaver制作一个静态网站,要求网站有特色,整个网站的内容和形式要统一,应能够反映一个简单的主题。可以选择制作《个人网站设计》、《企业网站设计》、《文化网站的设计》、《娱乐网站设计》或者其他自己认为适合的网站。
2、 作一个主页面,至少5个次页面。
3、必须用到框架、表格或层排版技术、Flash技术和图像处理技术,使网站具有合理的外观和功能。
4、 主页基本要求:
页头Logo,准确无误地标识站点和企业标志;
网页标题动画,可以制作成GIF动画或者Flash动画;
导航条;
E-mail地址,用来接受用户垂询;
联系信息,如普通邮件地址或电话;
版权信息。
5、制作一个表单页面。
6、某个页面有滚动字幕。
7、为一个页面添加背景音乐。
8、至少添加一种行为效果。
9、整个网站各页面之间保持风格一致,页面之间要有合理的超级链接。
10、进行站点测试后申请免费空间并发布到网络。
四、网站设计思路:
本站应该算是一个个人主页的小型网站。关于本站站名的来源:微言微语个人主页,因为,我觉得这个网站里面的所有文字都是像一个人在自言自语,在低声地向某人诉说着什么,没有主题,没有目的。取这个站名,是做了网站的大概构思后才取的,觉得,这个名字与网站的图片、背景音乐还有文字都很相符。
个人主页,一般都会包括首页,相册,链接,一些个人喜欢的文字加图片,我的个人主页也不例外,包括次首页(个人喜欢的的文章加图片),我的作品(里面包括自己做的三个FLASH动画),文章(一些自己喜欢的文章),相册(Firworks处理过的相册),关于(关于自己的文字,关于本站的一些说明),链接(世界著名网站的有关链接),反馈表(浏览者信息反馈表)。
五、网站设计过程:
把所有的素材都整理好(图片,文章,相片),开始布局。此站大多数用的是“三”字型的,三字型是我给它取的名字,因为,最开头是一张带有导航条的图片,用Firworks处理过的HTML文件,中间一大片用于放正文,下面就是版权信息,E-mail地址用来接受用户垂询;联系信息,如普通邮件地址或电话,像被分开的三个部分,所以我叫它三字型。这种布局方式看起来比较的整齐,简洁美观。
首页本想做一个动态网页,由于时间有限所以还没完全成功。只好用了一张与次页面一样的背景图片做背景,加上从下向上的滚动字幕,背景图片是用Firworks处理过的图片,大片的灰色墙壁加上颜色艳丽的钮扣图案,首页加了状态栏逐字出现的效果,加了“加入收藏”、“设为首页”等代码。
次页面包括如下些内容:首页、作品、文章、相册、关于、链接以及反馈表。这些页面是用模板做的,上面的图片,导航条以及下面的版权联系方式是不用改变的,都保持着首页的风格,背景图一样,字体与样式一样,图片风格一样。中间是两个可编辑区域。
在所有的页面导航条下面,插入层对象制作了一个层动画,来回移动的层,里面存放日期,利用行为面板为此层添加了鼠标行为,单击此层,会出现对话框,“欢迎您访问我的个人主页!”,做布局大多使用表格布局,使用了少量的css样式,字体,字号,颜色都统一套用相应的样式。
首页中添加背景音乐,小说音乐《我在那一角落患过伤风》,一边看慢慢上移的文字,一边听这轻柔的音乐,给人一种意境美。其实次页面添加《虫儿飞》,轻快而活泼。首页禁止右键复制功能,右键单击没有反应。
次首页,就是进入次页面的第一个页面。主题算是与青春有关的三种感情,三张图片,用Firworks处理,加上相应的文字。要用到两个表格,分别放在两个可编辑区域里面,一个1*2的表格,一个2*2的表格,第一个表格放一张有关于亲情的图片加一小段文字,第二个表格放一张有关于友情的图片加一小段文字,还有一张有关于爱情的图片加一小段文字。作品页面是三个FLASH动画,第一个是左右键控制的图片移动按钮,可以单击来链接到主页面(代码见附录),四个图片经过裁剪、高斯模糊。第二个是光芒四射(代码见附录),要用到ActionScript语言,长短不一的线条加上透明度的改变组成光芒四射。第三个是鼠标跟随特效(代码见附录)。文章页面,就是简单的文字页面,没有什么特别的。相册页面,上面是一个用Firworks处理后的一组图片,鼠标移到小图片上,下面做出现相应的大相片,中间有少量文字,底部是用FLASH做的一组循环滚动图片(代码见附录),图片跟着鼠标的移动而左右移动。关于页面,也是简单的文字页面,没什么特别的,“个人简历”文字链接到WORD文档“个人简历”(代码:a
href="my.doc"),下面有个信息反馈的链接,链接到有关的“浏览者信息反馈表”,此信息反馈表用表单做的,用到单行文本域,多行文本域,单选框,复选框,按键,此表单可以用邮件方式反馈信息(mailto:redcarrot2001@163.com)。链接页面,前面是我的个人主页LOGO,一张用Firworks做的LOGO,并建立有关链接,中间是一些文字,下面是世界著名网页的有关网址以及相应链接。
附录:源代码
(1) 状态栏逐字出现的效果代码:
script language="JavaScript"
var msg = "欢迎来到☆※◎~~~微言微语~~~☆※◎个人主页,请多提意见。谢谢! "
;
var interval = 120
var spacelen = 120;
var space10=" ";
var seq=0;
function Helpor_net() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq = len ) {
seq = 0;
window.status = '';
window.setTimeout("Helpor_net();", interval );
}
else
window.setTimeout("Helpor_net();", interval );
}
Helpor_net();
/script
(2) 首页收藏代码:
onClick="window.external.addFavorite('','微言微语个人主页')"---收藏本站br
(3)设为首页代码:
onclick="var
strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---设为首页/span/p
(4)滚动字幕代码:
marquee align=left direction=up
behavior=scroll height=400
width=550 hspcace=5 scrollmount=2 scrolldelay=200
vspce=5 loop=-1
pspan class="5fdb7af6753b0359 css"1、真的很喜欢那些记录多于表达的人。
br /
…………
…………
183、希望每一个新的一天,醒来的那个你都神清气爽。/span
/p
/div
/p
/marquee
(5)添加背景音乐代码:
bgsound src="aa.mp3" loop=1
(6)禁止右键复制功能代码:
script language="JavaScript"
!--
document.oncontextmenu=new
Function("event.returnValue=false;"); //禁止右键功能,单击右键将无任何反应
document.onselectstart=new
Function("event.returnValue=false;"); //禁止先择,也就是无法复制//--
/script
style type="text/css"
(7)光芒四射代码:
duplicateMovieClip("line","line"+i,i);
setProperty("line"+i,_rotation,random(360));
setProperty("line"+i,_alpha,random(100));
i++;)
if(i100){
gotoAndPlay(1);
}else{
i=1;
}
(8)鼠标跟随代码:
movie._visible=0;
i=0;
i++;
if(i100){
i=1;
}
movie._x+=(_xmouse-movie._x)/30;
movie._y+=(_ymouse-movie._y)/30;
duplicateMovieClip(movie,"movie"+i,i);
this["movie"+i]._x=movie._x;
this["movie"+i]._y=movie._y;
gotoAndPlay(2);
(9)循环滚动图片:
onClipEvent (enterFrame) {
this._x-=(_root._xmouse-300)/15;
if(this._x1371.1){
this._x=this._x-1371.1;
}
if(this._x-1371.1){
this._x=this._x+1371.1;
}
}
(10)左右键控制的图片移动按钮:
on(release)
{getURL("index.html","_blank");}
六、实训中遇到的难点及解决办法:
在设计开始的时候,想的太多,不知道怎么开头,定哪个主题,背景,色调,文字,布局都没有头绪,后来,开始做,而且觉得越做越有头绪了,所以我觉得,还是不要想的太多,太复杂了,不要追求完美,不要做的网页太多,搞到最后,别人都不知道,你这个网站的主题是什么了。
还有就是布局的时候总是不能做到很美观,后来,我把页面属性改了左过距为10,上边距为10,刚好把背景图片里面的那些亮丽的钮扣图案显示出来,改变了表格背景图的灰暗,使网页的整体看起来更美观了。
在做CSS样式表的时候,做字的颜色的时候,老是不知道用哪种颜色才搭配的起这个背景,后来,看到那个背景的钮扣颜色与灰色配起来很好看就用吸管取了钮扣的颜色了。
七、实训心得:
在我看来,设计网页,应该先策划,策划很重要,加上创意,配色很重要,技术与鉴赏能力是最主要的。建立站点的时候,各个文件夹取名的时候,最好用相应的英语,见名知意,如图片文件夹用image,网页文件夹用html。
在所有配色当中,不同的颜色传达着不同的意义也有不同的象征。如白色代表着:清洁、天真、洁净、真理、和平、冷淡、贫乏;灰色让人联想到灰尘、石头、水泥、白银,象征着中庸、平凡、温和、谦让,它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以,在我下载准备素材的时候,就选择用灰色做背景颜色,灰色太贫乏,就加上亮色的钮扣起到“中和”的作用。
通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要,对于网页制作来说,我觉得是一个以多学科设计为基础,受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难,真正困难的是网页的设计创意,文字我觉得也很重要,有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片,也许是喜欢上你的文字,那种感动人心的,唯美的文字。文字与图片要搭得上调,不可能用一张美女图做背景,上面却写有关于亲情的文章。也就是整体的搭配问题。
通过此次实训,使我对于网页制作的三大软件有了进一步的了解,各功能都能够实现。提高了自己的鉴赏能力,综合搭配能力,也对以前学过的内容进行了综合的复习。
通过此次实训,我更了解到,生活中有许多色彩,搭配颜色的时候,联想到生活中的东西会做的更漂亮,给人一种亲切感,现在看到什么东西,我就会联想到做网页的时候,还有怎么布局。反正此次实训收获很多。
最后,我想,如果此次实训老师是要我们分组来做的话,也许,我们可以做得更好,因为,一个想的毕竟不全面,而且,一个人的申美有限,我们可以分工合作,一个人做一个方面的东西,也可以根据他所善长的方面来分工,善长动画制作的人做动画,善长图片处理的人做图片,善长文字与布局的就来布局。但是,也许那样,有些同学会懒的动手,推着给别人做。
网站设计总结5篇精选
通过 总结 ,人们可以把零散的、肤浅的感性认识上升为系统、深刻的理性认识,从而得出科学的结论,以便改正缺点,吸取 经验 教训,使今后的工作少走弯路,多出成果。下面是我给大家精心挑选的 工作总结 ,希望能帮助到大家!
网站设计总结篇一
韶光匆匆,20__ 年马上离咱们远去。回忆这走来的一年,好像去年的圣诞歌还在耳边萦绕,实是感叹时间的飞逝,让自个的脚步显得如此匆忙。可细细品味,却也发觉自个在不容易间成熟了很多。不知不觉中,充溢希望的20__ 年就伴跟着新年伊始接近。回忆20__ 年的作业,有硕果累累的高兴,也有遇到艰难和波折时惆怅。
在医院我所从事的岗位是网络美工,作业首要涉及到网站的 广告 计划,广告图像更换,页面策划修正;网站的页面制造,样式修正,后期保护等不一样作业。能够说但凡需求杰出咱们网络部及网站全体形象的当地,就需求美工参加作业。
计划作业是苦楚并着高兴,每逢面对严重的计划使命时充溢了压力,开端收集各种材料(包括文字的、图像的),接下来寻觅计划灵感,沉思、焦灼,通过苦楚折磨,总算有了满足的创意时倍感轻松。每逢通过艰苦的磨炼,自个的劳动成果得到咱们的肯守时,即是作业中的高兴!充溢了爽快。
下面是我曩昔一年来作业回顾,作业首要环绕以下内容:
1、官方网站改版。
2、激光美容网制造与计划。
3、中韩整形美容网站有关样式修正,平时保护,广告计划,内容更新。
4、活动专题,与项目专题的计划。依据案牍供给的内容来计划策划专题活动。平均3天/个。
二、经验总结:
作为一个页面美工除了请求页面三剑客,PS这些必会的软件之外,还请求对HTML用得娴熟,对ASP或PHP,以及JSP要有开始的了解。
1.表达必定的艺术作用,特别是医疗网站,视觉作用很主要。一个成功的网站应当把页面计划得吸引人,同时又要传达计划思维和情感。页面作为一种媒体,它有必要具有必定的艺术感染力,一个平淡无奇、杂乱无章或毫无美感的页面很难会有阅读者喜爱,更不说去阅读它的内容了。
2.使页面构造明晰可读性强经常能够看到这么的页面,上面堆砌了很多内容,却没有思考它的空间结构,让人无法知晓那些内容才是威望的。没有流通的视觉流程,这是典型的没有注意到编列明晰度、可读性的体现。
3.完成不一样的功用:在网络这条信息高速公路上,页面最首要的功用即是一种传递信息的手法。因而,它全部内容都是为了这个目的而效劳。都要环绕这个基地进行计划。然后,要完成这个功用,页面的美工计划和内容都有必要有针对性。所谓针对性,即是指对不一样种类的页面请求选用不一样的美工艺术作用。
4.页面的内容:
页面计划人员美化页面,添加页面计划的艺术感,都是为了页面计划的内容效劳的。通常来说,页面的几项基本内容:标题、网站象征、主体内容、导航、广告栏等。
5.断定网站的个性:
整形美容行业的网站或许专题,阅读用户集体,通常都是爱美人士。年纪大约在20~45岁之间,对于这类集体,页面计划得浪漫并有艺术感。
6.断定页面之间的连接联系:
在网站的部体计划列出来后,就有必要要思考各个页面之间的联系,是星型、树形、网型仍是直线连接!
从事了一年多的医疗行业网业美工,总算体会到页面计划无非是图文混排的那点事。而且并不是每次计划的东西都能被别人认可。本来这都没有什么,由于这些无非是生长过程中常常要遇到的事算了。
本来作业是人日子的主要部分,不论是消沉仍是活跃,都会给人带来不一样的感触。而精彩的日子通常又来源于有意义的作业中,所以我不会让自个因作业的烦恼、艰难和压力,困惑自个,使自个情绪经、遇到艰难我会用往常心态实际看待问题,告诉自个凡事要先做人、后做事。
20__ 年以经到来,新的一年意味丰新的起点新的机会新的应战,我决计在现有的基础上再接再厉,更上一层楼,必定努力使自个的作业能力再上新的台阶。最终,谢谢我的上级对我的言传身教的尽心指导,我必定会以活跃主动,充溢热情的心态去作业。
网站设计总结篇二
设计工作是痛苦与快乐的炼狱,每当面临新的设计任务时,因为觉得自己的水平不够,感觉充满了压力,开始搜集各种资料,接下来寻找设计灵感,沉思、焦灼,每当经过艰苦的磨砺,自己的劳动成果得到肯定时,便是工作中的快乐!充满了快意。
一、工作总结
从开始连效果图都做不好到现在能自己套程序,虽然自己也付出了努力,但是更离不开同事们的帮助。在这三个月里,我学习了制作网页的基础知识。从配色到布局,从制作效果图再到切片,再到用dw制作网页,最后套程序。每一个环节我都没有松懈,不管是在公司还是回到家里,我都会充分利用时间来学习,补充自己贫瘠的知识。虽然现在的水平还远远不够,但是扪心自问,我在远洋的每一天都是充实的,没有虚度,我相信在新的一年里,通过自己的努力和同事们的帮助,我会学到的东西,不管是在技术水平上还是其他方面,都更上一层楼。
二、工作中的不足
虽然通过三个月的努力,技术水平有所提高,但是还是存在很多不足的地方,因为基础打的不够好,很多地方学习起来有些吃力,不停的问同事,也给别人带来了不少麻烦,因为知识的不足,使得开始的学习有些混乱,感觉不知道从哪里开始学起,无从下手,浪费了不少时间。
三、新一年的目标
过去的一年的整体上是紧张的、忙碌的、充实的。因为我刚刚来到远洋,所以对我来说这也是充满希望的一年。展望新的工作年度,希望能够再接再砺,同时也加强自身的能力,工作中与同事多沟通,多关心了解其他部门的工作性质,进一步提高自己专业知识技能,积极吸收新的观念与设计理念,要继续在自己的工作岗位上踏踏实实做事,老老实实做人,争取做出更大的成绩来。
我们经过痛苦煎熬,终于做出来的时候倍感轻松。
网站设计总结篇三
时间一晃而过,转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中,自己慢慢转变为一个社会人,自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。
记得初到公司时,我对公司的了解仅仅局限于公司网站的简单介绍,除此之外,便一无所知了。但是,在领导和同事们的支持和帮助下,我不仅加深了对公司的了解,而且很快就掌握和熟悉本岗位工作的要求及技巧,严格做到按时按量完成产品终端页等页面的制作,保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时,减少页面中冗余的代码,保证页面的加载速度。此外,注意用户体验问题,站在用户的角度浏览网页,发现问题、解决问题,以提高网站的浏览量。
自从担任网页制作以来,虽然在工作中取得了较好的成绩,但也还存在一些不足之处。例如:工作中没有充分领会领导的意图,有时会忽视公司的工作流程等等,这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。
在今后的工作中,我将努力提高技术水平,克服不足,朝着以下两个方向努力:
1、在以后的工作中不断学习技术知识,通过多看、多学、多问、多练来不断的提高自己的各项业务技能。
2、提高自己解决实际问题的能力,并在工作过程中慢慢克服急躁情绪,积极、热情、细致地的对待每一项工作。
短短三个月的时间,我学到了很多专业的知识,能够得心应手开展工作;在一个和谐的环境下,开心的工作;可以说都是受益于各位领导的栽培和各位同事的赐教。总的来说,由于本人工作经验不多,能力还有欠缺。虽然能胜任本职工作,但是社会在不断的进步,技术在不断的更新,我还需要更多的磨砺。为此,今后在工作中,我需要进一步增强开拓创新精神,刻苦钻研新的技术。在上级的正确领导下,努力拼搏,扎实工作,以更好的质量、更高的效率、更扎实的作风做好本职工作,为我们这个光荣的集体、辉煌的事业做出应有的贡献。
网站设计总结篇四
不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情.
自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站.所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上.更何况这一次实操.回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点,可能有人会说我傻,但正因为这个傻的行动,令我学会很多东西,学会别人不懂的东西,做出一个令自己满意的网站,可能跟别人比还需要继续完善,但我不会因为实操结束,就把网页设计抛到九霄云外,我会继续学习网页设计技术,把它变为自己的一项特长。
回顾第一天的《网页设计与网站建设》课程实操,老师叫我们继续完善以前设计的网站,做出留言板、注册的功能。我很快就完成了,但可能我是一个追求完善的人,所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定,从头开始做一个网站。因为我觉得以前那个真的不是太好,尽管实操的时间过去了一半,尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著,追求成功,追求完善的人,才会使我今天交出一个令自己满足的答卷。
在制作个人网站时我们首先:
一、必需进行个人网站前台功能设计
包括个人网站主题的确定,前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、对个人网站后台管理功能设计
包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。
三、网站的发布
通常我们发布一个网站可能以能过域名注册,但我们也可以利用自己主机,装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。
四、个人网站推广
一个网站做好了,就要对个人网站进行推广,这是一个电子商务网站必需做得的一步,因为如果你不对你的网站进行推广,就算你发布了也没有人会知道的。
在设计这个网站时真的体会很多东西,从一开始网页主题的确定,到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划,因为如果你不规划好,想做什么就做什么,是不会做得好的。因我为体会到这一句话:“机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如:775宽度,分三栏,每一栏占多少。因为我深深懂得“细微处才见真功夫”。
在这次实操过程中令我印象最深的是做留言板,因为刚好在上一个星期sql数据库实操做过了,所以今次在做就比较轻松,但我以前是经过一个比较长的练习,做完了n次,可能有人会想,肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的 方法 。第一次我用的是access数据库,第二次我用的是sql数据库加权限管理,第三次我用的是数据源名称的连接,第四次我用的是自定义连接字符串,第五次……每一次用的方法都是不同的,可能有人会说我傻,会一种方法就行了,还要那么多吗?但我想说的就是不是这么多次的练习,不是之么多次不同的方法,也就不会造就出今天熟能生巧的我,也不会对同学提出的问题解决到,也不会轻松教会同学,因为你自己首先学会,学通,学广,才能把问题一一的解决。
网站设计总结篇五
现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习 网络知识 是我们作为一名大学生迫切所需的,
我利用寒假的时间,对网页设计进行了初步的认识和了解,并基本掌握Dreamweaver的应用。
通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的 网络技术 。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、Flash、Fireworks等网页软件的综合应用。
下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。
首先,要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.
在完成以上的基本内容之后网页的基本框架便成形成了,
下面要开始的便是优化工作,
内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。
如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片,Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
总体来说,通过这个假期对网页设计的学习,有收获也有遗憾。但是,我已经迈入了网页设计的大门,只要我再认真努力的去学习,在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高,我坚信将来设计出的网页会更加专业,更加华丽,使它最终成为自己的一项技能。
网站设计总结5篇精选相关 文章 :
1. 网页设计师2020年度工作总结范文5篇精选
2. 网站设计开题报告范文精选5篇
3. 平面设计工作总结报告范文精选5篇
4. 大学生自我总结5篇精选
5. 设计人员精选年终总结5篇
6. 美工工作总结报告范文精选5篇
7. 设计工作总结报告范文5篇
8. 2020平面设计师工作总结精选5篇
9. 2020平面设计师个人总结五篇精选
10. 2020ui设计师年终总结精选五篇
用ASP制作网页的实训报告总结
1. 实习内容及知识应用
1.1实训内容以及进程安排
实训内容:动态网站制作的学习及动态网站的制作
这次在3名指导老师的带领下,我们主要学习了用2种现在比较流行的动态网站开发平台来开发网站:JSP平台与ASP.NET平台;JSP平台方面主要通过XX老师示范制作myblog个人博客网站而学习JSP平台的搭建、数据库的连接、网站测试等内容;而ASP.NET平台主要通过XX老师和XX2位老师的指导,学习并搭建了ASP.NET平台,掌握了网页三剑客制作动态网站的基本常识与方法,以及数据库的连接、网站测试及Photoshop处理图片等内容
:
进程安排
日期
日程安排
08年7月28日 确定小组组员,小组成员为:XX(组长),XX(组员)
08年7月29日 确定小组动态网页开发平台为ASP.NET
08年7月30日 确定网站要实现的功能①
08年7月31日-8月5日 制作BBS网站
08年8月6日 测试BBS网站
08年8月7日-08年8月15日 制作电子商务网站
08年8月16日-8月17日 测试电子商务网站
08年8月18日-8月20日 提交网站给指导老师,听取指导老师意见,完善网站
08年8月21日-8月22日 网站制作与小学期总结,写小学期文档
08年8月23日 提交小学期文档,小学期实训结束
说明:①经过讨论,我们组决定建设2个网站来实现以下功能
网站1-BBS网站:在这个网站中,我们主要实现了站点日历与站点搜索引擎2大功能。
网站2-电子商务网站:在这个网站中,我们主要实现了用户注册与登陆、购物车的实现、订单的显示等页面。
1.2知识(点)应用以及经验总结
这次制作2个网站主要应用的知识有以下:
⒈ 数据库的创建
① Access数据库的创建
Acess提供2种数据库创建方式:一种是创建一个空数据库,然后编辑数据表的内容;另一种使用数据库自带的模板创建;在动态网页面中,一般应用第一种方式
② Access数据库的打开方式
包括打开、只读方式打开、独占方式打开、只读独占方式打开
③ 利用设计器设计Access数据库
利用Access数据库里的设计器设计Access数据库
④ 使用向导设计Access数据库
通过Access的向导,经过一系列对话来设置Access数据库
⑤ 通过输入数据连接Access数据库。
先输入数据再确定字段
⒉ 数据库的连接
① ODBC连接数据库
打开ODBC数据源管理器面板。 在windows XP中打开控制面板,再打开管理工具,找到数据源(ODBC),双击图标打开管理器,选择系统DSN。添加数据源,点击添加按钮,开始创建数据源,在接下来的对话框中选择数据源的驱动程序,因我们使用的是Microsoft Access创建的数据库,所以选择Microsoft Access Driver(*.mdb)作为数据库驱动程序。点击完成按钮,填写数据源名,以简单易记为原则,这里我们以userinfo(表名)来命名,注意不要冲突。说明填不填都无所谓,是描述这个数据库的用途而已。点击选择按钮,选择你的数据库文件。找到自己想添加的数据库,选中即可。
② OLEDB连接数据库
在Dreamweaver 中,可以通过在连接字符串中包含 Provider 参数来创建 OLE DB 连接。打开Dreameaver,在站点里面先新建个ASP页面(index.asp)。 在“应用程序”面板中选中“数据库”标签。只要我们在前面建立了站点,选择了文档类型(即我们选的ASP Javascript的),并且还测试了服务器();则当前我们看到就剩下第四步没有打勾了。 那现在就点击“+”号,选择“自定义连接字符串”。在弹出来的“自定义连接字符串”对话框中,"连接名称"随便写一个。“连接字符串”就要好好填写了。当"使用此计算机上的驱动程序"时应用绝对路径:DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d: ewgndatabasecnbruce.mdb 否则“使用测试服务器上的驱动程序”采用Mappath转换路径"Driver={Microsoft Access Driver (*.mdb)};DBQ=" server.mappath("/newgn/database/cnbruce.mdb"),点击“测试”,出现成功对话框,成功连接数据库后,在DW里其实是自动生成了一个连接文件。位置在自动生成的Connections文件夹中,名称是你刚才在“自定义连接字符串”随便敲的为命名asp文件。还可以注意到DW数据库标签内看到mdb文件内的各个字段。
⒊ 动态网页开发技术
① 记录集的定义
分为简单记录集定义与高级记录集定义,简单记录集的定义使用户不必用SQL语句查询而快速定义记录集。高级记录集定义则通过SQL语来定义记录集。
② 记录集的绑定
记录集(查询)的绑定。在网页中插入一个表单,并输入需要插入到数据库的相关内容,然后通过记录集(查询)功能来实现表单和数据库的相互协调使用,并实现“动态”功能
③ 重复区域服务器行为
服务器行为其实一段VB代码,为了方便用户对记录集的操作,DW中将常用代码进行封装,命名为服务器行为。而重复区域服务器行为相当于一个FOR循环函数
④ 设置记录集导航条
添加记录集导航条以分页的方式用来显示重复区域服务器行为显示有限的记录
⒋XML动态网页制作
① XSLT
XSLT 是一种用于将 XML 文档转换为 XHTML 文档或其他 XML 文档的语言,XSLT 用于将一种 XML 文档转换为另外一种 XML 文档,或者可被浏览器识别的其他类型的文档,比如 HTML 和 XHTML。通常,XSLT 是通过把每个 XML 元素转换为 (X)HTML 元素来完成这项工作的。
⒌服务器的配置
① 站点存放点的创建
打开电脑,在D盘下建立一文件夹newgn(这个夹子就是你的站点存放点了),并且在里面建几个子文件夹(就好似你网站的子目录)。
② 建立虚拟目录
回到newgn的根目录,右键选择“共享和安全”(其实是快速地建立虚拟目录)
③ 设置IIS的虚拟目录
出现属性对话框后,选择“Web共享”标签,点选“共享文件夹”,出现共享别名对话框,选择默然设置,确定即可
⒍利用Dreamweaver创建站点
选择“编辑站点”,在弹出的属性框中选“高级”标签,从“分类”中先选“本地信息”,右窗口中设置站点名称,本地根文件夹,然后设置远程信息,访问选择“本地/网络”,远端文件夹仍选择站点文件夹d: ewgn,再接着“测试服务器”,“服务器模型”暂为ASP vbscript,“访问”本地/网络,“测试服务器文件夹”仍是站点文件夹d: ewgn,“URL前缀”在后面添加“newgn/”,添加的东西就是设置的虚拟目录,这时,站点定义基本结束,点击确定。出现“编辑站点”对话框,“完成”即可。
⒎利用FIREWORKS处理图片
利用FIREWORKS处理一些图片和制作一些GIF动画图片
经验总结:
利用Dreamweaver做ASP动态网站主要为以下几步:
①网站服务器配置
②数据库设置
③数据库显示
④建立注册系统
⑤建立登陆系统
⑥美化网站
2. 实习心得
{要求500字以上}
l 过程、功能需求、菜单设计、界面设计、数据库设计、知识的应用技巧、团队合作感受等(指导教师可按实习内容进行要求并自行增加内容)
本次小学期期实训,我们小组主要制作了2个动态网站,而制作这2个动态网站的主要过程是:
⒈个人博客网站
①站点的定义
②数据库的连接
③制作站点搜索引擎及搜索结果页面
④制作日志列表
⑤制作BLOG首页面,基本页面设计
⑥定义并绑定记录集
⑦界面的美化
⑧设置重复区域
⑨指定日期的日志内容页面
⑩日志具体内容页面-日志内容和回复及日志回复功能
⒉电子商务网站
①站点的建立和连接字符串
②用户登陆及用户登陆信息显示页面
③错误信息页面设计
④创建模板
⑤添加登陆页面的嵌入框架
⑥用户注册页面的实现
⑦添加“密码”比较验证的代码
⑧制作最新产品导航条与滚动产品导航条
⑨产品展示的实现
⑩用户购物车:限制用户登陆、添加购物车程序、购物车链接、删除购物车
而这2个网站实现的功能大不相同,前者为一个博客网站,主要实现了站点搜索引擎、日志列表、站点日期等内容;后者为一个电子商务网站,主要实现了用户登陆、用户注册、密码验证、产品展示以及用户在线购物等内容;刚确定制作网站的时候,本设想将2个网站整合在一起,但由于技术和其他原因,这个目的没能实现。
制作动态网站,数据库最重要,在我们小组这次制作网站的过程中,花时间最多的地方就是数据库-数据库的建立、数据库与网站的连接、记录集的绑定、数据库安全等等,由于时间的关系,我们小组这次采用的是Acess数据库,它与其他数据库相比较相对来说操作比较简单。在数据库的制作中,这次我们小组遇到的难题主要是采用OLEDB连接数据库的方法,这个难题的关键之处是在于如何利用 Provider 参数来创建 OLEDB 连接,我们在网上搜索了大量资料并在XX老师的帮助下终于学会了如何使用OLEDB连接数据库。
总结这次小学期实训,这次2个网站能这么顺利的完成,离不开老师的帮助和小组成员的努力,虽然这次小学期实训我们小组只有2人,但是我们是一个有效率、有组织、有团队精神的小组,有效率在于小组制作网站中分工明确、讨论有目的;有组织在于小组成员能按时、有质量的完成自己的分工任务,值得一提的是这次小学期网站开发的大部分时间在小学期实训教室而我们小组成员还从未擅自旷课、上课迟到、早退等违纪行为;有团队精神在于我们小组实训过程中的共进退,从不因为自己分工任务提前完成而拉下其他组员,我们意识到小组是一个有组织、有记录、有共同目的的集体而不是一个由分散的个人组成的团体,在这次小学期实训中之所以提出小组分工这是锻炼小组组员的个人能力培养,而帮助有困难的组员这充分培养了组员之间的默契和团队协作能力。
这次是毕业前最后的一次小学期实训,也是自己做投入、最用心的一次实训,与以前的小学期相比,以前的小学期都是以掌握某种实训技能为主,而这次小学期则不仅掌握了动态网站的制作技术而且还制作出了自己的成果,自己非常高兴。经过这次小学期,我领悟到任何东西都要“学以至用”,学习了还不行还要看自己掌握了没,掌握了还不行还要看自己熟练了没,熟练了还不行还要做出一定成果。即将毕业,能接受这么一次有意义的小学期实训感觉很充实。
网址:
网页设计实训总结心得6篇(2)
网页设计实训总结心得体会范文4
上周,也就是5月31日到6月4日的五天里,我们电商专业进行了为期五天的网页制作实训。
在机房里待了一个星期,虽然生理反应不大,但是还是不好受。原本以为是实训比平时上课要舒服多了吧,但是这一个星期下来差点没被累死,比平时上课还疼苦。但是在这实训的一星期里我的收获还是很多的。
第一、从这次实训当中我深刻的体会到理论知识的重要性,只有在自己熟练理论知识后再能在实践中游刃有余,才不会出现“书到用时方恨少”的尴尬体会。
第二、实训中我印象最深的是对各种网页制作工具的使用不熟练,甚至还有个别不会用的,只是自己想要做个图片或图标等都做不好,其心情想而知。所以对这些网页是做工具的使用都要练习。
第三、集体协作是我又一个体会。这次网页制作由于某些原因我一个人一组,是我搞掘到压力很大而且很累,而且我自己的思维能力很有限,网站设计和制作上也略显粗糙和不足,正所谓:你有一个思想,我有一个思想,分享后我们就都有两个思想。所以与同学合作是很有必要的。
总之,这5天里自己虽然很累,但是自己的收获也是很不小的,所以我也是很开心的。
网页设计实训总结心得体会范文5
实训的五天中,我的心情就好像这五天的天气变化,有晴有阴,只是差了点眼泪。但这并没有使我放弃,我不想落后,也不想拖小组的后腿,我告诉自己只有努力做好一切才是我的选择。一次次的失败,一次次的尝试,做好的那一刻,激动、高兴。我不是天才,有些知识不会。查书,问同学,找代码等等,时间飞速的流逝着,有些学会了,但仍然有不会的。
我们的小组从开始就产生了分歧,网站主题不一致。直到制作网站的第三天,我们才达成共识,两方各退一步。还好,大家做出来的效果差不多,接下来的几天大家一起努力制作网页。遇到问题了,互相讨论,找出解决的方法,解决不了的就找人问。
在规划网站结构前,我们在互联网上大量的寻找网站布局规划,“不行”、“不行”、“与主题不搭”等一遍遍否定的话不断说出,终于确定了。我们做旅游的,以春夏秋冬四季分作,色调意思及颜色搭配。制作的过程中,我们改变了初衷,不知道是好,还是坏,决定做春夏冬三季及另外涉及天下旅游方面的主网页。
选取素材,一个个的挑,看的越多也变得越难选,好多与自己想要的想差太远,找的眼都花了,还是得找。磨练又一次的来了,坚持吧,努力吧,找完就好了。
制作网页,一遍遍的改。不对、不对,颜色不搭,不能突出主题,浏览出来的结构不搭,改吧。累啊,烦呢,还是得继续做。做网站是即使出现再多的错误,也要坚持做,耐心点,做好做完就好了,就轻松了。
我们经常在嘴边挂着要有“团队合作理念”,但行动起来时,有些人还是会忘记,也许是固执,也许是其他原因。遇到这种情况时,要有人站出来调节,尽快解决矛盾,否者会影响整体的工作进程,彼此不高兴。制作网页不协调,影响质量。
我们这次实训的目的及要求是:以小组为单位,合作完成从确定网站主题、规划网站结构、选取网页素材、到制作网页内容等步骤,从而掌握网站建设的全流程。同时,培养团队协作精神,提高综合运用所学分析、解决实际问题的能力,实现由理论知识向操作技能的转化。
网页设计实训总结心得体会范文6
从学校 毕业 后,我第一次步入了社会,从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人,面对陌生的人,我不善言辞,不会给自己的外表进行很好的包装,不适合做那些销售、接待的工作,只有技术类的工作,少说多干的活适合我,这个我很清楚。现在,中国每年都有很多毕业的大学生找不到工作,我也不例外,所以,这第一次实习工作肯定不会太好找,但是相反,我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况 报告 如下。
一、工作介绍
我工作的这家公司,从事网站开发工作的,公司在技术团队这部分是比较正规的,一般是五到六人为一个小组,小组中有明确分工,有负责联系客户接恰生意的,有专门做技术的,而在技术这块分为网站前台、后台开发,我在学校主要做的是后台开发,当然前台设计工作也还算熟练,但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作,这样的网站技术难度不大,而且工作周期短,有相当一部分的,只需要通过cms软件就可以进行开发。但是有个别的网站开发时,我们还是需要进行一些手写代码工作的。
二、开发技术
做为一个刚毕业的大学生,我的知识储备肯定有不足的地方,毕竟学校教的东西肯定会有一部分和社会是脱节的,但好在我的领导对于我没有太多的要求,他只是要求我尽快的适应公司的工作和生活,在短时间内熟练的掌握相关技术,干好本职工作。
在大学里对一个学生来说什么是最重要的,那就是学习能力。要知道,这个世界上,知识在发展,人类在进步,每天都在进行日新月异的变化,我们的知识储备总会有不够的地方,但是一定要有学习能力,将不会知识快速掌握,只有这样才能占据主动,减少被动情况的尴尬发生,通过二个星期的时间,我成功的适应了公司的工作和生活节奏,每天早九点上班,晚17:30下班,中午休息一个半小时,每周还有两天假期。我利用业余时间,抓紧学习,将工作中所需要的技术进行了强化学习,其实这些东西在学校的时候就接触过,只是不精通。那个时候学的东西多,难免有个主次之分,这次工作了,才知道哪个应该多学点,但好在我都有学过,所以有个好的基础在这里,也就不怕了,比如说:flash,公司要求技术人员会做flash,flash这东西以前我在宿舍的时候经常玩的,可是后来在分析就业情况时,分析错了方向,以为这东西没有什么用处,结果就给荒废了。但好在还有印象,并且当初记了很多的笔记,所以说记笔记是很重要的事情。而其它像javascript、xml、数据库这些东西我都学过,只是实践能力稍差一点,但好在从前在学习方面用的功不是白费的。通过这种实战环境,和半个月的刻苦学习,我终于可以感上小组的工作进度了,已经可以很好的完成领导教给我的任务了。
像我这个组常用的是css+div排版,后台使用php技术进行开发,服务器平台采用,linux+apache+mysql+php,这种lamp组合,我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版,这种方式简单但是已经有些过时了,现在大部分网站都开始了重新构架,所以都采用css+div进行网页排版,我目前正在学习,掌握的还算比较快。而在后台开发部分,我们使用php来进行开发,我的工作是手写一些小模块。或者用javascript写一些特效小代码。
三、工作流程
小组分工时,我负责后台里小模块的开发工作,如:留言板或论坛,还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作,使用css+div技术。编写代码这种工作看起来有些枯燥,其实时间长了以后,还真有点厌烦,但是后来我明白,只有将自己的本职工作做好,提高自己的技术,做出优良的东西,这样自己才会有价值感,才会对自己的工作保持新鲜感。所以我每天都在工作后,记录下每天在技术上的不足之处,回家后,将强学习,这所谓:找出不会的地方,学会它,你就变的强大了。
php是现在比较流行的一种网站开发技术,由于它是开源的免费代码,并因良好的跨平台性能受到了大重的喜欢,我个人认为php很简单,适合初学者学习使用,但是在某些地方想要做好,就需要你认真的学习了。目前,我负责的只是技术性较低和规模较小的模块,不过,我觉得从简单处做起也挺好的,但是我在写代码时,还是经常犯些小错误,导致代码页面经常出错,而自己往往还找不到是哪错了,有几次急的都不行,不管怎么弄,结果就是错误,后来我才发现,原来只是一个小错误,小的不仔细察看,我都找不到。于是我明白,做开发工作,一定要细心,否则就会给自己和别人带来麻烦。
四、安全检查
安全检查是很重要的一个环节,就像你给人家盖房子,房子盖好了,可是门和窗不结实,那这种就必然不会安全的了。页站的制做也是同样的道理,在安全方面,有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性,有些人员在一些环节上的疏漏,很有可能导致网站在实际使用时,遭到黑客攻击,如果造成了经济损失就无法挽救了。
所以,我们每个人在将各自的工作完成以后,组长和其它专门的技术人员会对网站的安全性进行测试,找出存在的漏洞,然后加以修改。以使它的安全性达到最高最稳定的状态。
在公司进行实习工作的这段时间,我在个人技术上收获了很多,现在的我已经能独档一面了,做一些难度比较大的工作,我通过优异的表现,已经转为正式员工,我对自己的表现感到满意,最重要的是我给自己的学校争了光,但是在社交能力方面,沟通能力上还有不足的地方。我决定在今后的工作和学习,要加强和别人的沟通能力。使自己变的更好,为国家为社会做出更多的贡献。
网页设计实训总结心得6篇相关 文章 :
★ 网页设计实训总结心得6篇
★ 网页设计实习心得体会3篇
★ 网页设计实训报告心得
★ 网页设计实训心得
★ 网页设计实习心得体会总结
★ 网页设计实训心得三篇
★ 网页设计实习心得体会
★ 网页设计实习心得体会感想
★ 学习网页设计的总结
★ 有关网页制作实训报告心得体会
关于网页制作与网站建设实践报告和网页设计与制作总结报告的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。