当前位置:首页 » 网页前端 » web实训报告400字
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web实训报告400字

发布时间: 2022-07-11 14:02:32

⑴ javaweb实训报告中前言怎么写

在实训生活中,我了解开发项目的需求、设计、实现、确认以 及维护等活动整个过程,让自己开始懂得一点软件工程的知识点。
首先,了解需求分析的重要性,比如:需求分析就是分析软件用户的 需求是什么.如果投入大量的人力, 物力,财力,时间,开发出的软件却没 人要,那所有的投入都是徒劳.如果费了很大的精力,开发一个软件,最 后却不满足用户的要求,从而要重新开发过,这种返工是让人痛心疾首 的.(相信大家都有体会)比如,用户需要一个 for linux 的软件,而你在软 件开发前期忽略了软件的运行环境,忘了向用户询问这个问题,而想当 然的认为是开发 for windows 的软件,当你千辛万苦地开发完成向用户 提交时才发现出了问题,那时候你是欲哭无泪了,恨不得找块豆腐一头 撞死。所以,需求分析是成功的第一步,就是要全面地理解用户的各 项要求,并准确地表达所接受的用户需求。
然后呢?确实客户的需求 的以后我们要做什么呢,那当然是设计和分析。此阶段主要根据需求 分析的结果,对整个软件系统进行设计,如系统框架设计,数据库设 计等等。软件设计一般分为总体设计和详细设计。好的软件设计将为 软件程序编写打下良好的基础

⑵ 网页 实习报告

网页制作实习报告

利用ASP设计网页的实习报告

今年11月,我在超想电脑公司实习,本次实习主要是参加超想电脑公司给一个地税的办公自动化系统的软件设计,此软件采用asp开发。本人在此过程中主要参与了用ASP进行网页设计,包括新闻栏的创建和自动更新,以及公告栏的创建、使用和维护。通过本次设计,使我更加深入掌握了ASP网页设计的技巧。下面就是本人在本次实习后的心得。

ASP是Microsoft公司推出的一种用以取代通用网关接口的技术,英文全称Active Server Pages。它是一个Web服务器端的运行环境。ASP本身包含了VBScript和JavaScript引擎,使得脚本可以直接嵌入HTML中。现将我们在ASP运用过程中的几个小技巧与大家分享。

一、 新闻栏
大多数网页上有新闻栏,用以显示最近新闻的主题,点击此主题即可查看详细报道。倘若每天都一条条写在网页上,再依次建立链接太过麻烦。如何让其可以根据文件自动更新呢?
1. 预备工作:
1) 建一个文件夹,起名为"news",假设存于D:/ASP/目录下;
2) 把每条新闻的详细内容写入文件,且此文件的命名形式为:x (newstime).htm。其中x为此条新闻的主题,newstime为此条新闻发布的时间(按年-月-日顺序写)。为什么要这样写呢?看了下面的算法思想和源程序就知道了。
2. 算法思想:对于news文件夹中的文件,依据它们文件名中新闻发布的时间(即括号内的内容),从大到小排序。这样一来,最新的新闻排在最上面,只要在网页相应位置显示 news文件夹中最上面的若干个文件名,因为文件名的命名方式如1中所述,就可以在新闻栏中显示最新新闻了。
3. 源程序段(用VBScript编写的)
<%
Dim fs, f, f1, fc, filenum
dim count
dim i,j,t1,t2
dim file(100)
dim mystr(100) '标志文件中日期的字符串
count=0
Set fs = CreateObject("Scripting.FileSystemObject")

Set f = fs.GetFolder("D:/ASP/news ")
Set fc = f.Files
for each f1 in fc
count=count+1 '计文件个数
file(count)=fs.getbasename(f1) '标记文件基名
mypos=InStr(1, file(count), "(") ')在文件基名中的位置
'文件基名中的日期字符串
mystr(count) = Mid(file(count), mypos + 1, Len(file(count)) - (mypos + 1))

next

for i=1 to count

for j=1 to count-i

if mystr(j)<mystr(j+1) then

t1=file(j)

file(j)=file(j+1)

file(j+1)=t1

t2=mystr(j)

mystr(j)=mystr(j+1)

mystr(j+1)=t2

end if

next

next

j=1

if count<10 then '新闻栏中共显示10条新闻

temcount=count

else

temcount=10

end if

do while j<=temcount%>

<a href="file:///D:/ASP/news/<%=file(j)%>.htm" target="new_window"><%=file(j)%> </a>

<%

j=j+1

loop

%>

4. 新闻栏内容更新:

只要养成良好的书写习惯,使得新闻的名称遵照1的要求,再把写好的文件存入news文件夹,新闻栏就会自动显示出最新的10条新闻了。

二、 公告栏

除了新闻栏之外,较常用的就是公告栏了,公告栏主要用来显示一些重要的通知。当然这些通知是要经常变化的。让用户每次更改公告内容时都到源程序里去修改吗?当然不行,我们必须提供一个维护的界面给用户,使得用户只要输入通知,网页上的公告栏里自然就会显示通知内容了。

