網(wǎng)頁設計實習報告

網(wǎng)頁設計實習報告

利用ASP設計網(wǎng)的實習報告

今年11月,我在超想電腦公司實習,本次實習主要是參加超想電腦公司給一個地稅的辦公自動化系統(tǒng)的軟件設計,此軟件采用asp開發(fā)。本人在此過程中主要參與了用ASP進行網(wǎng)設計,包括新聞欄的創(chuàng)建和自動更新，以及公告欄的創(chuàng)建、使用和維護。通過本次設計，使我更加深入掌握了ASP網(wǎng)設計的技巧。下面就是本人在本次實習后的心得。

ASP是Microsoft公司推出的一種用以取代通用網(wǎng)關接口的技術，英文全稱ActiveServerPages。它是一個Web服務器端的運行環(huán)境。ASP本身包含了VBScript和JavaScript引擎，使得腳本可以直接嵌入HTML中。現(xiàn)將我們在ASP運用過程中的幾個小技巧與大家分享。一、新聞欄

大多數(shù)網(wǎng)上有新聞欄，用以顯示最近新聞的主題，點擊此主題即可查看詳細報道。倘若每天都一條條寫在網(wǎng)上，再依次建立鏈接太過麻煩。如何讓其可以根據(jù)文件自動更新呢？1．預備工作：

1）建一個文件夾，起名為"news"，假設存于D:/ASP/目錄下；

2）把每條新聞的詳細內(nèi)容寫入文件，且此文件的命名形式為：x(newstime).htm。其中x為此條新聞的主題，newstime為此條新聞發(fā)布的時間（按年-月-日順序寫）。為什么要這樣寫呢？看了下面的算法思想和源程序就知道了。

2．算法思想：對于news文件夾中的文件，依據(jù)它們文件名中新聞發(fā)布的時間（即括號內(nèi)的內(nèi)容），從大到小排序。這樣一來，最新的新聞排在最上面，只要在網(wǎng)相應位置顯示news文件夾中最上面的若干個文件名，因為文件名的命名方式如1中所述，就可以在新聞欄中顯示最新新聞了。3．源程序段(用VBScript編寫的)

nextfori=1tocountforj=1tocount-iifmystr(j)

更新公告欄內(nèi)容

functiondatacheck()dimmsg,errflagerrflag=true

iflen(trim(maintain.t1.value))=0thenfocusto(0)errflag=false

msg="請輸入需提交的公告內(nèi)容"endif

if(errflag=false)then

msgboxmsg,64,"ohno!"exitfunctionendifdatacheck=errflagmaintain.submitendfunctionsubfocusto(x)

document.maintain.elements(x).focus()endsub

①

語句①中的action="公告.asp"部分，指出了在form提交后要啟動的程序為“公告.asp”。2）公告.asp

通過FileSystemObject對象和TextScream對象對"維護文本.txt"文件進行讀寫操作，使得此文件最上面5行的內(nèi)容為要在公告欄里顯示的公告。dimfso,myfile

setfso=server.createobject("scripting.FileSystemObject")

setmyfile=fso.opentextfile("維護文本.txt",forreading)"以Reading模式打開文件fori=1to5"公告欄共顯示5條公告s(i)=myfile.readline"讀取文件內(nèi)容nextmyfile.close

setmyfile=fso.opentextfile("維護文本.txt",forwriting,true)"以writing模式打開文件myfile.writelinestrfori=1to4

myfile.writelines(i)"將數(shù)據(jù)寫回文件

nextmyfile.close%>

3）維護文本.txt

此文件開始為空，從”更新.asp”顯示的界面輸入公告后，此文件內(nèi)容被自動寫入。

4．在主文件（通常是default.asp）欲顯示公告位置的代碼段中加入如下代碼，即可顯示出更新后的公告。

擴展閱讀：網(wǎng)頁設計實習報告

201*-201*年度

網(wǎng)頁

設計實習報告

一、實習目的

讓學生了解網(wǎng)站的制作流程和基本技法；

學會站點的規(guī)劃與創(chuàng)建，能自己創(chuàng)建個人網(wǎng)站和簡單的企業(yè)網(wǎng)站；掌握靜態(tài)網(wǎng)頁的制作技術；

了解動態(tài)網(wǎng)頁的制作技術，了解與數(shù)據(jù)庫的鏈接及簡單的數(shù)據(jù)處理。培養(yǎng)學生的動手能力、綜合應用能力和團隊合作能力。

二、實習要求

按時、按地參加實習，遵守實習紀律，遵守實習場地的制度；愛護實習場地的所有實習設備，講究公共衛(wèi)生；做好實習筆記和實習記載，切實掌握實習的每項內(nèi)容；認真填寫好實習報告、實習總結。

三、實習形式

1、主要復習網(wǎng)頁制作的基礎知識；2、應用所學設計網(wǎng)站，可分小組進行。

一實驗過程

資料的搜集.熟悉制作軟件.構建站點框架.

打開Dremweaver后步便是新建站點4設計主頁及二級頁面.5實現(xiàn)網(wǎng)頁間的鏈接

鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了.

6向靜太網(wǎng)頁插入動態(tài)效果

