网页 实习报告 网页设计的实习报告应该怎么写啊?谁有范文
\u6709\u5173\u7f51\u9875\u8bbe\u8ba1\u7684\u5b9e\u4e60\u62a5\u544a\u8fd9\u7c7b\u7684\u4f5c\u54c1\u53ea\u6709\u81ea\u5df1\u5199\uff0c\u522b\u4eba\u4e0d\u4f1a\u6ca1\u4e8b\u5c31\u5e2e\u4f60\u5199\u90a3\u4e48\u591a\u7684\u5b9e\u4e60\u62a5\u544a\u7684\u3002\u81ea\u5df1\u53ef\u4ee5\u53c2\u8003\u6587\u5e93\u91cc\u9762\u7684\u5185\u5bb9\u3002
\u7f51\u9875\u8bbe\u8ba1\u5b9e\u4e60\u62a5\u544a
\u5b9e\u4e60\u76ee\u7684\uff1a\u719f\u6089\u548c\u638c\u63e1\u8ba1\u7b97\u673a\u7f51\u9875\u8bbe\u8ba1\u7684\u57fa\u672c\u6280\u5de7\u53ca\u7f51\u9875\u5236\u4f5c\u76f8\u5173\u5de5\u5177\u8f6f\u4ef6\u7b49\u5185\u5bb9\u3002\u57f9\u517b\u6211\u4eec\u5229\u7528\u8ba1\u7b97\u673a\u8fdb\u884c\u5546\u52a1\u7f51\u9875\u8bbe\u8ba1\u7684 \u57fa\u672c\u601d\u8def\u548c\u5e94\u7528\u5f00\u53d1\u80fd\u529b\uff0c\u63d0\u9ad8\u6211\u4eec\u7684\u8ba1\u7b97\u673a\u6587\u5316\u7d20\u8d28\u3002
\u7f51\u9875\u662f\u4e16\u754c\u4e0a\u6700\u6709\u4ef7\u503c\u7684\u4e0d\u52a8\u4ea7\u4e4b\u4e00\u3002\u4eba\u4eec\u5728\u8fd9\u4e2a\u4e0d\u8db30.1\u5e73\u7c73\u7684\u7a7a\u95f4\u5185\u6295\u8d44\u8fbe\u6570\u767e\u4e07\u7f8e\u5143\u3002\u7f51\u9875\u5bf9\u516c\u53f8\u7684\u5f71\u54cd\u6bd4\u7b80\u5355\u7684\u7535\u5b50\u5546\u52a1\u589e\u6536\u65b9\u6cd5\u5927\u5f97\u591a\uff1b\u7f51\u9875\u4e5f\u662f\u516c\u53f8\u5bf9\u5916\u7684\u8138\u9762\u3002WEB\u7ad9\u70b9\u5c31\u50cf\u4e00\u680b\u623f\u5b50\uff0c\u5b83\u7684\u6bcf\u4e00\u4e2a\u7a97\u53e3\u90fd\u53ef\u4ee5\u770b\u6210\u4e00\u6247\u95e8\uff0c\u4eba\u4eec\u53ef\u4ee5\u6cbf\u7740\u641c\u7d22\u5f15\u64ce\u5176\u4ed6WEB\u7ad9\u70b9\u7684\u94fe\u63a5\uff0c\u7ed5\u8fc7\u4e3b\u9875\u800c\u8fdb\u5165WEB\u7684\u6df1\u5c42\u3002
\u4e00\uff0e\u7f51\u7ad9\u7684\u6574\u4f53\u89c4\u5212
1.\u8ba8\u8bba\u7f51\u7ad9\u4e3b\u9898\uff1a\u56e0\u4e3a\u81ea\u5df1\u5bf9\u666e\u7f57\u65fa\u65af\u5f88\u611f\u5174\u8da3\uff0c\u4e8e\u662f\u5c31\u60f3\u5230\u8981\u662f\u4e00\u4e0b\u4e3a\u5fc3\u4e2d\u7684\u4ed9\u5883\u8bbe\u8ba1\u4e00\u4e2a\u65c5\u6e38\u7f51\u7ad9\u3002
2.\u5b9a\u4f4d\u7f51\u7ad9CI\u5f62\u8c61\uff1a\u65c5\u6e38\u7f51\u7ad9\u6700\u91cd\u8981\u7684\u5c31\u662f\u662f\u6d4f\u89c8\u8005\u4ea7\u751f\u60f3\u53bb\u4eb2\u8eab\u4f53\u9a8c\u4e00\u4e0b\u7684\u5171\u9e23\u3002\u4e8e\u662f\u5728\u7f51\u9875\u8bbe\u8ba1\u4e0a\u9762\uff0c\u6839\u636e\u666e\u7f57\u65fa\u65af\u68a6\u5e7b\u822c\u7684\u610f\u5883\uff0c\u6211\u91c7\u7528\u7684\u662f\u6e05\u65b0\u96bd\u6c38\u7684CI\u5f62\u8c61\u3002\u4f7f\u6d4f\u89c8\u8005\u6709\u5bbe\u81f3\u5982\u5f52\u7684\u611f\u53d7\u3002
3.\u786e\u5b9a\u680f\u76ee\u548c\u677f\u5757\uff1a
1]\u9996\u5148\u8981\u8003\u8651\u6574\u4e2a\u7f51\u9875\u7684\u957f\u548c\u5bbd\uff0c\u4ee5\u53ca\u957f\u5ea6\u548c\u5bbd\u5ea6\u4e4b\u95f4\u7684\u6bd4\u4f8b\u3002
2]\u5176\u6b21\u5c31\u5e94\u8be5\u8003\u8651\u5bfc\u822a\u6761\u7684\u8bbe\u7f6e\u4e86\u3002
3]\u6b63\u6587\u7684\u6846\u67b6\u8bbe\u7f6e \uff08\u6a2a\u5411\u56e0\u7d20\u548c\u7eb5\u5411\u56e0\u7d20\u4ea4\u9519\uff09
\u5728\u6d4f\u89c8\u4e86\u5f88\u591a\u7cbe\u7f8e\u7684\u65c5\u6e38\u7f51\u7ad9\u4e4b\u540e\uff0c\u518d\u7ed3\u5408\u81ea\u5df1\u7684\u60f3\u6cd5\uff0c\u6211\u5148\u5728\u8349\u7eb8\u4e0a\u753b\u51fa\u4e86\u5927\u4f53\u7684\u680f\u76ee\u548c\u677f\u5757\u3002
4.\u7f51\u7ad9\u7684\u6574\u4f53\u98ce\u683c\u548c\u521b\u610f\uff1a\u5efa\u7acb\u4e00\u4e2a\u6d6a\u6f2b\u7684\u65c5\u884c\u7f51\u7ad9\uff0c\u8d70\u6620\u50cf\u6d3e\u8def\u7ebf\uff0c\u76ee\u7684\u52a1\u5fc5\u4f7f\u6d4f\u89c8\u8005\u7559\u4e0b\u6620\u50cf\u3002
\u4e8c\uff0e\u7f51\u9875\u5236\u4f5c\u7684\u524d\u671f\u7b56\u5212\u4e0e\u51c6\u5907
1.\u8d44\u6599\u7684\u641c\u96c6\uff1a\u7531\u4e8e\u4e2a\u4eba\u7684\u7231\u597d\uff0c\u6211\u5f88\u65e9\u4ee5\u524d\u5c31\u6536\u96c6\u4e86\u8bb8\u591a\u666e\u7f57\u65fa\u65af\u7684\u7f8e\u56fe\uff0c\u8fd9\u6b21\u5c31\u65b9\u4fbf\u591a\u4e86\u3002\u63a5\u7740\u5c31\u641c\u96c6\u4e86\u4e00\u4e9b\u6709\u68a6\u5e7b\u6548\u679c\u7684\u7f51\u9875\u80cc\u666f\uff0cFIASH\u6e90\u4ee3\u7801\u3001\u5c0f\u56fe\u6807\u548c\u4e00\u4e9bGIF\u7684\u52a8\u753b\u7b49\u3002
2.\u719f\u6089\u5236\u4f5c\u5de5\u5177\u8f6f\u4ef6\uff1a
\u4e3b\u9875\u5236\u4f5c\u7684\u57fa\u672c\u6761\u4ef6\u6709\uff1a
\u786c\u4ef6\uff1a
\u4e00\u53f0\u7535\u8111(64MB\u4ee5\u4e0a\u5185\u5b58\uff0c\u5f53\u7136\u8d8a\u5927\u8d8a\u597d\u5566)\uff1b\u53ef\u4ee5\u62e8\u53f7\u4e0a\u7f51\uff1b\u5982\u679c\u4f60\u6709\u6761\u4ef6\u7684\u8bdd,\u5efa\u8bae:\u914d\u7f6e\u626b\u63cf\u4eea,\u8fd9\u5c06\u5927\u5927\u65b9\u4fbf\u56fe\u50cf\u548c\u6587\u5b57\u7684\u8f93\u5165;
\u8f6f\u4ef6\uff1a
HTML\u7f16\u8f91\u8f6f\u4ef6\uff1a\u5e38\u7528\u7684\u6709Frontpage\u3001Hotdog\u7b49\uff0c\u672c\u6587\u91cd\u70b9\u4ecb\u7ecd Dreamweaver\uff1b
\u56fe\u50cf\u5904\u7406\u8f6f\u4ef6\uff1a\u5e38\u7528\u7684\u6709Photoshop\u3001flash\u3001Fireworks \u7b49\uff1b
\u6587\u4ef6\u4e0a\u4f20\u8f6f\u4ef6\uff1a\u5e38\u7528\u7684\u6709Cuteftp\u3001WSftp\u7b49\u3002
\u4e09\uff0e\u7f51\u9875\u5236\u4f5c
\u771f\u7684\u662f\u4e07\u4e8b\u5f00\u5934\u96be\u554a\uff0c\u9047\u5230\u4e86\u5f88\u591a\u95ee\u9898\uff0c\u6bd4\u5982\uff1a\u63d2\u5165\u7684\u56fe\u7247\u4e0d\u7b26\u5408\u89c4\u683c\uff0c\u4e00\u4e0b\u5b50\u628a\u5176\u4ed6\u5185\u5bb9\u7684\u6846\u67b6\u6324\u5f00\uff1b\u63d2\u5165\u7684\u5c42\u592a\u591a\uff0c\u5927\u4e00\u70b9\u7684\u5c31\u628a\u5c0f\u4e00\u70b9\u7684\u7ed9\u8986\u76d6\u6389\u4e86\uff1b\u63d2\u5165\u7684FLASH\u4e0d\u80fd\u4ea7\u751f\u6548\u679c\u3002\u603b\u4e4b\u95ee\u9898\u4e00\u7ba9\u7b50\u3002\u5b9e\u8df5\u51fa\u771f\u77e5\uff0c\u539f\u6765\u81ea\u5df1\u8fd8\u6709\u90a3\u4e48\u591a\u6b20\u7f3a\u7684\u77e5\u8bc6\u3002\u4e8e\u662f\u56de\u5f52\u672c\u6e90\uff0c\u5148\u628a\u8bfe\u672c\u4e0a\u7684\u4e1c\u897f\u5f04\u901a\u518d\u8c08\u5176\u4ed6\u3002\u7136\u540e\u53c8\u5230\u56fe\u4e66\u7ba1\u91cc\u501f\u4e86\u51e0\u672c\u7f51\u9875\u5236\u4f5c\u65b9\u9762\u7684\u4e66\u7c4d\u6765\u53c2\u8003\u3002
\u5728\u5bf9\u57fa\u672c\u77e5\u8bc6\u6709\u4e86\u8be6\u7ec6\u7684\u4e86\u89e3\u4e4b\u540e\uff0c\u505a\u8d77\u4e1c\u897f\u6765\u5c31\u5f97\u5fc3\u5e94\u624b\u591a\u4e86\uff0c\u77e5\u9053\u5f15\u5bfc\u9875\u80fd\u8fc7\u52a0\u6620\u50cf\u4e4b\u540e\uff0c\u6211\u51b3\u5b9a\u4e3a\u6211\u7684\u7f51\u9875\u8bbe\u8ba1\u4e00\u4e2a\u5f15\u5bfc\u9875\u3002
\u7136\u540e\u662f\u4e3b\u9875\u548c\u4e8c\u7ea7\u9875\u9762\u7684\u8bbe\u7f6e\u3002\u8981\u6ce8\u610f,\u7f51\u4e0a\u53ea\u80fd\u4f7f\u7528JPG\u548cGIF\u4e24\u79cd\u56fe\u8c61\u683c\u5f0f\uff0c\u5176\u4ed6\u8bf8\u5982BMP\u548cTIF\u7b49\u5f88\u901a\u7528\u7684\u683c\u5f0f\u90fd\u4e0d\u80fd\u7528\u5728\u7f51\u4e0a,\u56e0\u4e3a\u5b83\u4eec\u592a\u5927\u4e86,\u4f46\u53ef\u4ee5\u7528\u56fe\u8c61\u8f6f\u4ef6\u8fdb\u884c\u8f6c\u6362\uff0c\u6bd4\u5982Office 97\u7684\u7167\u7247\u7f16\u8f91\u5668\u3002\u628a\u51c6\u5907\u5728\u4e3b\u9875\u4e0a\u51fa\u73b0\u7684\u56fe\u8c61\u653e\u8fdb\u76f8\u5e94\u7684\u76ee\u5f55\u91cc\u540e.
\u5728\u4e00\u6b65\u4e00\u6b65\u7684\u8fb9\u5b66\u8fb9\u505a\u7684\u8fc7\u7a0b\u4e2d\uff0c\u770b\u7740\u5fc3\u4e2d\u7684\u4e1c\u897f\u4e00\u70b9\u4e00\u70b9\u7684\u51fa\u6765\uff0c\u771f\u7684\u5f88\u6709\u6210\u5c31\u611f\u3002\u867d\u7136\u81ea\u5df1\u7684\u7f51\u9875\u6280\u672f\u8fd8\u5dee\u7684\u8fdc\uff0c\u4f46\u662f\u56de\u987e\u4e00\u4e0b\u8fd9\u5468\u771f\u7684\u5b66\u5230\u4e86\u5f88\u591a\u7684\u4e1c\u897f\u3002
\u56db\uff0e\u7f51\u9875\u7684\u8c03\u8bd5
\u4e4b\u524d\u628a\u4f5c\u8fc7\u7684\u4e1c\u897f\u653e\u5230U\u76d8
\u91cc\uff0c\u53d1\u751f\u8fc7\u56fe\u7247\u663e\u793a\u4e0d\u51fa\u6765\u7684\u72b6\u51b5\uff0c\u8fd8\u597d\u5373\u4f7f\u627e\u5230\u4e86\u89e3\u6551\u7684\u65b9\u6cd5\uff0c\u628a\u6e90\u6587\u4ef6\u548cWEB\u9875\u9762\u653e\u5230\u4e00\u8d77\u8fd9\u6837\u5c31\u7b97\u8def\u5f84\u6539\u53d8\u7684\u8bdd\u4e5f\u4e0d\u4f1a\u5f71\u54cd\u9875\u9762\u7684\u6548\u679c\u3002
\u603b\u7ed3\uff1a\u5728WWW\u4e0a,\u4e0d\u8bba\u4f60\u662f\u8d44\u4ea7\u4e0a\u4ebf\u7684\u5927\u516c\u53f8,\u8fd8\u662f\u6349\u895f\u89c1\u8098\u7684\u7a77\u5b66\u751f,\u53ea\u8981\u4f60\u5efa\u7acb\u4e86\u81ea\u5df1\u7684\u7f51\u9875,\u4f60\u4eec\u7684\u5730\u4f4d\u5c31\u662f\u5e73\u7b49\u7684\u3002\u7ecf\u8fc7\u8fd9\u5468\u7684\u76f8\u5173\u5b66\u4e60\uff0c\u6211\u4e86\u89e3\u5230\u7f51\u9875\u8bbe\u8ba1\u4e0e\u5236\u4f5c\u662f\u4e00\u95e8\u5e9e\u5927\u7684\u5de5\u7a0b\u3002\u7f51\u7ad9\u7684\u53cd\u9988\u4e0e\u8bc4\u4ef7\u7f51\u7ad9\u8981\u6ce8\u610f\u7ecf\u5e38\u7ef4\u62a4\u66f4\u65b0\u5185\u5bb9\u3001\u4fdd\u6301\u5185\u5bb9\u7684\u65b0\u9c9c,\u4e0d\u8981\u505a\u597d\u5c31\u653e\u5230\u670d\u52a1\u5668\u6c38\u8fdc\u4e0d\u53d8\u4e86,\u53ea\u6709\u4e0d\u65ad\u5730\u8865\u5145\u3001\u66f4\u65b0\u5185\u5bb9\u3001\u624d\u80fd\u591f\u5438\u5f15\u6d4f\u89c8\u8005.\u7ef4\u62a4\u66f4\u65b0\u65f6\u53ef\u4ee5\u5145\u5206\u5229\u7528Dreamweaver\u63d0\u4f9b\u7684\u6a21\u677f\u548c\u5e93\u6280\u672f,\u4ee5\u63d0\u9ad8\u5de5\u4f5c\u6548\u7387. \u4e00\u4e2a\u771f\u6b63\u7684\u7f51\u7ad9,\u4e0d\u4ec5\u5e94\u8be5\u5b9e\u73b0\u4f20\u7edf\u5a92\u4f53\u7684\u7535\u5b50\u5316,\u7ed9\u7528\u6237\u63d0\u4f9b\u9700\u8981\u7684\u5185\u5bb9\u3001\u800c\u4e14\u8fd8\u5e94\u8be5\u505a\u66f4\u591a\u7684\u4e8b\u60c5\u3001\u5b8c\u6210\u6bd4\u9875\u9762\u6d4f\u89c8\u66f4\u9ad8\u5c42\u6b21\u7684\u9700\u6c42,\u4f8b\u5982\u6536\u96c6\u4fe1\u606f,\u6570\u636e\u4f20\u9012,\u6570\u636e\u5b58\u50a8\u4ee5\u53ca\u7cfb\u7edf\u7ef4\u62a4\u7b49.\u81ea\u5df1\u8fd8\u6709\u8bb8\u591a\u8981\u5b66\u4e60\u7684\u5730\u65b9\u3002
利用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>
上述两个小技巧举一反三,可以解决很多此类问题。
使用时注意版权~