下载文档第一篇：网页设计实习报告
网页设计实习报告
利用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) 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%> .htm” target=“new_window”><%=file(j)%> <% 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”程序处理。
<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>
①
语句①中的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）欲显示公告位置的代码段中加入如下代码，即可显示出更新后的公告。
上述两个小技巧举一反三，可以解决很多此类问题。onmouseout=“a.start()”>动
第二篇：网页设计实习报告
思科信息学院
专业实习报告
专 业：班 级：姓 名：
关于网页设计与编辑的实习报告
一、实习目的(一)检验自己是不是真的适合这个职业
鉴于自己对未来的职业生涯的规划更倾向于设计，这和自己所学的专业不是
十分有联系，所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作，为以后求职之路少走弯路做一定的尝试。
(二)在实践中查漏补缺
在学校学习的网站建设知识仅仅停留在平时的作业里，并没有得到充分的运
用。希望可以藉由这次实习，好好巩固书面知识。在实际运用中通过发现问题，解决问题对知识进行查漏补缺。
(三)在工作中打磨自己
由于学校和社会是截然不同的生活、学习、工作氛围，在工作中我们不可以
像在学校一样随心所欲，待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里，和同事上司的相处中获得这方面的成长。
二、实习内容
(一)实习主要内容
广州xxxx有限公司是一个研发和销售智能寄存柜的公司。它的产品在展示和
销售这两个环节很需宣传册、企业网站等作为一个推广媒介。我实习的主要内容就是配合网络部去完成网站建设的工作，涉及前台的外观设计和后台的代码编写，以及宣传册的设计。
1、负责设计公司整个企业网站的页面部分,根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。
1）使用Photoshop、AI等图片处理软件设计、处理和制作网站上需要的图片
2）使用DIV+CSS样式及基础的HTML语言做页面布局的排版
3）使用Photoshop对网页进行配色及排版设计
4）编写CSS代码使网站页面无论是在IE浏览器里还是在FF浏览器上正常显示
2、负责网站的几个主体模块的文案撰写和后台编辑
1）在已有的文案上配合网站架构进行提炼和归纳整理
2）使用Photoshop对文案进行概念配图
3）在后台将文案部分合理配色排版
4）按照网站架构在后台录入所有产品资料
(二)工作过程
在公司的2个多月里，我的工作都是由负责整个网站文案架构的曹经理分配
监督的。确认实习机会前的面试的时候也是由他负责的。面试的时候他并没有过多的考察我在网站制作上的技术问题。更多的从我对网站设计方面的配色排版的现有审美以及做事的认真细致程度去考察的。从一开始我就以踏实认真的态度对待每一项他交付给我的任务。下面我挑选一些让我收获很多，学习很多，影响我很多，让我回想起来都是历历在目的事情重点说一下。
1、经理让我按照网页设计师提供的jpg稿变成p和css。
1）这个任务简单来说就是架构网页框架和完善里面的文本主体。里面涉及很多文本，我觉得既然有具体的设计稿就一定保存有文案，所以咨询了经理是否有必要花这部分时间去打文本。经理的回复是很有必要。他的意见是，让我重新输入文本可以帮助检查错误，同时可以让我更熟悉公司的产品和网站的主要内容，对我后面的工作有帮助。顿时知道，一个实习生想到的东四是多么的肤浅，对经理工作上的态度更是肃然起敬。
2）因为经理没想要让实习生负责过于复杂的事情，在这部分工作中设计的p 和css的内容并没有很复杂，需要的就是要注重细节。但实际上自己做事远没有自已一开始想象的那么能够静下心地考虑大局。只要想到一个觉得挺好的排版我就一下子全部套用了，以至于最后通过多次检查，发现这个排版有瑕疵的时候又要重头再来。这些经历都让我体会到比起表面的工作速度，有前面深思熟虑的慢节奏才能造就最终的高效率。所以一开始在用css排版的时候其实应该多做几个版本仔细做对比，看清楚哪个更合适才确定的。
2、经理让我设计几个栏目对应的banner图片
1）由于自己并没有专门学过banner规范和设计方面的专业知识，有的只是审美方面的一些小体会。接手这个工作需要花大量的时间去学习和参考。一开始略略觉得压力大，但是觉得经理让我去做，就是相信我的能力。所以我也没有慌，按照自己的节奏和需要边学边做。
从整体了解主题：自己找了多个类似的企业网站作参考，通过总结企业网站
中，几个主要的栏目在网站上具体意义，体会这对应的几个栏目banner的设计意义。
思考配色与构图：对整个内容有了一了解后，便要思考作品的色彩和具体的构图，先用笔画出草图，有时候也会直接在脑海里构思。除了从公司的角度，围绕要传达的东西去设计，我也充分意识到要转换身份从用户的角度出发，怎样才可以更吸引人。总体来说就是除了审美上的设计，也考虑很多目的性。
查找素材：素材这个问题我总结了一种思路，电脑里下载一些专业的“科技
信息”图库。另外配合专业在线图库网站(通常是国外站点)+Google，百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材，选择是非常大的。最后就是不断地观察对比最终效果，看哪几张banner图片更适合整体网站。
2）最终banner图片并没有全都采用我设计的，有一些还是因为不够大气被撤下来了。一开始我还挺灰心，觉得自己的付出没有得到认可。但是我知道当初经理就是感觉可以给我试一下，才给我这个机会去让我发挥一下的，所以我好好学习了别人的图片，看自己的和别人的差别在哪里，不浪费这次尝试性地努力。
3、经理让我参考旧网站单独做一个公司简介的页面
1）我知道经理的意思是重新排版成符合网站的配色。这样对我来说其实很简单。但是我从旧网站了解到公司简介那篇文案比较累赘，如果想要浏览网站的用户肯停留在这个页面多几秒，或者因为这个公司简介的页面而更信任这个公司的产品，更有冲动订个公司的寄存柜就要在文案的内容上下功夫，就要在表现上更生动，让人看着不会觉得文字流水账，很烦躁。
于是在经理没有给我严格期限的时候，我选择了按照自己的思路去修改文案，把多余的文字删掉，根据公司的优势修改出精简的几点，变得更有条理更有重点。
这只是对文案的初步处理，接着根据几个要点用Photoshop处理几张概念配
图出来，将公司寄存柜的技术水平之领先，应用领域之众多，销售范围之巨大等等用更生动形象的方式表现。从设想到思考中间的问题到最后的完成，花的时间虽然多，但是最终的效果得到了经理的肯定，对网站的宣传作用起到了很好的帮助，这都是值得的。
三、实习体会
做了2个月的网页设计和编辑的实习生，终于体会到网页设计并非只是图文混排的那点事。当你真正的去努力的创造了之后，经常被别人一眼就否定了。这才真正明白一个好的网页不只是效果华丽还要多从用户的角度去考虑问题。通过实习，我不仅将自己在学校学过的东西通过实践进步一巩固，也通过向公司的人请教学到很多工作上的技巧，更通过实习体会到很多没有人会教授给你的东西。工作是人生活的重要部分，是我们毕业生必须面对的。就算是遇到困难，我也会用平常的心态实际看待问题，不说“不可能”，而是冷静下来思考如何处理并付诸于实践。
在实习的日子，我学习到了很多如果没有这次经历，就不会有的细腻体会。
(一)深刻感受到什么是真正的细心
其实在高中甚至到大学，老师都总是强调“细心”,对于细心什么的我以前自我感觉还挺不错的。但是当老师在斤斤计较一个标点符号或者花时间可以渲染“细心”的重要性的时候我就觉得好小题大做那时的我觉得“细心”是你可以刻意去营造的状态。包括经理对我强调细致的时候我也是这样想的。我觉得只要想到考试的时候或者处理工作的事情的时候去跟自己说细心点就好了。但是在这个实习的过程里，因为无意和粗心犯下的错误，才让我明白老师反复说的话到底意义在哪里。往往一些不好的后果或者没有必要的错误，正正是在你认为不用细心和没有想过要去细心的行为后出现的。这才是我们为什么要养成这个习惯的原因。所以不管是生活中的小事情还是工作中的大事情，我们都要养成习惯，以细心认真的态度对待。
(二)主动思考的重要性
从学校走向社会，首要面临的问题便是角色转换的问题。从一个学生转化为一个单位人，一个单位人工作要考虑的问题就是如何发挥自己最大的价值为单位创造效益。做事要主动一点，这不是指一直主动问上司有什么事做，而是在别人交付你任务的时候自己主动想一下怎么做才更好，而不是把自己当一个机器人一样。就像做公司简介页面的时候，我把自己做得效果给经理看的时候，经理说“你真的很用心，很负责”，“你做的公司简介那个页面，让我感触很深”。
(三)、沟通的度要把握好
工作过程中有许多时候需要和经理进行沟通，但是我在沟通的度上没有把握
好。好像仗着自己是只做几个月的实习生，有些提建议的话没有用比较适合和委婉的语气表达。虽然经理没有明说，但是我自己意识到了。有些时候工作交接的时候，自己并没有很清楚细节，但是问太多又怕打扰到经理的工作，导致最终工作也没进行好。所以这个沟通的度要把握好。该问该说的都要说出来，只要是会影响到工作质量的都要礼貌地说出来。这样才是真正地为公司好。
总之，这次实习，自己确实学到了很多也成长了许多。在实习期间，每日重复单调繁琐的工作，时间久了容易厌倦。但是工作简单也不能马虎，你一个小小的错误可能会给公司带来巨大的麻烦或损失，还是得认真完成。这段时间，我看到了自己本身存在着许多问题，也会遇到这样那样的问题，当前的时代日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需再加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后的工作存储更多的能力。
第三篇：网页设计实习报告
姓名：王明霞
学号：40
班级：10市场营销
实习时间：第十三周实习地点：S-B205机房、句容部分乡镇店铺
网页制作实习一周心得
一个星期的网页实训课结束了，可以说学到很多以前没有学到的东西。每一天都有新的内容要学，让人感觉很兴奋，很高兴，恨不得马上就把它给学会。通过这次实训使我更熟练掌Dreamweaver、Photoshop等软件的功能和应用。不但如此，更增加了同学间的友谊，陪养了彼此间的团结。
实训第一天，老师选了代表出去采集店铺的资料作为网页的基本素材，并收集各个店铺的基本资料。如店铺名称、商品名称、服务项目、联系电话等。
首先我自己要做的就是要选择好题目和网站的风格，之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了茗苑茶叶网站的一些特点，借监网站的优秀之处，不好的地方在自己的网站上加以改良，从而使自己的网站更加美观。
在选择好题目和网站的风格之后，我就开始了实训项目的进程，按照实训方案的规定，先是将网站的总体策划在脑子里有个大概的描绘，在相应的时间段找相关的素材，搜集与主题相关的文字、图像等。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。在这期间，每一天老师都会指点我们，首先是网页素材的准备，在网上查看一些网页背景和背景颜色搭配，让我了解到网页的颜色不能多过3种色彩。接下来的几天再结合自己的网页来进行策划，在做首页之前，先用利用Photoshop把网页的结构画出来，再切割图片，把它们导成Html格式在Dreamweaver中进行进一步的编辑。在此次网站的设计与制作过程中，难免会遇到过各种各样的问题，这毕竟是第一次独自设计网站、制作网站。但值得高兴的是：在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果。
一周网页设计与制作的实训课程结束了，回顾这次课程设计实训，至今我仍感慨颇多。的确，从选材到开始制作，从理论到实践，在一周的实训日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真为掌握技术，从而提高自己的实际动手能力和独立思考的能力。
202_年11月24日星期四
第四篇：网页设计实习报告
一实验目的1．学习html语言和dreamweaver，frontpage等工具
2．掌握在本地环境下运用asp技术实现一个简单的电子商务网站
二实验的方法和原理
三实验过程
1.资料的搜集。
组长分配任务，大家从网站上搜集各种关于手机的资料。
2.熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
3.构建站点框架。
打开dremweaver后第一步便是新建站点
4设计主页及二级页面。
5实现网页间的链接
链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果
四实验心得
在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。
近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。
第五篇：网页设计实习报告
实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的 基本思路和应用开发能力，提高我们的计算机文化素质。
网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多；网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。
一．网站的整体规划
1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。
2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。
3.确定栏目和板块：
1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。
3]正文的框架设置（横向因素和纵向因素交错）
在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。
4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。
二．网页制作的前期策划与准备
1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。
2.熟悉制作工具软件：
主页制作的基本条件有：
硬件：
一台电脑(64MB以上内存，当然越大越好啦)；可以拨号上网；如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;
软件：
HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver；
图像处理软件：常用的有photoshop、flash、Fireworks 等；
文件上传软件：常用的有Cuteftp、WSftp等。
三．网页制作
真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；插入的层太多，大一点的就把小一点的给覆盖掉了；插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。
在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。
然后是主页和二级页面的设置。要注意,网上只能使用JpG和GIF两种图象格式，其他诸如BMp和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。
四．网页的调试
之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。
总结：在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了自己的网页,你们的地位就是平等的。经过这周的相关学习，我了解到网页设计与制作是一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜,不要做好就放到服务器永远不变了,只有不断地补充、更新内容、才能够吸引浏览者.维护更新时可以充分利用Dreamweaver提供的模板和库技术,以提高工作效率.一个真正的网站,不仅应该实现传统媒体的电子化,给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求,例如收集信息,数据传递,数据存储以及系统维护等.自己还有许多要学习的地方。
