❶ 製作網頁詳細操作步驟
導讀：目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。下面為大家帶來製作網頁詳細操作步驟，快來看看吧。
製作網頁主要有以下一些工具
Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。
Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。
另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。
此外還有一些網路編程工具，javascript、java編輯器等。
網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。
大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。
總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！
網站設計八步驟
由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。
五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者。
網頁製作教學設計
一、教材或教學內容分析
本章內容在本教材中的位置處於第五章，是在文字處理（Word2000）和網路基礎及網際網路應用兩章之後。學生所學的文字處理軟體Word和將要學習的網頁製作軟體Frontpage同是Microsoft公司的產品，在軟體的使用上有很多的共通之處，所以在學習frontpage的時候，很多內容可以讓學生自學，而不必面面俱到地在課上講授。而第四章網路基礎及網際網路的應用又為學生對網頁的理解奠定了基礎，學生對網頁中的基本元素——文字、圖片、動畫、聲音等都有所了解，而網頁的製作就是將這些元素重新組合到網頁上，學生要學的就是這種組合的方法。所以說，雖然大多數學生以前都未接觸過網頁的製作，但有了以上這些基礎，學起來就輕松多了。
本章內容按照學生已有的基礎，我對教學內容分了一下類，也為教學的組織工作打下一點基礎。本章內容主要由網頁基礎知識、網站的建立和管理、網頁的製作、創建超鏈接、圖片的處理、網頁框架。
重點是網頁的製作和創建超鏈接，學會了這些就可以開始簡單的網頁製作了。
難點是網頁框架，這部分相互之間關系比較復雜，必要時，老師在對各組個別輔導時，可以給予分別講解。 這個分類可以為組長安排各個組員的任務提供參考，使分工更加合理。
二、教學對象的分析
信息技術課雖然已經成為初中的必修科目，但是城鄉學生之間掌握情況的差異卻相當大，條件好一點的初中學生不僅已經熟練掌握了課本上的內容，還對一些常用軟體有所了解；而差一點的可以說是從高中開始才正式接觸到信息技術知識的學習，他們需要多鍛煉、多指導，所以協作學習對學生的學習幫助很大。
三、教學策略的選擇及媒體的使用
在教學策略的選擇上，我使用的是任務驅動和協作學習相結合的方法。
任務驅動就是要求本章內容學習完之後，每個小組都要完成自己班級網站的製作，並在全班進行評比，選擇最好的作為班級主頁掛到學校主頁上去，這有助於激發學生參與學習的積極性。
協作學習則是讓學生在學習過程中互幫互助，用較短的時間、教少的精力學到更多的東西，完成一個集體項目，讓他們在學習之後獲得成就感。因此在媒體的選擇上，我們使用的是TOP2000系統。TOP2000系統有利於教師進行分組教學和學生作品的點評及成果的展示。教學過程開始之前，教師把學生按座位分成四組，每個組都按學生對計算機的掌握程度平均分配，保證每個組都有計算機操作方面比較突出的，也有相對比較差的，使其形成能夠互幫互助的學習小組。並由他們自己選出組長各一名，然後由組長根據組員的情況，確定在班級主頁製作過程中主要完成什麼任務，也就是說起到一個組織者的作用。
做過網頁的人都知道，做網頁是一項比較費時的工作，而要學生在較短的時間內製作出像樣的網頁是比較困難的，而在這個過程中，網頁的設計佔去了相當多的一部分時間，組長把任務分到各組員頭上以後，組員就可根據自己要完成的任務相對集中的做某方面的工作，做完以後，組員之間進行經驗交流，告訴組員自己的網頁是如何製作出來的'，在完成自己的網頁後，再重復一遍製作過程花費的時間的不多的。這樣，其他組員就可在較短的時間之內掌握比較先進的網頁製作方法，而不必再花那麼多時間去探索。因為每位組員都必須自己完成一個任務，所以在這個過程中，也同樣有自己探索學習的機會和介紹自己經驗的機會，使組內的每個學生都在學習中獲得成就感。
四、教學過程
教學進程
教師活動
學生活動
1、課前准備
課前將本章內容的基本結構、內容的歸類、網頁基礎知識、網頁素材做成一個網站，供學生參考，網站上的內容可根據學生以後在學習中的要求添加。根據學生對已有的網頁製作的情況進行分組。
學生根據自己的分組情況選出組織能力較強、計算機水平較高的人做組長，協作小組形成。
2、教師布置任務，作必要講解
第一節課，教師簡單介紹網頁基礎知識，並給各小組布置任務——用下面的時間完成班級網頁的製作，並對組長進行本章基本內容及本章內容的分類的介紹，讓他們對本章內容有總體上的把握。
在教師對網頁基礎知識講解的基礎上，瀏覽教師製作的網站，繼續學習；
課後各組設計自己的班級主頁，組長根據網站上教師對本章內容的分類給學生布置任務。
3、教師指導分工情況，學生開始自主學習
第二節課教師對組長對全組的分工情況給予檢查，提出意見和建議。
學生根據分工製作網頁，學習可以跟著課本上自學，也可根據以前學習Word的經驗自己摸索製作過程，不懂之處可向會的同學請教，還可以相互之間討論，在網頁的設計方面也可以相互之間多商量，發揚互幫互助的精神。
4、學生自主學習，教師指導、監督
下面三節課，老師在每組各用10分鍾時間檢查他們上節課的網頁製作情況，並對他們碰到的問題給予提示或解決，起指導和監督作用。
學生繼續學習、製作網頁。
五、階段總結
四節課的製作以後，各組員所製作的網頁都初見雛形，所以教師組織一堂課，由各組展示自己的作品。教師在學生評講完後，給予總結。
各組分別展示自己的作品，其他組對他們可以提出意見或建議，也可從其他組的學到好的創意。由組長在課後寫一份階段總結，從而指導以後的工作。
六、學生自主學習，教師指導、監督
下面四節課，老師仍然對每組各花10分鍾時間輪流檢查他們上節課的網頁製作情況，並對他們碰到的問題給予提示或解決，起指導和監督作用。
學生繼續學習、製作網頁。
七、各組將內容匯總，形成班級主頁
教師對各組出現的問題提出建議或意見。
組長或組長安排人將各組的主頁進行匯總，形成一個完整的班級主頁，對欠缺的地方進行修補。
八、班級網站製作完成，展示與總結
老師請其他信息技術教師來做評委，對各組做的網站提出意見或建議，評出最佳網站、最佳創意等獎，讓大家的付出都有所收獲。
各組分別展示自己組所製作的班級主頁。
課後：
大家集中各組的優勢，將班級主頁完成，掛到學校主頁上。
❷ 在網頁製作中如何插入java script程序呀
（1）切換至網頁設計視圖。
（2）在「插入」菜單上，單擊「Web組件」命令。
（3）在「組件類型」列表中，單擊「高級控制項」。
（4）在「選擇一個控制項」列表中，雙擊「Java小程序」。
（5）在「Java小程序源」框中，鍵入Java小程序源
文件的文件名（Java小程序源文件通常都有一個。class文件擴展名）。
（6）調整布局大小等所需的選項：
①在「瀏覽器不支持Java時顯示的消息」框中，鍵入Html或純文本，在不支持Java小程序的Web瀏覽器上，將顯示此框中的內容以代替Java小程序。
②在「Java小程序參數」下，指定所需的參數名稱或參數值（如果要求）。
③在「布局」和「大小」之下，指定Java小程序的對齊方式、水平間距和垂直間距、以及寬度和高度（以像素為單位）。
❸ 為什麼網頁開發要用JAVA,不是HTML嗎
有的動態網頁是用jsp做的，在傳統的html代碼中加入了java代碼，在瀏覽器瀏覽網頁時，伺服器將java代碼翻譯成html代碼顯示出來
❹ java可以製作網頁嗎
java屬於後台語言。不能製作網頁，製作網頁可以用php，html，jsp 等等 不過java可以嵌入jsp輔助製作網頁
❺ 學網頁製作必須要會JAVA嗎
這個不是必須的，
網頁製作
屬於是前端，java屬於是後台程序，前端需要學的是html+css+
javascript
如果做前端，這三種是必須技能，但是如果會java在工作中是可以加分的。（加分就意味著升職加薪）
❻ 怎麼用java來編寫網頁
網站的開發分前台和後台，前台就是網頁的框框了，這要用到HTML（超文本標記語言），後台就是網站的邏輯處理部分了，比如要注冊一個用戶，用戶的登錄處理等，前台的開發用dreamweaver專業點吧，後台開發和開發JAVA桌面程序差不多，用Eclipse 和MyEclipse 都行，java 的WEB開發模式有很多的框架方案可以用的，
·
spring+hibernate+struc
JSP＋Servlet＋JavaBean
Struts＋HIbernate
JSP＋JAVABEAN
等
❼ java開發一個簡單的web網頁的具體流程是什麼
web網頁的主要流程就是 從請求到響應，從jsp頁面的參數傳遞到後台的 控制層（action）再調用相應的服務層（service）進行處理，其中可能會用到數據層（），將處理後的結果響應給頁面，或是跳轉
❽ 北大青鳥java培訓：學習網頁製作會用到哪些軟體
作為一名網頁製作師，要完整地製作一個網站，需要掌握很多基本技能，也就是必須掌握的一些基本的軟體。
下面廣西IT培訓http://www.kmbdqn.cn/就給大家分享學習網頁製作會用到那些軟體以及書籍！Photoshop學習圖像處理、編輯、通道、圖層、路徑綜合運用;圖像色彩的校正；各種特效濾鏡的使用;特效字的製作;圖像輸出與優化等,靈活運用圖層風格，流體變形及褪底和蒙板，製作出千變萬化的圖像特效。
CorelDraw通過CorelDRAW9的全方面的設計及網頁功能融合到現有的設計方案中，製作矢量的插圖、設計及圖像，出色地設計公司標志、簡報、彩頁、手冊、產品包裝、標識、網頁及其它。
PageMaker學習排版設計的基本法則、使用方法與技巧，工具箱、快捷鍵的使用，菜單功能及操作技巧，出版物、書籍、宣傳彩頁、出片輸出注意事項，報紙雜志等的高級專業排版製作的方法。
Illustrator學習圖形繪制、包裝、宣傳頁的製作，讓你更加方便地進行LOGO及CI設計，在Photoshop的基礎上再學它如虎添翼，效率成倍提高。
DreamWeaverDreamWeaver是一個很酷的網頁設計軟體，它包括可視化編輯、HTML代碼編輯的軟體包，並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾製作動態的HTML動畫，支持動態HTML(DynamicHTML)的設計，使得頁面沒有plug-in也能夠在Netscape和IE4.0瀏覽器中正確地顯示頁面的動畫。
同時它還提供了自動更新頁面信息的功能。
DreamWeaver還採用了RoundtripHTML技術。
這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換，HTML句法及結構不變。
這樣，專業設計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來的益處。
DreamWeaver最具挑戰性和生命力的是它的開放式設計，這項設計使任何人都可以輕易擴展它的功能
❾ java網頁製作
運行環境 vista+tomcat+mysql
reg.jsp
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<base href="<%=basePath%>">
<title>注冊新用戶</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
<form name="form1" method="post" action="\file\WebRoot\insert.jsp">
<table width="500" border="0" align="center" bgcolor="#aad0d7" height="250">
<tbody>
<tr><td valign="top"><br></td><td valign="top"><br></td></tr><<tr>
<td>姓 名 <br></td>
<td><input type="text" name="username"></td></tr>
<tr>
<td>郵 箱 <br></td>
<td><input type="text" name="usermail"></td></tr>
<tr>
<td>密 碼 <br></td>
<td><input type="password" name="password"></td></tr>
<tr>
<td>密碼確認 <br></td>
<td><input type="password" name="password2"></td></tr>
<tr>
<td></td>
<td></td></tr>
<tr>
<td><input type="submit" value="提交" name="button"></td>
<td><input type="reset" value="重置" name="button2"></td></tr>
</tbody></table>
</form>
</body>
</html>
insert.jsp
<%@ page language="java" import="java.sql.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>insert</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
<%
try {
Class.forName("com.mysql.jdbc.Driver");
Connection conn = DriverManager
.getConnection(
"jdbc:mysql://localhost:3306/file?useUnicode=true&?characterEncoding=gbk",
"root", "xxxxxxx");
String UserName = request.getParameter("username");
String UserMail = request.getParameter("usermail");
String UserPassword = request.getParameter("password");
String sql = "insert into tbluser (UserName,UserMail,UserPassword)values(?,?,?)";
PreparedStatement pstmt = conn.prepareStatement(sql);
pstmt.setString(1, UserName);
pstmt.setString(2, UserMail);
pstmt.setString(3, UserPassword);
pstmt.executeUpdate();
} catch (Exception e) {
e.printStackTrace();
out.println("aaaaa");
}
%>
</body>
</html>
❿ 如何用Java做網站
java用來製作網站，一般是使用現成的框架，如下：
java可以用來做網站
java開發平台一般有三個版本：其中java ee 用來網站開發
* Java SE（Java Platform，Standard Edition）。Java SE 以前稱為 J2SE。它允許開發和部署在桌面、伺服器、嵌入式環境和實時環境中使用的 Java 應用程序。Java SE 包含了支持 Java Web 服務開發的類，並為 Java Platform，Enterprise Edition（Java EE）提供基礎。
* Java EE（Java Platform，Enterprise Edition）。這個版本以前稱為 J2EE。企業版本幫助開發和部署可移植、健壯、可伸縮且安全的伺服器端 Java 應用程序。Java EE 是在 Java SE 的基礎上構建的，它提供 Web 服務、組件模型、管理和通信 API，可以用來實現企業級的面向服務體系結構（service-oriented architecture，SOA）和 Web 2.0 應用程序。
* Java ME（Java Platform，Micro Edition）。這個版本以前稱為 J2ME。Java ME 為在移動設備和嵌入式設備（比如手機、PDA、電視機頂盒和列印機）上運行的應用程序提供一個健壯且靈活的環境。Java ME 包括靈活的用戶界面、健壯的安全模型、許多內置的網路協議以及對可以動態下載的連網和離線應用程序的豐富支持。基於 Java ME 規范的應用程序只需編寫一次，就可以用於許多設備，而且可以利用每個設備的本機功能。