1. 解决这一问题的关键在于灵活应用FileSystemObject对象和TextStream对象。在实际应用中,你无需自行建立TextStream对象,因为只要利用FileSystemObject对象打开了文件,系统便自动建立TextStream对象。也就是说,一旦调用OpenTextFile或CreateTextFile方法,便会传回TextStream对象。

2. 所需相关文件有三个:更新.asp、公告.asp、维护文本.txt,把它们存入d:/ASP/maintain目录下。

3. 三个文件的主要功能和源程序段:

1) 更新.asp

主要功能是让用户输入欲显示的公告,检验输入内容是否为空,若不为空,则提交给”公告.asp”程序处理。

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<meta content="Microsoft FrontPage 4.0">

<meta content="FrontPage.Editor.Document">

<title>更新公告栏内容</title>

</head>

<body>

<script language=vbscript>

function datacheck()

dim msg,errflag

errflag=true

if len(trim(maintain.t1.value))=0 then

focusto(0)

errflag=false

msg="请输入需提交的公告内容"

end if

if (errflag=false) then

msgbox msg,64,"oh no!"
exit function
end if
datacheck=errflag
maintain.submit
end function

sub focusto(x)
document.maintain.elements(x).focus()
end sub
</script>
①<form method="POST" action="公告.asp" >
<p><input type="text" size="84"><input type="reset" value="重写" >
<input type="button" value="提交" ></p>
<hr color=#FF99FF size=1>
</form>
</body>
</html>
语句①中的action="公告.asp"部分,指出了在form提交后要启动的程序为“公告.asp”。

2) 公告.asp
通过FileSystemObject对象和TextScream对象对"维护文本.txt"文件进行读写操作,使得此文件最上面5行的内容为要在公告栏里显示的公告。
<%
dim str
str=request.form(t1)
dim s(5)
const forreading=1,forwriting=2
dim fso,myfile
set fso=server.createobject("scripting.FileSystemObject")
set myfile=fso.opentextfile("维护文本.txt",forreading) '以Reading模式打开文件
for i=1 to 5 '公告栏共显示5条公告
s(i)=myfile.readline '读取文件内容
next
myfile.close
set myfile=fso.opentextfile("维护文本.txt",forwriting,true) '以writing模式打开文件
myfile.writeline str
for i=1 to 4
myfile.writeline s(i) '将数据写回文件

next
myfile.close
%>
3) 维护文本.txt
此文件开始为空,从”更新.asp”显示的界面输入公告后,此文件内容被自动写入。
4. 在主页文件(通常是default.asp)欲显示公告位置的代码段中加入如下代码,即可显示出更新后的公告。
<marquee scrollamount="2" scrolldelay="50" direction="up" width="223" height="133" > '公告栏上下滚动 <%
Dim s(20)
Dim fso, MyFile
Set fso = CreateObject("Scripting.FileSystemObject")
Set MyFile = fso.OpenTextFile("D:/ASP/maintain/维护文本.txt",1,true)
for i=1 to 5
ReadLineTextFile=MyFile.ReadLine
s(i)=ReadLineTextFile
response.write "★ " & s(i)
response.write "<br>"
next
%>
</marquee>
上述两个小技巧举一反三,可以解决很多此类问题。

使用时注意版权~

⑶ 要一份网页实训报告

一、实习目的:

通过教学实习掌握站点制作、站点测试与发布技术。会综合利用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:[email protected])。链接页面,前面是我的个人主页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('http://redcarrot2001.xinwen520.com','微言微语个人主页')">--->>>收藏本站<br>

(3)设为首页代码:

onclick="var
strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://redcarrot2001.xinwen520.net');">--->>>设为首页</span></p>

(4)滚动字幕代码:

<marquee align=left direction=up
behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200
vspce=5 loop=-1>

<p><span class="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)光芒四射代码:

plicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;)

if(i<100){

gotoAndPlay(1);

}else{

i=1;

}

(8)鼠标跟随代码:

movie._visible=0;

i=0;

i++;