通過這半年的學習實習中和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們.使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通.所以我結合所學專業(yè)的內(nèi)容制作了個人網(wǎng)站，作為實習的成果.其內(nèi)容是多樣化的.制作網(wǎng)頁用的軟件是Dreamweaver,banner軟件.Dreamweaver大大加速了網(wǎng)絡時代電子交易應用中的項目交付.它提供了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案，如電子商店，庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應用等功能.例如，網(wǎng)頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成.當然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉等效果直接生成HTML代碼，或者嵌入到現(xiàn)有的網(wǎng)頁中，或者作為單獨的網(wǎng)頁出現(xiàn).主圖是一個網(wǎng)頁的門面，它能體現(xiàn)出這個網(wǎng)頁的整體風格.

制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個關于中國的網(wǎng)站,平時也總是瀏覽類似的網(wǎng)站,對這些還有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到,現(xiàn)在網(wǎng)絡上好多類似的網(wǎng)站,但有些內(nèi)容不適合我們大學生閱讀,對于我們來說有點不實際,根據(jù)這種情況,最后決定建立一個簡單的中國介紹和相關的事跡網(wǎng)站,專門介紹一些即使用,又便宜的小秘笈.于是網(wǎng)站主題確立.

然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，用戶登錄注冊頁面留言，再加入個別網(wǎng)站等，每一部分又分幾小部分，內(nèi)容比較充分，多樣.

再后是收集資料與素材，大量瀏覽相關網(wǎng)站，收集關于中國的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等.

再后是設計網(wǎng)頁圖片，用flash制作網(wǎng)頁的banner.再后是建立站點。

再后是制作網(wǎng)頁了，使用dreamweaver制作.

首頁內(nèi)容精彩豐富，簡潔明快，語言風趣，通俗易懂.頁面可愛清爽.首頁主要是導航作用.首頁制作時，時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體.而且制作過程中，不忘以下原則:

簡潔實用:這是非常重要的，網(wǎng)絡特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西.使用方便:同個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次.當然雅俗共賞是人人都追求的.

利用我們所學的框架集，制作更完美的頁面.將動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結合起來。

再后，調(diào)試過程，好多次本來在dream里好好的，把字調(diào)的好好的，位置很對，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經(jīng)過再三調(diào)試，整理，加了好多表格，終于滿意了，很是麻煩，想請問老師，為什么會出現(xiàn)這種情況啊，還有怎么解決啊，不用這么反復調(diào)整的辦法，還有什么好辦法�。�

還有，在最超鏈接過程中，明明在頁面屬性里設置的是超鏈接的文字是原色，點擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實驗，終于知道怎么回事了，原來應該對文字所在的單元格整體做鏈接，而不是只選中文字做鏈接.

還有，這次的網(wǎng)站大部分用的是表格，層用的很少，因為它太靈活了，不好控制，用的很少.

再后，是網(wǎng)頁的上傳與發(fā)布，用ftp將制作好的網(wǎng)站上傳。

制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網(wǎng)頁一個的修改，于是趕緊上網(wǎng)學習相關內(nèi)容，閱覽書籍，最后才知道文件這有個資源，點擊進入資源面板，點擊到數(shù)第二個的模版，選項，所有模版就都顯示了，點擊資源面板左下角的應用命令，好了，這個模版就應用到你建立的網(wǎng)頁中去了.

