web技术实习报告Word文件下载.docx
《web技术实习报告Word文件下载.docx》由会员分享，可在线阅读，更多相关《web技术实习报告Word文件下载.docx（14页珍藏版）》请在冰点文库上搜索。
1.站结构示意图
（1）
打开我的首页，然后点击zhufu按钮进入按钮界面，（20如下
（2）所示
（2）newyears/进入页面后有一首欢快的背景音乐，在祝福页面里，你
可以向你的好友发表你的祝福，你可以对祝福查看和修改，并且还可以看到历史记录，页面右上角可以返回首页。
（3）liuyan1/回到主页再点击留言按钮，进入下一页面，你可以发表
留言，不需要审核也能发表。
由于时间仓促，站暂时到此，站还在积极开设建设中，
敬请期待你的到来
五、实训结果（实训分析）
实验基本成功
实训是培养学生综合运用所学知识,发现,提出,分析和解决实际问题,通过上机练习来培养我们自身实践能力，这次页布局训练就是其中之一。
这次的页设计与制作让我收获颇丰。
的确，从听老师解说到开始自己制作，从理论到实践，在这几节课的实操时间里，过程中不仅巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。
使我懂得了理论与实际相结合是很重要的，只有从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。
只有把布局的基础打好，才能设计出成功的页
六，实训心得
首先我要做的就是要选择好题目和站的风格，之后我就分步骤准备在制作站前所要做好的准备工作。
我浏览了日照职业技术学院以及相关站的一些特点，借鉴这些站的优秀之处，不好的地方在自己的站上加以改良，从而使自己的站更加美观。
回顾这次课程设计，至今我仍感慨颇多。
的却。
从选题到开始制作，从理论到实践，在实训机房日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。
在选择好题目和站的风格之后，我就开始了实训项目的进程，按照实训方案的规定，先是将站的总体策划以书面的形式展现出来，通过老师审核之后，在相应的时间段找相关的素材，搜集与主题相关的文字、图像等。
再是设计站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。
然后创建本地站，建立站的目录结构。
制作首页、二级子页、内容页，创建超级链接。
最后就是测试与浏览页，如果还有什么不理想的地方再改进再预览，如此反复，最后达到最好效果！
篇二：
web实习报告
本科毕业生实习论文
学号:
XX154126学生姓名:
郭俊峰实习单位:
山西优逸客届别:
XX级二级学院、系:
计算机系专业:
计算机科学与技术实习带队教师姓名及职称:
严武军副教授实习单位指导教师姓名及职称:
岳英俊高级教师太原师范学院教务处
摘要
本文的叙述围绕着如何实现一个功能完善的站进行展开。
依据本次毕业设计的要求，主要从可行性分析、需求分析、总体设计、详细设计、编码、测试几个阶段进行毕业设计论文的编写。
接着在需求分析中，根据用户的角度，分析了所设计的站需要实现哪些基本功能；
从设计者的角度，分析了设计一个站所用的编辑工具和编程语言及站的软硬件开发环境。
根据分析的结果，主要采用FrontPage，Dreamweaver编辑器，结合（vbscript,javascript）编程编程语言，进行站的页面设计；
站的主要功能主要分为新闻、下载、友情链接、上调查，图片几大模块。
详细设计阶段的任务就是把解法具体化。
在详细设计阶段，依据总体分析的结果，进行具体页面的组织和数据库结构的设计。
页面的组织主要是设计页之间的联系，同时根据这些联系实现页基本功能的构架；
数据库的设计主要考虑各程序模块的基本功能，设计相应的表格、字段，用来存贮相应的数据记录，为页面的生成提供数据来源。
在编码阶段，进行具体页的编码设计。
在设计中，根据页的程序界面，表单，需要的数据等，写出实际的程序代码。
由于本次设计的页面比较多，不可能尽数地写出全部程序的代码，因此，在这一章节中，主要解释了在此次设计中主要用到的页面设计和数据库的编码技术。
测试的主要任务是为了发现程序中的错误，软件测试的过程亦是程序运行的过程。
在本次设计中，主要采用边测试
边修改的方法，在测试页的同时根据结果及时进行相应的修
改。
在测试过程中，主要从外观、链接、速度方面测试页是否能够实现相应的功能。
关键字、FrontPage、Deamweaver
ABSTRACT
Thetextualdescriptionisaroundhowtorealizestheperfectwebsiteofafunctionproceedstototherequestofthisgraduatedesign,primarilyanalyzefromtheviabilityassessment,analysisofneed,totaldesign,detaileddesign,codedesign,testthisfivestagetoproceedthisgraduatedesign.
Immediatelyafteranalyzetheinsideintheneed,accordingtothecustomer'
sangle,analyzedbasicfunctionsofwhichdemandinwebsitefordesigningofrealizeses（转载于:
校园生活:
web技术实习报告）;
Fromangleofthedesign,analyzedtodesignadevelopmentenvironmentofsofthardwareforeditortoolforusingwithweavingthelanguageandtotheanalysis'
sresult,mostlyuseDreamweaver,andconnectedASP（vbscript,javascript）language,proceedthedesignofwebsite'
spage;
Thewebsite'
smainfunctionisprimarilydividedwiththenews,forums,
messagetheguestbook,netinvestigate,amusement.
Themissionofthedetaileddesignstageistoembodythesolutiontheresultofthetotalanalysisofdetaileddesignstage,basis,proceedthebuildupoftheconcretepageiswiththedesignofconstruction构forcontactforofbuildupprimarilyis°
whichdesignwebpaging,atthesametimeaccordingtothesecontactsrealizingbasicfunctionofwebpage;
Maineachproceduremoldofconsiderationofthedatabase'
sd
esignpieceform,wordforofbasicfunction,designcowgirlsegment,usetocomethedataofcowgirltherecord,forthepageofbornprovidethedatasource.
Inthecodingstage,proceedthecodingdesignoftheconcretewebthedesign,accordingtothewebpage'
sprocedurethedataetc.oftheinterface,formandlist,demand,writeoutactualofprocedureofthepageofthisdesigncodingtechniqueforpageforcodeformanyly,impossiblewholeamountgroundwritingallproceduresofs,therefore,inthischapter,primarilyexplainingheretimedesigninsideprimarilyusingdesignwithdatabase.
Processoftestingthatmainmissionisforthesakeoftheprocessthatdetectionmistakeintheprocedure,softwaretestingandaswellisaproceduretothisdesign,mainadoptionsidetestsidemethodthatmodify,inthetestwebpageofatthesametimeaccordingtothemodificationthatresultontimeproceedsthetestprocess,mainconnectfromtheexternalappearance,flat-outaspecttestwhetherwebpagecanrealizeornotcowgirloffunction.
、八、-
前言
就目前来讲，随着Internet的迅猛发展,页设计技术已成为计算机学习的重要内容之一.近几年来,页设计技术一直在推陈出新.不断有新技术被推出并应用,实在令人眼花缭乱.这些页设计技术可以分为静态页技术和动态页技术两种.静态页技术一般是指HTML和CSS技术.采用静态页技术的页只能在页中展示文字和图片,但它却是所有页设计的基础技术.动态页技术是指让页能够按照用户的需求做出动态响应的技术,例如JavaScript,VBScript及等技术都属于动态页技术的范畴.目前,大部分制作页的方式,都是运用页设计软件,这些软件的功能相当强大,使用非常方便.不论是那一种页设计软件,最后都是将所设计的页转化为HTML,CSS,JavaScript/VBScript和ASP.所以说,虽然有这些
页设计软件帮助我们设计页,但是一个专业设计者仍需了解
HTML,等页设计语言和技术的使用,这样才能充分让我
们了解页的真正设计理念。
因此毕业设计再次选择这个题目来检验自己的能力。
我们所用的软件主要是Dreamweaver,刚运用此软件之
前，主要学习Html基础知识，为学习Dreamweaver做铺垫，而主要软件Dreamweaver是学习的核心工具，在络上称其为“页三剑客”（新版本Dreamweaver8、Fireworks8和Flash8）中的“织梦者”，是一个“所见即所得”的可视化站开发工具。
它是一款专业的HTML编辑器，是设计开发Web站点、Web页和Web应用程序的得力助手。
不管是直接编写HTML
代码还是直接在可视化编辑环境中制作页，Dreamweaver都
会有许多工具帮助设计者完成每项工作，设计出更多完美的
页。
4目
第
1
章
绪
论.
6
2
需求
分
析.
7
站
系
统
析.
.7
主
页
设
计.
数
据
库
...7
3
详细
8
公
司
介
绍.
厶匕
能：
截图：
错误！
未定义书签。
公司介绍
9
功
9截
图：
10产品订
购
10
图：
人才
聘
11
11
12客服
心
12
册界
面
站的优缺
优
不
总
考
资
图
18
第4章
点
丿\\、
19
足
第5结
20
参
料
21
书
篇三：
web实训报告计算机工程学院
实习报告
课程名称:
页编程基础学生姓名:
学号:
指导教师:
专业:
计算机科学与技术（嵌入式）班级:
实训时间:
-
XX年6月25日
摘要：
在21世纪，互联已经成为人们生活工作必不可少的组成成分，络技术的重要性也越发被人们所熟识，其中的页制作就是一重要的组成。
Web的开发技术和应用已经成为学习计算机的我们的必备知识，页是一个站的外观，使人们对于这个公司的第一印象。
在这个学期的期末，我班在淮安软件园进行了为期10天的用开发工具AdobeDreamweaverCS5的《页编程基础》的课程实训。
其中AdobeDreamweaverCS5是微软开发的页编程开发工具，可编译XHTML在淮安软件
园，我们在指导老师沈建亚的带领下，掌握了WE取术的基
础知识，这次的实训以培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力为目的，让我们树立信心，让我们懂得了WEB开发技术的的原理和工作特点。
在淮安软件园我们有良好的学习环境，学习设备。
软件园是最佳的教学研究室，能够提供学习的平台，提高教学效率，能实现教育资源的合理分配，将理论与实际相结合，应用现有的数据库系统软件，规范、科学地完成一个设计与实现，让我们更好的学习WE肢术，对WEB^术有了更好地了解，进而更加熟悉和操作WEB^术来开发页的，来达到训练和培养学生获取信息和处理信息的目的，充分锻炼学生的动手能力。
关键字：
WEB页编程，AdobeDreamweaverCS5，实训，软件园
第1页
使用CSS布局页
样式
表布局
概
述
3
2盒
模
型
盒
模型的
念
填
充
属
4边框属
性
...4边界属
性.
...43块元素和内嵌元
素…54元
素的定位方
式…6
定位属
•-6浮
动
65常见DIV+CSS布
局7
单列居中布
局..7
两列居中布
固定宽度，高度的块中内容溢出处
理86横，纵向导航条设
计…97实训
所制作的
页..108
结
………….119参考文
献.
第2页
正文
1样式表布局概述
传统布局利用Table来实现。
Table元素具有无边框特性，在布局是可以利用单元格方便地构建页格局，并且利用单元格的cellspacing，cellpadding，align和valign等属性控制内容的位置，整个过程直观且上手简单。
采用Table布局虽然上手简单，但是若要更改页面的显示效果，或者对布局进行简单的升级改造却很繁杂。
2盒模型
盒模型的概念
在css中，页面中的所有文档元素都可以理解为盒模型
这些文档元素可以视为一个矩形框。
这个矩形框主要包括以下几个组成部分：
边界（margin），边框（border），填充（padding）和内容（content）。
对于这个矩形框，也可以称其为盒子。
在CSS中应写为：
div{
width:
500px;
height:
200px;
color:
#09F;
background-color:
#FCF;
text-align:
center;
font-size:
16px;
}
#box1{
border:
dashed6px#66F;
padding-top:
20px;
margin-bottom:
45px;
.box2{
border-top:
#FC96pxdotted;
border-left:
#FC910pxdouble;
border-right:
margin-bottom:
10px;
background-color:
#CF0;
4第3页
在XHTML中应写为：
盒1
盒2填充属性
在CSS中，填充用以控制盒子中边框和内容之间的距离。
可用长度值，百分比值表示。
1）4个方向取值相同#box1{padding:
2）左右方向和上下方向取值各自相同#box2{padding:
10px20px;
3）4个方向取值不完全相同#box{padding:
10px20px30px;
边框属性盒模型中的边框属性包括边框样式属性（borderstyle），
边框宽度属性（border-width）和边框颜色属性
border-color）。
none
hiddendotted:
:
默认值。
无边框。
不受任何指定
border-width的值影响隐藏边框。
IE不支持在MAC平台
上IE4+与WINDOW和UNIX平台上+为点线。
否
则为实线
在MAC平台上IE4+与WINDOWS
和UNIX平台上+为虚线。
实线边框双线边框。
两条单线与其间隔的和
等于指定的boeder-width值
根据border-color
的值画3D凹槽
的值画3D凸槽
的值画3D凹边
的值画3D凸边dashedsolid
doublegrooveridgeinset
outset:
边界属性
第4页
升级会员 