【文章內容簡介】 ，添加，查詢。如何用ASP編寫程序來方便用戶在網上查看網站各方面的信息和交流。本次設計由于設計時間較緊，且相關模塊比較多，加之設計經驗的不足，在網站的整體設計及各模塊功能可能設計的不完全，有待于進一步的完善和改進。參考文獻[1]吳濤主編，網站全程設計技術（修訂本），北京：清華大學出版社；北京交通大學出版社， [2]龍馬工作室編，ASP+SQL Server組建動態(tài)網站實例精講，北京：人民郵電出版社， [3] 趙增敏編，ASP動態(tài)網頁設計，電子工業(yè)出版社， [4] 任學文、范嚴編, 網頁設計與制作，中國科學技術出版社， [5] 武創(chuàng)、王惠,網頁設計探索之旅 ,電子工業(yè)出版社， [6] 杜巧玲等編, 網頁設計超級夢幻組合,清華大學出版社, [7] 吳黎兵、羅云芳編，網頁設計教程，武漢大學出版社， [8] 莊王健編，網頁設計三劍客白金教程，電子工業(yè)出版社，第三篇：簡單的網頁制作教程設計一個個人網站題目：設計一個個人網站一、要求：1．使用Dreamweave網頁工具制作一個個人網站；2．包含至少四個網頁: 包括首頁、個人簡介、個人相冊等（可隨意設計），網頁之間用超鏈接相連。3．網頁中要有圖片和文字內容，用表格進行頁面布局； 4．添加至少兩種行為，并為首頁添加背景音樂。，動態(tài)按鈕導航欄。首先新建一個文件夾，文件夾的名字不能為漢字，做網站所有的路徑都必須用字母或者數字，不能用漢字，我們就用名字吧，譬如說名字張三，那文件夾名字就是zs，如圖打開Dreamweaver軟件，得到圖做網頁要新建站點，關于站點配置服務器什么的，這里不講了，只講建立站點。選擇站點——新建站點。我們建的文件夾就是站點根文件夾。新建站點后得到這樣一個界面點選高級，得到界面站點名稱與我們建文件夾得名字相同，zs填進去就可以了 本地根文件夾就是我們新建的那個文件夾zs，地址為://localhost/zs接下來選擇左側欄里遠程信息點擊無后面的那個三角，選擇本地網絡，遠端文件夾同樣選擇我們新建的那個文件夾接下來點選左面菜單里的測試服務器，點選訪問后面那個三角，選擇本地網絡，測試服務器文件夾也為我們建好的文件夾zs，在url前綴后面加上zs然后點擊確定就可以了得到這樣一個界面。下面看老師的第一條要求，是要至少四個網頁，那我們就做四個單擊新建，然后單擊接下來，選擇然后單擊創(chuàng)建，接下單擊文件——保存，保存這個文件，保存在我們一開始建好的文件夾里面，保存名字不能是漢字，只能是字母或者數字，因為我們只坐四個網頁，可以簡單一點，把這四個網頁命名為a、b、c、d，或者4，當然一個網站默認的索引首頁名為index，這里也用index，單擊保存，這樣得到第一個頁面，以同樣的方式建剩下的三個頁面，、我們這四個網頁文件已經保存在我們建的文件夾里。站點中已經有了四個文件。接下來。，顯示為當前頁面。單擊拆分，然后我們看這個個網頁就叫張三之家了，同樣的方法給其他三個網頁改名字。A網頁標題，這個就是網頁名字，我們以張三為例，這，這樣老師的第六條我們就完成一半B網頁標題C網頁標題改好名字之后，一一保存，這個不多說了。顯示首頁為當前編輯頁面。大家在代碼視圖里找到，這個是什么意思就不解釋了，我也不知道，就是這個了，在后面輸入代碼，然看見這張圖片上，我光標指在哪里了吧，單擊空格鍵，這個時候注意輸入法要為美式鍵盤字母格式，只要不是漢字就行，得到一個菜單，單擊src選中，然后單擊enter建，這個時候緊跟著src會出現一個瀏覽，單擊瀏覽，然后出現對話框，選擇一首音樂，然后單擊確定，會繼續(xù)彈出一個對話框點擊是，保存到自己建好的文件夾里面，注意這里不能用漢字做音樂名字，必須改成字母或者數字我是以beyond的歌為例，名字改為by，點擊保存背景音樂就添加好了。大家可以看一下，在站點目錄下，已經有了這首歌曲。接下來開始設計頁面布局 這里用表格布局，這個欄叫設計欄，由于大家都不會代碼，所以我們主要在這個欄里操作，下面大家點擊常用里面的表格，就是下面這張圖片中的這個圖標得到對話框如圖所示數據： 單擊確定，得到如下界面這個插入的表格式可以自動調整大小的，大家可以自己試一下，接下來用這些表格布局，給大家看兩個圖標，這個圖標就像是excel中那個合并和拆分單元格是一個意思，左邊那個代表合并單元格，右面那個代表拆分單元格，excel大家都會把，就和那個布局差不錯，我做一個簡單的布局，為了方便，我把這個表格縮小，這個布局很簡單，第二行全部合并，第三行第二三列合并，大家可以根據自己的需要進行拆分合并，還可以在表格里面再次插入表格。寬度和高度的設置時在代碼里找到height=””，其中align表示表格位置，height表示表格高度，大家可以根據自己的需要來填數字，默認是以像素為單位的。接下來制作導航，這是老師第六條中的第二個要求，注意我在這里給了兩種方法，大家可以先看一下，再決定選擇哪種我沒看懂什么叫動態(tài)按鈕導航條，不知道是讓這個字動呢，還是讓這個字動呢？如果大家嫌麻煩，就直接輸入漢字，結果就是下面這樣的如果要文字居中顯示可以將這四個框同時選中，然后居中在水平欄里面選擇以后所有的文字格式都可以在這里面選，但是首先要選中自己所要操作的文字。創(chuàng)建鏈接，選中首頁兩個字，然后單擊右鍵——創(chuàng)建鏈接，然后以同樣的方法，給其他三個欄里的文字做鏈接，創(chuàng)建鏈接的文字會有下劃線，同時改變顏色如果大家不嫌麻煩，教大家用flash做一個動態(tài)的按鈕導航，把光標放在第一行第一個欄里，然后這個常用欄里的flash按鈕，單擊后面那個小三角，選擇flash按鈕。得到對話框我們可以看到這個按鈕的樣式是可以自己選擇的，大家隨意選擇一款自己喜歡的按鈕，然后在按鈕文本欄里，填入首頁兩個字，字體設置隨意，然后鏈接，注意這里的鏈接就是超級鏈接，當你點擊這個按鈕的時候，它就會顯示主頁，我們設置后面三個按鈕的時候，一定要記得，當你文本欄里填入個人簡介字的時候，那你的鏈接就要指向簡介那個頁面。其他像什么背景色之類的隨意，然后單擊確定。這樣第一個按鈕就做好了，接下來我們自己做剩下的三個按鈕，注意鏈接問題，大家做好后，可以看到自己站點內多了四個swf格式的文件，這四個就是按鈕，保存的時候，有一個文件問是否要保存，一定要點擊是，不然flash不運行了。大家可以回到自己的文件夾里，打開首頁，測試一下，是不是單擊這四個按鈕會指向自己所設置的網頁，然后我們給第二行設置背景顏色，以有彈出顏色選框，大家隨意選擇自己喜歡的顏色單擊背景顏色后面那個方框，可接下來，完成老師的第五個要求，制作表單，這個把光標指向第三行第一個欄選在表單選項中的。也就是第一個按鈕，這時得到界面我們把光標指向紅線里面，輸入“用戶名：”然后點擊表單選項中的第二個按鈕彈出對話框，選擇確定，得到界面同樣方法換行輸入密碼再次換行，單擊表單選項中的按鈕項輸入兩個按鈕，然后選中第一個按鈕，得到以下屬性將值后面欄里的文字改為登錄，同樣方法，把第二個按鈕的值改為注冊。接下來插入文字和圖片，在現在的第二行第二列里操作把光標指向第三行第二列，選擇常用欄選擇這個欄里的圖像按鈕，彈出對話框，這時大家選擇自己電腦里的一張圖片，單擊確定后彈出對話框，問是否保存在站點根目錄下，單擊確定，這時候需要注意的是，圖片名字不能有漢字，圖像標簽和輔助屬性那一欄不用管，單擊確定即可。接下來就是輸入漢字了，我們在圖片的后面先輸入漢字，可以看到這樣的顯示，上面還空了很大一塊地方，似乎不太好，不符合圖文混排的規(guī)矩，大家單擊圖片選中，在屬性欄里找到找到到對齊那一欄，在后面點選左對齊，得到最終圖文效果是這樣的。第四行還有四個欄，大家可以在里面表明作者時間、以及自己的郵箱、等內容，這里我就不寫了。實際上做到這里，我們幾乎完成了老師的所有要求了就差添加兩種行為了后面還有三個網頁沒做呢，怎么辦啊，后面三個網頁大家還沒做，教大家一個簡單的方法，大家把鼠標指向了。這個欄的左邊，在表格和邊框之間，我們可以發(fā)現，鼠標斜向右首先單擊鼠標左鍵，選中這個表格然后不要移動鼠標，同時單擊右鍵，單擊拷貝，然后這個表格就拷貝好了，打開其他三個頁面，分別粘貼過去，圖像屬性描述不用管，取消，這樣做的好處是它的好處非常多。，這個是個人簡介，就是一個圖文混排了，圖文混排我們已經講過了，更何況我們這個頁面里已經有了圖文混排了，大家可以換一張圖片，換一些文字，做一些自我介紹什么的，都可以。，但是我們最好把那個表單刪掉，哪個是表單就不用我說了吧，就是這個了。刪掉之后，選中第三行三個欄，合并就好了，第二個頁面就做好了，接下來我們看第三個頁面，這個頁面是個人相冊這里我同樣分兩種方法給大家講，第一種方法很簡單。就是插入幾張圖片，現在第三行剩下三個空欄，每個欄里插入一張圖片，景色也好，其他也罷，然后加上圖片說明，一切搞定，這個我就不寫了，第二種方法還是用flash做相冊，首先大家合并第三行三個欄。并將光標指向第三行，然后單擊這個圖片中的插入記錄——媒體——圖像查看器，之后得到這樣的界面注意這個是可以調節(jié)大小的，看你想要多大的相冊了。單擊選中，我們會發(fā)現右面多出這樣一個界面flash元素在其中找到然后單擊后面的img1那里，會發(fā)現后面多出一支筆，單擊那個筆，彈出對話框單擊減號，將img1三個刪掉，然后再單擊加號，會多出一個文件夾標志，單擊文件夾標志，然后彈出對話框在自己電腦里選擇一張圖片，將圖片保存到站點根文件夾下，還是那個問題，名字中不能有漢字，添加好第一張圖片之后界面如圖大家可以多添加幾張圖片，這樣一個相冊就做好了，單擊確定。接下來就剩下第四頁了，就是寫幾行文字的事情了，把表單和圖文混排都刪除，然后合并三個欄，然后添加一些文字，搞定了。這四個頁面都做好了，我們還有一項任務沒有完成，那就是給頁面添加兩個行為下面我們講添加行為，打開首頁，單擊圖像選中，然后找到一下命令，看到行為面板下那個醒目的加號了嗎 單擊加號——交換圖像，彈出對話框單擊瀏覽，在自己電腦中找出一張圖片，單擊確定，存放到站點根目錄下，這樣第一個行為就完成了，當我們鼠標滑過這張圖片的時候，就會變?yōu)榱硪粡垐D片。下面添加第二個行為，我們將光標指向第二行藍色背景哪一行，然后單擊行為面板下的加號——彈出信息，得到對話框寫上你好，單擊確定。這樣在我們單擊藍色地帶的時候，就會彈出你好信息框。第四篇：網頁設計與制作論文（本站推薦）第一章緒論摘 要本論文將對個人網頁設計與制作的方法、工具等展開研究和探討。在介紹網頁設計與制作語言的基礎上，著重使用JavaScript作為工具語言進行網頁設計與制作的實際操作，分別對基于對象的JavaScript語言、內部對象系統(tǒng)的使用及WEB頁面信息交互——窗口和框架進行詳細描述，并利用具體的實例進行驗證。本論文主要章節(jié)如下，第一章：緒論，本章主要介紹網頁設計的相關知識。第二章：網頁設計語言概述，本章主要介紹網頁設計的語言——HTML，以及用于編輯HTML語言的軟件，為后續(xù)工作奠定基礎。第三章：基于對象的JavaScript語言，本章介紹了基于對象的JavaScript中常用內部對象屬性、方法的使用。第四章：內部對象系統(tǒng)的使用，本章主要介紹使用瀏覽器的內部對象系統(tǒng)，可實現與HTML文檔進行交互。第五章：WEB頁面信息的交互——窗體與框架，本章主要介紹實現網頁的動態(tài)交互，必須掌握有關窗體對象（Form）和框架對象（Frames）更為復雜的知識。關鍵詞： 網頁制作；網頁設計；HTML；ASP第一章緒論第一章 緒論隨著21世紀的到來，人們更深切地感受到計算機在生活和工作中的作用越來越重要，越來越來的職業(yè)需要具有計算機的應用技能。掌握計算機是職業(yè)的需要，更是事業(yè)發(fā)展的需要。網頁設計與制作是計算機能力的具體表現，本章主要介紹網頁設計的相關知識。 網頁設計概述網站是企業(yè)向用戶和網民提供信息(包括產品和服務)的一種方式,是企業(yè)開展電子商務的基礎設施和信息平臺，離開網站（或者只是利用第三方網站）去談電子商務是不可能的。企業(yè)的網址被稱為“網絡商標”，也是企業(yè)無形資產的組成部分，而網站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。 網頁設計的要素網頁設計的兩大要素是：整體風格和色彩搭配。一、確定網站的整體風格在這里，我提供給大家一些參考經驗：1．將你的標志logo，盡可能的放在每個頁面上最突出的位置。2．突出你的標準色彩。3．總結一句能反映貴站精髓的宣傳標語！4．相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！二、網頁色彩的搭配1．用一種色彩。這里是指先選定一種色彩，然后調整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。2．用兩種色彩。先選定一種色彩，然后選擇它的對比色。3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。 大作業(yè)目的和意義本大作業(yè)主要是對網頁設計與制作的語言基礎上進行探討，主要內容如下：通過已經做好的網頁，分析html網頁設計技術、XML技術、Java Applet技術和Javascript技術在網頁設計中的應用。第一章緒論 要分析的網頁第一章緒論第一章緒論第二章HTML網頁設計技術的應用第二章 HTML網頁設計技術的應用 HTML語言介紹HTML（HyperText Markup Language）即超文本標記語言或超文本鏈接標示語言，是目前網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主