if(i>100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

plicateMovieClip(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._x>1371.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。

在所有配色当中,不同的颜色传达着不同的意义也有不同的象征。如白色代表着:清洁、天真、洁净、真理、和平、冷淡、贫乏;灰色让人联想到灰尘、石头、水泥、白银,象征着中庸、平凡、温和、谦让,它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以,在我下载准备素材的时候,就选择用灰色做背景颜色,灰色太贫乏,就加上亮色的钮扣起到“中和”的作用。

通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要,对于网页制作来说,我觉得是一个以多学科设计为基础,受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难,真正困难的是网页的设计创意,文字我觉得也很重要,有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片,也许是喜欢上你的文字,那种感动人心的,唯美的文字。文字与图片要搭得上调,不可能用一张美女图做背景,上面却写有关于亲情的文章。也就是整体的搭配问题。

通过此次实训,使我对于网页制作的三大软件有了进一步的了解,各功能都能够实现。提高了自己的鉴赏能力,综合搭配能力,也对以前学过的内容进行了综合的复习。

通过此次实训,我更了解到,生活中有许多色彩,搭配颜色的时候,联想到生活中的东西会做的更漂亮,给人一种亲切感,现在看到什么东西,我就会联想到做网页的时候,还有怎么布局。反正此次实训收获很多。

最后,我想,如果此次实训老师是要我们分组来做的话,也许,我们可以做得更好,因为,一个想的毕竟不全面,而且,一个人的申美有限,我们可以分工合作,一个人做一个方面的东西,也可以根据他所善长的方面来分工,善长动画制作的人做动画,善长图片处理的人做图片,善长文字与布局的就来布局。但是,也许那样,有些同学会懒的动手,推着给别人做。

⑷ WEB前端开发实训心得体会1500字左右

摘要 1.学习一个技术,不是一看见源代码就是,而是仔细阅读后,找到自己想要的,并且自己写出来,自己理解了,下次遇到同样的问题,自己才能解决。

⑸ 有大佬可以提供一下web前端21周实习手册的范文吗

下面是Python开发实习报告的范文,你可以参考一下:

为期两周的实习已经结束了,这是我们升入大学以来的第一次外出实习,因此可以说我们每个人都很认真的参加了这一次实习活动。

实习过程虽然繁琐,但同学们都表现得很积极,不怕课程难,相互帮助一起分析。这对于我们来说是一种难得地历练,我们此次针对的是python开发的课程实习,很多同学甚至吃了饭就一头扎在实习中。实习的指导老师也非常认真负责,耐心讲解,细心指导,一点一点解答同学们的疑惑,直到同学们理解了为止。在实习中,分析,讨论,演算,教室里里充满了浓浓的学习气氛。

人们常说:"立足本行如下棋,输赢系于每个棋子"。大学,大代表广博,学代表学识。大学出去的人一定要有广博的学识才能算得上是真正的大学毕业生。从大学的第一天开始,我们就必须从被动转向主动,成为自己未来的主人,积极地管理自己的学业和将来的事业,做好人生和职业生涯规划。作为大学生,最重要的还是学习,学生第一要事是学习,学习好了才能做其他的事情。毕竟现在是知识,信息第一的时代,有了知识你才能改变,得到自己想要的,实现自己的梦想。

总结一下在此次实习过程中的收获主要有三个方面:一是提高了实际动手操作的能力,为就业和将来的工作取得了一些宝贵的实践经验。二是在实习过程中成立一个小团队,彼此之间互相沟通,互相帮助,为了我们的目标而努力,让我看到了大家对于学习的热情,还有每个人的学习能力。三是为毕业论文积累了素材和资料。

我们之所以能有这次充实难忘的实习机会,是因为有了学校以及学院的大力支持,实习带队老师的全心指导和无私的关怀;若没有学校以及学院各位领导以及相关部门的大力支持,我们是绝对不会能有这次密切结合所学专业,密切接近实际工作环境的实习机会;若没有各位实习老师和蔼可亲的指导,全心全意的无私关怀,我们绝不可能顺利完成实习任务,也绝不可能满载而归。在这里,向为了我们能真正学到知识而不辞辛苦做了大量工作,而且每天都会激励我们的实习带队老师致以最衷心的感谢!

"路漫漫其修远兮,吾将上下而求索"我相信自己在以后的学习中会不断的完善,提升Python专业能力,不求最好只求更好,我相信这次实训对我之后的学习和工作有很大的帮助!

⑹ 电商专业Web网站开发实习报告怎么写

实习报告格式和基本要求
(一)要求观点明确,论据详实,条理清楚,文字简练,格式规范,具有鲜明的针对性和创新性,正文字数一般不少于2000字。
(二)内容提纲
前言
一、 实习目的
二、 实习时间
三、 实习地点
四、 实习单位和部门,实习单位的生产(经营)工作情况、管理情况及对员工的要求
五、 实习内容:实习的项目、程序、方法、计算成果及示意图,按实习顺序逐项编写;
六、 实习总结: 实习中运用所学知识分析解决问题的情况,实习的心得体会,意见和建议
七、对母校教学实习工作的建议
(三)格式
标题(三号黑体)应准确、简洁,能概括文章的要旨,一般不超过20个汉字,必要时可加副题。标题中应避免使用非公知公用的缩略语、字符、代号以及结构式和公式。
正文的层次标题,应简短明了,不要超过15个字,不用标点符号,文内层次的划分及编号一律使用“一、(一)1.(1)”编序。(一级标题用四号黑体,二级标题用四号楷体,以下层次的所有标题用小四宋体)
正文内容:字体—宋体;大小—小四;1.5倍行间距。
左右页边距:自动
(四)表格应采用三线表,可适当加注辅助线。
(五)插图(含照片)应采用计算机制作,插图下方应注明图序和图名。照片要主题鲜明、层次清晰、反差合适、剪裁恰当。