這只是在制作過程中出現(xiàn)的問題之一，其它問題也是類似相同.現(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返.以我們的經(jīng)驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的.因此反映出學習的還不夠，缺點疏漏.需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實習操作技能，為以后能做出出色的網(wǎng)頁而努力.

同學告訴我，要做好網(wǎng)頁，一定要學從C++,JAVA,php，asp，數(shù)據(jù)庫.以后要學的實在是太多了，而且我也很喜歡這方面，在以后的日子里，會努力填充自己，豐富自己的.希望以后有不懂的地方，老師能多多指點.

在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用.因此網(wǎng)站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視.

對于現(xiàn)在的社會，科技的飛速發(fā)展已經(jīng)成為社會發(fā)展的標志.其中計算機的發(fā)展可謂快中之快，而在計算機的發(fā)展中計算機網(wǎng)絡的發(fā)展又是首當其沖的.計算機網(wǎng)絡從為我們所知，到現(xiàn)在才經(jīng)歷的短短的幾年時間，在這幾年中隨著計算機網(wǎng)絡的廣泛應用，特別是Internet的普及和發(fā)展，網(wǎng)絡已經(jīng)成為了不可或缺的通信手段.不論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的各種IT動態(tài)，包括等候就業(yè)人才的個人簡歷，我們都是可以通過網(wǎng)絡來獲得.但是什么為這所有的一切提供平臺的呢.我們又是通過什么來獲取這些消息的呢對就是網(wǎng)頁.現(xiàn)如今，數(shù)以萬計的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息.在人類社會進入信息時代的時候，在網(wǎng)絡成為通信的主要手段的時候，在計算機網(wǎng)絡普及的今天，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻.網(wǎng)頁是我們在網(wǎng)絡上的“代

言人”.我們將什么樣的信息傳達給瀏覽者，要講述什么樣的事情，網(wǎng)頁在這里起著重要的作用.

企業(yè)網(wǎng)站在企業(yè)的網(wǎng)絡營銷當中占有及其重要的地位，只要是涉及網(wǎng)絡宣傳的企業(yè)，都應該建立屬于自己的個性企業(yè)網(wǎng)站.他不僅能夠讓企業(yè)在網(wǎng)絡上展示自己的產(chǎn)品，促進實際銷售的增長，更能夠通過一根網(wǎng)線，向目標客戶展示企業(yè)自身的形象.

對于企業(yè)網(wǎng)站設計的觀點，偏重網(wǎng)站的形象設計，即在功能務實、體系完善的情況下，重點結合企業(yè)理念打造網(wǎng)站的形象.Logo就能很好的表現(xiàn)企業(yè)的形象.企業(yè)標志(Logo)是指用于代表企業(yè)形象的獨特的、有意義的圖案，是企業(yè)形象識別當中最核心的環(huán)節(jié)，可用于與企業(yè)形象相關的所有環(huán)節(jié).由于企業(yè)標志所處的特殊地位，決定了其不能夠隨意更換，因此能否設計一個有內(nèi)涵、有文化、便于識別的標志，并建立相關的應用系統(tǒng)，關乎到企業(yè)長遠的發(fā)展，不容小視.

建設網(wǎng)站的一般過程包括:前期內(nèi)容確立、網(wǎng)站架構搭建、創(chuàng)意策劃、設計、網(wǎng)站建設.網(wǎng)站的功能版塊一般分為首頁、新聞部分、產(chǎn)品部分、信息交流部分、定制系統(tǒng)、零散頁面等.根據(jù)不同的企業(yè)需求，各網(wǎng)站的功能版塊數(shù)量、布局、結構各異.

網(wǎng)頁設計跟學習別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著.

學習網(wǎng)頁設計需要耐心，如果沒有耐心，就學不好網(wǎng)頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決.

學習網(wǎng)頁設計需要堅持，堅持不斷的學習，因為設計網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學習

并且學習網(wǎng)頁設計不要掉入技術的陷阱，如果你的網(wǎng)頁設計技術一流，并且對軟件的掌握程度已經(jīng)達到一定水平，但是你設計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設計是介于平面設計和編程技術兩者之間的"邊緣科學."不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能.

并且我認為網(wǎng)頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的.因此我提倡簡單的美.

視覺形象識別即我們通常所說的VI，與BI一起用于深化表現(xiàn)企業(yè)理念，同時也受到BI的影響.所謂視覺形象識別，就是指能夠被目標客戶通過視覺來認知與企業(yè)相關的一切事物，從最基礎的企業(yè)標志、吉祥物、標準色到企業(yè)日常業(yè)務中的信紙、服裝、名片等等，在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng).

視覺形象識別系統(tǒng)在整套CIS中處于最表層的位置，其中所有的設計都將與目標客戶發(fā)生直接的接觸.

網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構，說的通俗一點就是排版.如何突出最重要的內(nèi)容，即讓用戶眼就看到這個網(wǎng)頁所想要傳達的信息.這一點至關重要.在大多數(shù)做的比較成功的網(wǎng)頁中，一個共同的特點就是網(wǎng)頁的整體架構十分的清晰明了，便于用戶瀏覽

網(wǎng)頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型

1、首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例.2、其次就應該考慮導航條的設置了.3、正文的框架設置

圖象我利用網(wǎng)上搜索和自己所學過的banner進行處理,這樣做起來節(jié)約了很多時間..

網(wǎng)頁制作過程中的其他注意事項不要過于注重色彩的燦爛，只要簡單就行.我們最終追求的主要是實用價值.通過這次實習，在制作時想想使自己的網(wǎng)頁更加豐富多彩，在網(wǎng)頁中插入圖象，動畫，動態(tài)特效.可是總遇到這樣那樣的問題，但在同學的幫助和自己摸索的情況下完成了這個實習的成果.看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返.以我們的經(jīng)驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的.因此反映出學習的還不夠，缺點疏漏.虛在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實習操作技能，為以后能做出出色的網(wǎng)頁而努力.

近一個星期的實訓將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索.從制作網(wǎng)頁過程中，我學到了新的美化網(wǎng)頁的方法，運用了更多以前未運用的技巧.這使我學到了更多的知識，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗.這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會后的一筆巨大的財富.這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲.總體來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高.

報告人：**學號：******日期：*********

友情提示：本文中關于《網(wǎng)頁設計實習報告》給出的范例僅供您參考拓展思維使用，網(wǎng)頁設計實習報告：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡整理 免責聲明：本文僅限學習分享，如產(chǎn)生版權問題，請聯(lián)系我們及時刪除。

《網(wǎng)頁設計實習報告》由互聯(lián)網(wǎng)用戶整理提供,轉載分享請保留原作者信息,謝謝!
鏈接地址：http://m.hmlawpc.com/gongwen/731504.html

• 上一篇：網(wǎng)站設計實習報告
• 下一篇：ERP運行報告總結