怎么樣網(wǎng)頁(yè)制作
提問(wèn)問(wèn)題
列表
-
如何制作網(wǎng)頁(yè)登陸界面？
查看答案>>
-
如何制作網(wǎng)頁(yè)，完成一個(gè)簡(jiǎn)單的用戶注冊(cè)功能？
查看答案>>
-
網(wǎng)頁(yè)制作，如何實(shí)現(xiàn)單擊“上一幅”“下一幅”的時(shí)候切換圖片
查看答案>>
-
(網(wǎng)頁(yè)制作 Dreamweaver) 如何實(shí)現(xiàn): 背景圖片拉伸??
查看答案>>
-
怎么自己做一個(gè)小網(wǎng)頁(yè)
查看答案>>
-
制作網(wǎng)頁(yè)的時(shí)候怎么設(shè)置背景？
查看答案>>
-
如何制作HTML頁(yè)面
查看答案>>
-
怎么學(xué)習(xí)網(wǎng)頁(yè)制作？
查看答案>>
-
如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) 求大神
查看答案>>
-
怎么制作自己的網(wǎng)頁(yè)？
查看答案>>
如何制作網(wǎng)頁(yè)登陸界面？
<html><head></head><body><form>2文本框（用戶名+密碼）提交按鈕 提交態(tài)頁(yè)（asp\aspx\php\jsp）做判斷</form></body></html>
請(qǐng)問(wèn)能不能詳細(xì)一點(diǎn)？
舉個(gè)例子 <form action="a.php" method="post"><input type="text" name="username" ID="username"> //用戶名<input type="password" name="password" ID="password">//密碼<input type="submit" name="dosubmit" value="登錄">//登錄按鈕</form>通過(guò)POST把用戶名、密碼傳給a.phpPHP的寫法就是取出$_POST['username'] $_POST['password']然后和數(shù)據(jù)庫(kù)里的值對(duì)比，正確的話，可以去數(shù)據(jù)庫(kù)里取出名字（不是用戶名）然后彈出框顯示出來(lái)，否則提示登錄失敗
本人是非常菜的菜鳥(niǎo)……sorry，請(qǐng)問(wèn)POST是什么東西？或者請(qǐng)把完整代碼給我！sorry……
html的代碼 （action="a.php" 這句根據(jù)實(shí)際情況看你POST給哪個(gè)頁(yè)如果是ASP的就是action="a.asp",因?yàn)閙ethod="post" 所以直接就是POST的方法傳值給PHP或者ASP文件了）<html><head></head><body><form action="a.php" method="post"><input type="text" name="username" ID="username"> //用戶名<input type="password" name="password" ID="password">//密碼<input type="submit" name="dosubmit" value="登錄">//登錄按鈕</form></body></html>如果是PHP則a.php的代碼$username=$_POST['username'] ;$password=$_POST['password'] ;然后去對(duì)接收的用戶名和密碼去和數(shù)據(jù)對(duì)比。如果是ASP則a.asp的代碼username=request.FORM("username")password=request.FORM("password")然后去對(duì)接收的用戶名和密碼去和數(shù)據(jù)對(duì)比。具體的對(duì)數(shù)據(jù)庫(kù)操作的代碼自己來(lái)吧。。。。。。
如何制作網(wǎng)頁(yè)，完成一個(gè)簡(jiǎn)單的用戶注冊(cè)功能？
網(wǎng)頁(yè)制作是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁(yè)設(shè)計(jì)師等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開(kāi)發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊(cè)查詢和主機(jī)托管等服務(wù)的總稱。下面是網(wǎng)站制作的步驟：1.需要評(píng)估使用的功能規(guī)格；2.競(jìng)爭(zhēng)的研究；3.發(fā)展的結(jié)構(gòu)（樹(shù)），網(wǎng)頁(yè)的內(nèi)容和演示；4.創(chuàng)建一個(gè)Web界面（也被稱為網(wǎng)頁(yè)設(shè)計(jì)）；5.用不同的編程語(yǔ)言的網(wǎng)站整合。主要的的HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用），層疊樣式表（外語(yǔ)簡(jiǎn)稱：CSS），JavaScript，PHP，ASP.NET；6.建立一個(gè)網(wǎng)站的內(nèi)容管理系統(tǒng)（外語(yǔ)簡(jiǎn)稱：CMS）；7.預(yù)訂和管理域名（網(wǎng)站地址，網(wǎng)站的訪問(wèn)）；8.上線一個(gè)FTP服務(wù)器，允許主辦的網(wǎng)站不斷地連接到互聯(lián)網(wǎng)上的Web服務(wù)器上的網(wǎng)頁(yè)文件；9.創(chuàng)建一個(gè)網(wǎng)站可以委托給易雅網(wǎng)或自己制作。要自己建立一個(gè)網(wǎng)站，它可以使用網(wǎng)頁(yè)編輯器。
網(wǎng)頁(yè)制作，如何實(shí)現(xiàn)單擊“上一幅”“下一幅”的時(shí)候切換圖片
<html><head><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><style ID="AsstStyle"> BODY{font: 宋體;} TD{font: 宋體;} .clickable {color:darkblue; cursor:hand}</style><title></title></head><script type="text/javascript">var n =0;var array = new Array("https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif","https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/baike/logo-baike.gif");function changeimg(m){ n+=m; if(n==array.length) { n = 0; } if(n<0) { n = array.length-1; } document.getElementById("img").src = array[n];}</script><body onload="changeimg(0)"><span><a href="javascript:changeimg(1)">上一幅</a></span><span><a href="javascript:changeimg(-1)">下一幅</a</span><img width="100" height="100" id="img"/></body></html>
(網(wǎng)頁(yè)制作 Dreamweaver) 如何實(shí)現(xiàn): 背景圖片拉伸??
要想實(shí)現(xiàn)背景圖片的拉伸，需要給此背景圖片添加css屬性，具體寫法為：body { background-image: url(...); background-repeat: repeat-y; }屬性值 repeat 導(dǎo)致圖像在水平垂直方向上都平鋪，就像以往背景圖像的通常做法一樣。repeat-x 和 repeat-y 分別導(dǎo)致圖像只在水平或垂直方向上重復(fù)，no-repeat 則不允許圖像在任何方向上平鋪。
怎么自己做一個(gè)小網(wǎng)頁(yè)
一. 網(wǎng)頁(yè)設(shè)計(jì)軟件的選擇 設(shè)計(jì)主頁(yè)首先要選擇合適的工具軟件，現(xiàn)在比較流行的網(wǎng)頁(yè)制作軟件是 FrontPage 和 DreamWave。FrontPage 是微軟出品的網(wǎng)頁(yè)編輯軟件，也是 Office 系列軟件的組成部分。最新的 FrontPage2000中文版 在 Office2000 的軟件包中可以找到。如果對(duì) Office 有一定的基礎(chǔ)，會(huì)用 Word 的人，很快就可以學(xué)會(huì)使用 FrontPage ，它的最大優(yōu)點(diǎn)之一就是易學(xué)易用。另外 FrontPage 制作的網(wǎng)頁(yè)在 IE 瀏覽器中的效果也特別好。二. 網(wǎng)絡(luò)服務(wù)商的選擇 現(xiàn)在提供免費(fèi)主頁(yè)空間的網(wǎng)站非常多，首先要明確服務(wù)商提供的是什么操作系統(tǒng)的服務(wù)器，如果使用 FrontPage 編寫主頁(yè)，最好選擇 Windows NT 服務(wù)器，這樣效果最好。另外還有 Linux 和 Unix 的服務(wù)器也很多見(jiàn)，用這些服務(wù)器的話要注意一個(gè)問(wèn)題，就是文件名的大小寫一定要清楚。一般的 Windows 用戶會(huì)覺(jué)得這不是問(wèn)題，因?yàn)槲④浀牧?xí)慣，文件名大小寫是不區(qū)分的。但是 Linux 和 Unix 不是這樣，比如你有一個(gè) top.jpg 的圖片上傳，然后在 HTML 超連接寫成了 top.JPG，擴(kuò)展名寫成大寫了。三. 主頁(yè)內(nèi)容的選擇 評(píng)價(jià)一個(gè)主頁(yè)的優(yōu)劣，選擇適當(dāng)?shù)膬?nèi)容很重要，最好是自己比較感興趣的內(nèi)容，否則會(huì)沒(méi)有長(zhǎng)期維護(hù)的熱情。另外不要做太多的主題，沒(méi)有重點(diǎn)的四面出擊往往一樣也不吸引人。維護(hù)主頁(yè)貴在堅(jiān)持，一定要不斷上傳新的內(nèi)容來(lái)充實(shí)更新網(wǎng)站。不過(guò)同樣要注意不要隨便抄襲別人的內(nèi)容，如果對(duì)方的內(nèi)容是可以轉(zhuǎn)載的自然沒(méi)問(wèn)題，但如果是版權(quán)所有的，可能會(huì)遇到糾紛知識(shí)產(chǎn)權(quán)還是需要尊重的，因此在轉(zhuǎn)在其他網(wǎng)站的內(nèi)容時(shí)，最好征求對(duì)方的同意。四. 主頁(yè)制作的技巧 主頁(yè)制作是一門綜合性技術(shù)，也是一門藝術(shù)，它包括策劃、美工、設(shè)計(jì)等等。一般的個(gè)人主頁(yè)，建設(shè)初期最好不要放廣告條，特別是不能放很多。在訪問(wèn)量不是很大的時(shí)候，廣告是賺不到錢的。
制作網(wǎng)頁(yè)的時(shí)候怎么設(shè)置背景？
設(shè)置背景，請(qǐng)?jiān)?lt;body>標(biāo)簽里增加一個(gè)class類，這個(gè)類寫入background-image標(biāo)簽。例如：{background-image：pictrue.jpg}pictrue.jpg就是你背景圖片的地址，改一下
如何制作HTML頁(yè)面
HTML介紹：(1):<html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html> 將此文件保存為“mypage.htm”。啟動(dòng)瀏覽器。在文件菜單中選擇“打開(kāi)”（或者“打開(kāi)頁(yè)面”），這時(shí)將出現(xiàn)一個(gè)對(duì)話框。選擇“瀏覽”（或者“選擇文件”），定位到你剛才創(chuàng)建的HTML文件——“mypage.htm”，選擇它，單擊“打開(kāi)”。然后在對(duì)話框中，你將看到這個(gè)文件的地址，比如說(shuō)：“C:\MyDocuments\mypage.htm”。單擊“確定”，瀏覽器將顯示此頁(yè)面。--------------------------------------------------------------------------------例子解釋HTML文檔中，第一個(gè)標(biāo)簽是<html>。這個(gè)標(biāo)簽告訴瀏覽器這是HTML文檔的開(kāi)始。HTML文檔的最后一個(gè)標(biāo)簽是</html>，這個(gè)標(biāo)簽告訴瀏覽器這是HTML文檔的終止。在<head>和</head>標(biāo)簽之間文本的是頭信息。在瀏覽器窗口中，頭信息是不被顯示的。在<title>和</title>標(biāo)簽之間的文本是文檔標(biāo)題，它被顯示在瀏覽器窗口的標(biāo)題欄。在<body>和</body>標(biāo)簽之間的文本是正文，會(huì)被顯示在瀏覽器中。在<b>和</b>標(biāo)簽之間的文本會(huì)以加粗字體顯示。---常見(jiàn)問(wèn)題問(wèn)：我編寫完了HTML文件，但是不能在瀏覽器中看見(jiàn)結(jié)果，為什么？答：請(qǐng)確認(rèn)你保存了文件，并且使用了正確的文件名和擴(kuò)展名，例如：“c:\mypage.htm”，并且確認(rèn)你用瀏覽器打開(kāi)時(shí)使用同樣的文件名。問(wèn)：我編輯了HTML文件，但是修改結(jié)果并沒(méi)有在瀏覽器中顯示，為什么？答：瀏覽器緩存了你的頁(yè)面，所以它不需要兩次讀取同樣的頁(yè)面。你修改了這個(gè)頁(yè)面，瀏覽器并不知道。請(qǐng)使用“刷新/重載”按鈕來(lái)強(qiáng)迫瀏覽器讀取編輯過(guò)的頁(yè)面。 -----------------------------------------------------------------------------HTML基本標(biāo)簽：(2):HTML中最重要的標(biāo)簽是定義標(biāo)題元素，段落和換行的標(biāo)簽。標(biāo)題元素標(biāo)題元素由標(biāo)簽<h1>到<h6>定義。<h1>定義了最大的標(biāo)題元素，<h6>定義了最小的。<h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3><h4>This is a heading</h4><h5>This is a heading</h5><h6>This is a heading</h6>HTML自動(dòng)在一個(gè)標(biāo)題元素前后各添加一個(gè)空行。(3):段落段落是用<p>標(biāo)簽定義的。<p>This is another paragraph</p> HTML自動(dòng)在一個(gè)段落前后各添加一個(gè)空行。--------------------------------------------------------------------------------換行當(dāng)需要結(jié)束一行，并且不想開(kāi)始新段落時(shí)，使用<br>標(biāo)簽。<br>標(biāo)簽不管放在什么位置，都能夠強(qiáng)制換行。<p>This <br> is a para<br>graph with line breaks</p> <br>標(biāo)簽是一個(gè)空標(biāo)簽，它沒(méi)有結(jié)束標(biāo)記?；咀⒁恻c(diǎn)——有用的技巧當(dāng)你寫下HTML文本的時(shí)候，你不能確知在另外一個(gè)瀏覽器中，這些文本將被如何顯示。有人用著大的顯示器，有的人用的小一些。每次用戶調(diào)整窗口大小的時(shí)候，文本都將被重新格式化。不要想在編輯器中寫一些空行和空格來(lái)協(xié)助排版。HTML將截掉你文本中的多余空格。不管多少個(gè)空格，處理起來(lái)只當(dāng)一個(gè)。一點(diǎn)附加信息：在HTML里面，一個(gè)空行也只被當(dāng)作一個(gè)空格來(lái)處理。使用空段落<p>來(lái)插入空白行是一個(gè)壞習(xí)慣，請(qǐng)使用<br>標(biāo)簽來(lái)替代。（但是不要用<br>標(biāo)簽來(lái)創(chuàng)建列表，我們后面會(huì)專門學(xué)習(xí)HTML列表的。）你也許注意到了段落可以不寫結(jié)束標(biāo)記</p>。別依賴它，HTML的下一個(gè)版本將不準(zhǔn)你漏掉任何一個(gè)結(jié)束標(biāo)簽。HTML自動(dòng)在某些元素前后增加額外的空行，就像在段落和標(biāo)題元素的前后一樣。我們使用了水平線（<hr>標(biāo)簽）來(lái)分隔我們教程的章節(jié)。示例：a:多個(gè)段落： <html><body><p>This paragraph contains a lot of lines in the source code,but the browser ignores it.</p><p>This paragraph contains a lot of spaces in the source code,but the browser ignores it.</p><p>The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.</p></body></html>(這個(gè)例子說(shuō)明了段落的一些默認(rèn)行為。)b:換行： <html><body><p>To break<br>lines<br>in a<br>paragraph,<br>use the br tag.</p></body></html> (這個(gè)例子說(shuō)明了在HTML文檔中換行的使用。)c:詩(shī)歌的問(wèn)題： <html><body><p> My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.</p><p>Note that your browser simply ignores your formatting!</p></body></html>(這個(gè)例子說(shuō)明了HTML顯示格式的一些問(wèn)題。)d:標(biāo)題元素： <html><body><h1>This is heading 1</h1><h2>This is heading 2</h2><h3>This is heading 3</h3><h4>This is heading 4</h4><h5>This is heading 5</h5><h6>This is heading 6</h6><p>Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.</p></body></html>(這個(gè)例子說(shuō)明了在HTML中顯示標(biāo)題元素的標(biāo)簽。)e:居中的標(biāo)題元素：<html><body><h1 align="center">This is heading 1</h1><p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p></body></html>(這個(gè)例子顯示了一個(gè)居中的標(biāo)題元素。)f:水平線：<html><body><p>The hr tag defines a horizontal rule:</p><hr><p>This is a paragraph</p><hr><p>This is a paragraph</p><hr><p>This is a paragraph</p></body></html>(這個(gè)例子說(shuō)明了如何插入水平線。)g:隱藏的注釋：<html><body><!--This comment will not be displayed--><p>This is a regular paragraph</p></body></html>(這個(gè)例子說(shuō)明了在HTML文檔中如何插入隱藏的注釋。)h:背景色：<html><body bgcolor="yellow"><h2>Look: Colored Background!</h2></body></html>(這個(gè)例子說(shuō)明了如何給頁(yè)面設(shè)置背景色。)
怎么學(xué)習(xí)網(wǎng)頁(yè)制作？
從最基本的開(kāi)始學(xué)，最簡(jiǎn)單的就是HTML的網(wǎng)頁(yè)，直接把圖弄上去，然后把邊距邊框，按鈕之類的設(shè)置下就差不多了，最后自己去各個(gè)瀏覽器調(diào)試下，修改參數(shù)就好了！怎樣設(shè)計(jì)網(wǎng)頁(yè) 在網(wǎng)頁(yè)設(shè)計(jì)的認(rèn)識(shí)上，許多人似乎仍停留在網(wǎng)頁(yè)制作的高度上。認(rèn)為只要用好了網(wǎng)頁(yè)制作軟件，就能搞好網(wǎng)頁(yè)設(shè)計(jì)了…… 在網(wǎng)頁(yè)設(shè)計(jì)的認(rèn)識(shí)上，許多人似乎仍停留在網(wǎng)頁(yè)制作的高度上。認(rèn)為只要用好了網(wǎng)頁(yè)制作軟件，就能搞好網(wǎng)頁(yè)設(shè)計(jì)了。 其實(shí)網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)感性思考與理性分析相結(jié)合的復(fù)雜的過(guò)程，它的方向取決于設(shè)計(jì)的任務(wù)，它的實(shí)現(xiàn)依賴于網(wǎng)頁(yè)的制作。正所謂“功夫在詩(shī)外”，網(wǎng)頁(yè)設(shè)計(jì)中最重要的東西，并非在軟件的應(yīng)用上，而是在我們對(duì)網(wǎng)頁(yè)設(shè)計(jì)的理解以及設(shè)計(jì)制作的水平上，在于我們自身的美感以及對(duì)頁(yè)面的把握上。 首先，我們要弄清楚網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)。 一、設(shè)計(jì)的任務(wù) 設(shè)計(jì)是一種審美活動(dòng)，成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段，而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者的意圖，而并非創(chuàng)造美。 網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)，是指設(shè)計(jì)者要表現(xiàn)的主題和要實(shí)現(xiàn)的功能。站點(diǎn)的性質(zhì)不同，設(shè)計(jì)的任務(wù)也不同。從形式上，可以將站點(diǎn)分為以下三類。 第一類是資訊類站點(diǎn)，像新浪、網(wǎng)易、搜狐等門戶網(wǎng)站。這類站點(diǎn)將為訪問(wèn)者提供大量的信息，而且訪問(wèn)量較大。因此需注意頁(yè)面的分割、結(jié)構(gòu)的合理、頁(yè)面的優(yōu)化、界面的親和等問(wèn)題。 第二類是資訊和形象相結(jié)合的網(wǎng)站，像一些較大的公司、國(guó)內(nèi)的高校等。這類網(wǎng)站在設(shè)計(jì)上要求較高，既要保證資訊類網(wǎng)站的上述要求，同時(shí)又要突出企業(yè)、單位的形象。然而就現(xiàn)狀上來(lái)看，這類網(wǎng)站有粗制濫造的嫌疑。 第三類則是形象類網(wǎng)站，比如一些中小型的公司或單位。這類網(wǎng)站一般較小，有的則有幾頁(yè)，需要實(shí)現(xiàn)的功能也較為簡(jiǎn)單，網(wǎng)頁(yè)設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類網(wǎng)站對(duì)設(shè)計(jì)者的美工水平要求較高。 當(dāng)然，這只是從整體上來(lái)看，具體情況還要具體分析。不同的站點(diǎn)還要區(qū)別對(duì)待。別忘了最重要的一點(diǎn)，那就是客戶的要求，它也屬于設(shè)計(jì)的任務(wù)。 明確了設(shè)計(jì)的任務(wù)之后，接下來(lái)要想的就是如何完成這個(gè)任務(wù)了。 二、設(shè)計(jì)的實(shí)現(xiàn) 設(shè)計(jì)的實(shí)現(xiàn)可以分為兩個(gè)部分。第一部分為站點(diǎn)的規(guī)劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網(wǎng)頁(yè)的制作，這一過(guò)程是在計(jì)算機(jī)上完成的。 設(shè)計(jì)首頁(yè)的第一步是設(shè)計(jì)版面布局。我們可以將網(wǎng)頁(yè)看作傳統(tǒng)的報(bào)刊雜志來(lái)編輯，這里面有文字、圖像乃至動(dòng)畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁(yè)面的不同位置。 除了要有一臺(tái)配置不錯(cuò)的計(jì)算機(jī)外，軟件也是必需的。不能簡(jiǎn)單地說(shuō)一個(gè)軟件的好壞，只要是設(shè)計(jì)者使用起來(lái)覺(jué)得方便而且能得心應(yīng)手的，就可以稱為好軟件。當(dāng)然，它應(yīng)該能滿足設(shè)計(jì)者的要求。筆者常用的軟件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯(cuò)的軟件。 接下來(lái)我們要做的就是通過(guò)軟件的使用，將設(shè)計(jì)的藍(lán)圖變?yōu)楝F(xiàn)實(shí)，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁(yè)面的大體輪廓，但是靈感一般都是在制作過(guò)程中產(chǎn)生的。設(shè)計(jì)作品一定要有創(chuàng)意，這是最基本的要求，沒(méi)有創(chuàng)意的設(shè)計(jì)是失敗的。在制作的過(guò)程中，我們會(huì)碰到許多問(wèn)題，其中最敏感的莫過(guò)于頁(yè)面的顏色了。 三、色彩的運(yùn)用 色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來(lái)說(shuō)，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象征生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長(zhǎng)，象征安寧和平與安全，如綠色食品。紫色是高貴的象征，有莊重感。白色能給人以純潔與清白的感覺(jué)，表示和平與圣潔。 我們知道，顏色是光的折射產(chǎn)生的，紅、黃、藍(lán)是三原色，其它的色彩都可以用這三種色彩調(diào)和而成。換一種思路，我們可以用顏色的變化來(lái)表現(xiàn)光影效果，這無(wú)疑將使我們的作品更貼近現(xiàn)實(shí)。 色彩代表了不同的情感，有著不同的象征含義。這些象征含義是人們思想交流當(dāng)中的一個(gè)復(fù)雜問(wèn)題，它因人的年齡、地域、時(shí)代、民族、階層、經(jīng)濟(jì)地區(qū)、工作能力、教育水平、風(fēng)俗習(xí)慣、宗教信仰、生活環(huán)境、性別差異而有所不同。 單純的顏色并沒(méi)有實(shí)際的意義，和不同的顏色搭配，它所表現(xiàn)出來(lái)的效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會(huì)給人帶來(lái)暖意。設(shè)計(jì)的任務(wù)不同，配色方案也隨之不同?？紤]到網(wǎng)頁(yè)的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁(yè)安全色。 但顏色的使用并沒(méi)有一定的法則，如果一定要用某個(gè)法則去套，效果只會(huì)適得其反。經(jīng)驗(yàn)上我們可先確定一種能表現(xiàn)主題的主體色，然后根據(jù)具體的需要，應(yīng)用顏色的近似和對(duì)比來(lái)完成整個(gè)頁(yè)面的配色方案。整個(gè)頁(yè)面在視覺(jué)上應(yīng)是一個(gè)整體，以達(dá)到和諧、悅目的視覺(jué)效果。 四、造型的組合 在網(wǎng)頁(yè)設(shè)計(jì)中，我們主要通過(guò)視覺(jué)傳達(dá)來(lái)表現(xiàn)主題。在視覺(jué)傳達(dá)中，造型是很重要的一個(gè)元素。拋去是圖還是文字的問(wèn)題，畫面上的所有元素可以統(tǒng)一作為畫面的基本構(gòu)成要素點(diǎn)、線、面來(lái)進(jìn)行處理。在一幅成功的作品里，是需要點(diǎn)、線、面的共同組合與搭配來(lái)構(gòu)造整個(gè)頁(yè)面的。 通常我們可以使用的組合手法有秩序、比例、均衡、對(duì)稱、連續(xù)、間隔、重疊、反復(fù)、交*、節(jié)奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點(diǎn)。在設(shè)計(jì)中應(yīng)根據(jù)具體情況，選擇最適合的表現(xiàn)手法，這樣有利于主題的表現(xiàn)。 通過(guò)點(diǎn)、線、面的組合，可以突出頁(yè)面上的重要元素，突出設(shè)計(jì)的主題，增強(qiáng)美感，讓觀者在感受美的過(guò)程中領(lǐng)會(huì)設(shè)計(jì)的主題，從而實(shí)現(xiàn)設(shè)計(jì)的任務(wù)。 造型的巧妙運(yùn)用不僅能帶來(lái)極大的美感，而且能較好地突出企業(yè)形象，而且能將網(wǎng)頁(yè)上的各種元素有機(jī)的組織起來(lái)，它甚至還可以引導(dǎo)觀者的視線。 五、設(shè)計(jì)的原則 設(shè)計(jì)是有原則的，無(wú)論使用何種手法對(duì)畫面中的元素進(jìn)行組合，都一定要遵循五個(gè)大的原則：統(tǒng)一、連貫、分割、對(duì)比及和諧。 統(tǒng)一，是指設(shè)計(jì)作品的整體性，一致性。設(shè)計(jì)作品的整體效果是至關(guān)重要的，在設(shè)計(jì)中切勿將各組成部分孤立分散，那樣會(huì)使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。 連貫，是指要注意頁(yè)面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并注意整個(gè)頁(yè)面設(shè)計(jì)風(fēng)格的一致性，實(shí)現(xiàn)視覺(jué)上和心理上的連貫，使整個(gè)頁(yè)面設(shè)計(jì)的各個(gè)部分極為融洽，猶如一氣呵成。 分割，是指將頁(yè)面分成若干小塊，小塊之間有視覺(jué)上的不同，這樣可以使觀者一目了然。在信息量很多時(shí)為使觀者能夠看清楚，就要注意到將畫面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個(gè)角度來(lái)講，分割也可以被視為對(duì)于頁(yè)面內(nèi)容的一種分類歸納。 對(duì)比就是通過(guò)矛盾和沖突，使設(shè)計(jì)更加富有生氣。對(duì)比手法很多，例如：多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對(duì)比的時(shí)候應(yīng)慎重，對(duì)比過(guò)強(qiáng)容易破壞美感，影響統(tǒng)一。 和諧是指整個(gè)頁(yè)面符合美的法則，渾然一體。如果一件設(shè)計(jì)作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒(méi)有“生命感”，而且也根本無(wú)法實(shí)現(xiàn)視覺(jué)設(shè)計(jì)的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺(jué)效果能否與人的視覺(jué)感受形成一種溝通，產(chǎn)生心靈的共鳴。這是設(shè)計(jì)能否成功的關(guān)鍵。 六、網(wǎng)頁(yè)的優(yōu)化 在網(wǎng)頁(yè)設(shè)計(jì)中，網(wǎng)頁(yè)的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功與否會(huì)影響頁(yè)面的瀏覽速度和頁(yè)面的適應(yīng)性，影響觀者對(duì)網(wǎng)站的印象。 在資訊類網(wǎng)站中，文字是頁(yè)面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個(gè)頁(yè)面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用黑色，這樣不易產(chǎn)生視覺(jué)疲勞，能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁(yè)。 圖片是網(wǎng)頁(yè)中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其size降至最低，這樣可以成倍地提高網(wǎng)頁(yè)的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊，分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們把有較為復(fù)雜顏色變化的小塊優(yōu)化為jpeg，而把那種只有單純色塊的卡通畫式的小塊優(yōu)化為gif，這是由這兩種格式的特點(diǎn)決定的。 表格(table)是頁(yè)面中的重要元素,是頁(yè)面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對(duì)齊方式等參數(shù)。很多時(shí)候，我們將表格的邊框設(shè)為0，以此來(lái)定位頁(yè)面中的元素，或者籍此確定頁(yè)面中各元素的相對(duì)位置。我們知道：瀏覽器在讀取網(wǎng)頁(yè)html原代碼時(shí)，是讀完整個(gè)table才將它顯示出來(lái)的。如果一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一起顯示出來(lái)。我們?cè)谠L問(wèn)一些站點(diǎn)時(shí)，等待多時(shí)無(wú)結(jié)果，按"停止"按鈕卻一下顯示出頁(yè)面就是這個(gè)原因。因此，我們?cè)谠O(shè)計(jì)頁(yè)面表格的時(shí)候，應(yīng)該盡量避免將所有元素嵌套在一個(gè)表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁(yè)時(shí)，會(huì)自動(dòng)在每一個(gè)td內(nèi)添加一個(gè)空字符“ ”。如果單元格內(nèi)沒(méi)有填充其它元素，這個(gè)空字符會(huì)保留，在指定td的寬度或高度后，可以在源代碼內(nèi)將其刪去。 網(wǎng)頁(yè)的適應(yīng)性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會(huì)看到不同的結(jié)果，因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。一般我們?cè)?00*600下制作網(wǎng)頁(yè)，最佳瀏覽效果也是在800*600分辨率下，在其它情況下只要保證基本一致，不出現(xiàn)較大問(wèn)題即可。 說(shuō)了這么多，只是希望能對(duì)做“網(wǎng)頁(yè)設(shè)計(jì)”的人有所幫助，希望他們?cè)谧鼍W(wǎng)頁(yè)的時(shí)候能夠從整體著眼，無(wú)愧于“設(shè)計(jì)”這兩個(gè)字。 ★建設(shè)自己的網(wǎng)站較好的步驟☆ 必須注意的是：建立自己的網(wǎng)站是一件浩大的工程，一般比較麻煩。所以應(yīng)當(dāng)按照一定的步驟一步步來(lái)。 我覺(jué)得建站可以按照以下步驟進(jìn)行： 1、先在本地設(shè)一個(gè)文件夾，作為網(wǎng)站存儲(chǔ)的地方。名字最好取“My Sites”。 2、在網(wǎng)站文件夾里面建立一些文件夾，包括“images”等（存儲(chǔ)圖片、文件等），并且按照網(wǎng)頁(yè)內(nèi)容，再建立幾個(gè)文件夾。（也可以把存儲(chǔ)圖片、文件的文件夾在每個(gè)內(nèi)容文件夾里面各搞一些） 3、打開(kāi)你的網(wǎng)頁(yè)編輯程序（例如FP、Dreamwear等），新建網(wǎng)頁(yè)，保存為“index”（主頁(yè)），重復(fù)以上步驟，在網(wǎng)站文件夾里面建立“search”（查找）、“map”（站點(diǎn)地圖）、“index02”（網(wǎng)站簡(jiǎn)介等）。 4、按照上面步驟，再在網(wǎng)站分類文件夾里面建立許多網(wǎng)頁(yè)（接著還要把內(nèi)容輸入網(wǎng)頁(yè)） 5、已經(jīng)做到了這么多，我們?cè)摐?zhǔn)備內(nèi)容了吧。在硬盤上面再建立一個(gè)文件夾“File”，把準(zhǔn)備好的文檔、圖片、程式、文件和網(wǎng)頁(yè)特效等放進(jìn)去。（可以加入一些動(dòng)態(tài)網(wǎng)頁(yè)） 6、慢慢把這些文件一個(gè)不漏的放進(jìn)網(wǎng)頁(yè)里面（要掌握技巧） 7、把網(wǎng)站充實(shí)了，就差不多了。這時(shí)應(yīng)該申請(qǐng)一個(gè)域名（免費(fèi)空間、附費(fèi)都可以）。并且把自己的網(wǎng)站放入搜索引擎，而且在各種留言版上面宣傳。 8、把網(wǎng)站上傳至空間里面，刪了準(zhǔn)備文件，就OK了！ 不過(guò)也可以這樣使用FP建站： 1、在FP里面選擇新建站點(diǎn)。 2、然后在【導(dǎo)航】里面設(shè)置網(wǎng)頁(yè)名稱以及標(biāo)題。 3、準(zhǔn)備好文檔、圖片、程式、文件和網(wǎng)頁(yè)特效等，把它們都充實(shí)進(jìn)網(wǎng)站里面。 4、申請(qǐng)一個(gè)域名（免費(fèi)空間、附費(fèi)都可以）。并且把自己的網(wǎng)站放入搜索引擎，而且在各種留言版上面宣傳。 5、把網(wǎng)站上傳至空間里面，刪了準(zhǔn)備文件。完畢。 如果使用Dreamwear來(lái)建站，那就更加高級(jí)啦！Dreamwear的功能很強(qiáng)大，安裝了它的朋友們可以研究研究。 在網(wǎng)站設(shè)計(jì)中，純粹HTML格式的網(wǎng)頁(yè)通常被稱為“靜態(tài)網(wǎng)頁(yè)”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁(yè)制作的。靜態(tài)網(wǎng)頁(yè)的網(wǎng)址形式通常為：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等為后后綴的。在HTML格式的網(wǎng)頁(yè)上，也可以出現(xiàn)各種動(dòng)態(tài)的效果，如.GIF格式的動(dòng)畫、FLASH、滾動(dòng)字母等，這些“動(dòng)態(tài)效果”只是視覺(jué)上的，與下面將要介紹的動(dòng)態(tài)網(wǎng)頁(yè)是不同的概念。 ??在《網(wǎng)絡(luò)營(yíng)銷基礎(chǔ)與實(shí)踐》第二版第3章“網(wǎng)絡(luò)營(yíng)銷導(dǎo)向的企業(yè)網(wǎng)站建設(shè)”中，提出了采用靜態(tài)網(wǎng)頁(yè)對(duì)搜索引擎的影響，書(shū)中對(duì)于靜態(tài)網(wǎng)頁(yè)本身的介紹比較少，尤其對(duì)于靜態(tài)網(wǎng)頁(yè)的特點(diǎn)沒(méi)有做專門的介紹。 網(wǎng)絡(luò)營(yíng)銷教學(xué)網(wǎng)站(www.wm23.com)將靜態(tài)網(wǎng)頁(yè)的特點(diǎn)簡(jiǎn)要?dú)w納如下： ??（1）靜態(tài)網(wǎng)頁(yè)每個(gè)網(wǎng)頁(yè)都有一個(gè)固定的URL，且網(wǎng)頁(yè)URL以.htm、.html、.shtml等常見(jiàn)形式為后綴，而不含有“？”； ??（2）網(wǎng)頁(yè)內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無(wú)論是否有用戶訪問(wèn)，每個(gè)靜態(tài)網(wǎng)頁(yè)的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說(shuō)，靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁(yè)都是一個(gè)獨(dú)立的文件； ??（3）靜態(tài)網(wǎng)頁(yè)的內(nèi)容相對(duì)穩(wěn)定，因此容易被搜索引擎檢索； ??（4）靜態(tài)網(wǎng)頁(yè)沒(méi)有數(shù)據(jù)庫(kù)的支持，在網(wǎng)站制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁(yè)制作方式比較困難； ??（5）靜態(tài)網(wǎng)頁(yè)的交互性交叉，在功能方面有較大的限制。 網(wǎng)頁(yè)制作軟件的選擇 u 選擇一個(gè)適合自己的網(wǎng)頁(yè)編輯工具 了解了網(wǎng)頁(yè)的類型及相關(guān)技術(shù)之后，下一步，就是要選擇一個(gè)適合自己的網(wǎng)頁(yè)編輯工具。 Frontpage Frontpage 是 Microsoft 出品的，可能是最簡(jiǎn)單、最容易，卻又功能強(qiáng)大的網(wǎng)頁(yè)編輯工具。采用典型的 Word 界面設(shè)計(jì)，只要你懂得使用 Word，就差不多等于已經(jīng)會(huì)使用 Frontpage。就算你不懂 Word 也沒(méi)關(guān)系，"所見(jiàn)即所得"的操作方式會(huì)讓你很快上手，而且你無(wú)須學(xué)習(xí) HTML 語(yǔ)法。 但 Frontpage 的也有其不足之處：首先是瀏覽器兼容性不好，做出來(lái)的網(wǎng)頁(yè)，用 Netscape 往往不能正常顯示；其次，生成的垃圾代碼多，也會(huì)自動(dòng)修改代碼，導(dǎo)致在某些情況下極為不便；再次，對(duì)DHTML的支持不好。但不管怎么說(shuō)，F(xiàn)rontpage 的確是最好的入門級(jí)網(wǎng)頁(yè)編輯工具。 常見(jiàn)的版本為 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的產(chǎn)品的另一款"所見(jiàn)即所得"的網(wǎng)頁(yè)編輯工具,或稱網(wǎng)頁(yè)排版軟件。與 Frontpage 不同，Deamweaver 采用的是 Mac 機(jī)浮動(dòng)面版的設(shè)計(jì)風(fēng)格，對(duì)于初學(xué)者來(lái)說(shuō)可能會(huì)感到不適應(yīng)。但當(dāng)你習(xí)慣了其操作方式后，就會(huì)發(fā)現(xiàn) Dreamweaver 的直觀性與高效性是 Frontpage 所無(wú)法比擬的。 Dreamweaver 對(duì)于 DHTML 的支持特別好，可以輕而易舉地做出很多眩目的頁(yè)面特效。插件式的程序設(shè)計(jì)使得其功能可以無(wú)限的擴(kuò)展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網(wǎng)頁(yè)制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個(gè)非常緊密的結(jié)合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，說(shuō)Dreamweaver 是高級(jí)網(wǎng)頁(yè)制作的首選并不為過(guò)。 常見(jiàn)的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的產(chǎn)品，F(xiàn)lash 是交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)。網(wǎng)頁(yè)設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。相信凡是見(jiàn)過(guò) Flash 技術(shù)的人，沒(méi)有一個(gè)不想掌握它的。它不但易學(xué)、易用，而且可以做出有很多動(dòng)畫的網(wǎng)站，并且聲色結(jié)合，是一種很有前途的網(wǎng)頁(yè)制作技術(shù)。 firework firework也是 Macromedia 公司的產(chǎn)品，是真正的網(wǎng)頁(yè)作圖軟件。Fireworks 與 Dreamweaver 結(jié)合很緊密，只要將 Dreamweaver 的默認(rèn)圖像編輯器設(shè)為 Fireworks ，那么在 Fireworks 里修改的文件將立即在 Dreamweaver 里更新。另一個(gè)功能是可以在同一文本框里改變單個(gè)字的顏色。當(dāng)然，F(xiàn)ireworks 可以引用所有的 Photoshop的濾鏡，并且可以直接將 PSD 格式圖片導(dǎo)入。它是用來(lái)畫圖用的，它相當(dāng)于結(jié)合了Photoshop ( 點(diǎn)陣圖處理 ) 以及CorelDRAW (繪制向量圖)的功能。網(wǎng)頁(yè)上很流行的陰影、立體按鈕...等等的效果，也只需用鼠標(biāo)點(diǎn)一下，不必再靠什么KPT 之類的外掛濾鏡。而且 Fireworks很完整的支持網(wǎng)頁(yè)16進(jìn)制的色彩模式，提供安全色盤的使用和轉(zhuǎn)換，要切割圖形、做影像對(duì)應(yīng)(Image Map)、背景透明，要圖又小又漂亮，在Fireworks 中做起來(lái)都非常方便，修改圖形也是很容易的 。不需要再同時(shí)打開(kāi)Photoshop和CorelDRAW...等等各類軟件，切換來(lái)切換去的了。 Dreamweaver、Flash、Firework稱為網(wǎng)頁(yè)制作三劍客，將三個(gè)軟件配合起來(lái)使用，會(huì)制作出非常精美的網(wǎng)頁(yè) gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 動(dòng)畫工具，它在一個(gè)軟件包中提供了頂級(jí)的功能，用于動(dòng)畫 編排、編輯、特效和優(yōu)化。 GIF Animator 差不多支持每個(gè)主要的文件格式，包括視頻文件，并允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動(dòng)畫或圖像序列。用戶可以生成適當(dāng)?shù)?HTML 代碼，以便將動(dòng)畫嵌入到網(wǎng)頁(yè)中，并且可以將動(dòng)畫打包成獨(dú)立的 EXE 文件，以便通過(guò)電子郵件發(fā)布和在任何地方來(lái)查看。 u 制作主頁(yè) ??制作主頁(yè)無(wú)非是添加文字、添加圖片、添加鏈接，跟用word沒(méi)什么區(qū)別，經(jīng)過(guò)簡(jiǎn)單的學(xué)習(xí)后，你就會(huì)制作主頁(yè)了！但是，要作出高水平的主頁(yè)那要學(xué)的東西就太多了，不過(guò)總結(jié)起來(lái)就是html，圖形制作，動(dòng)畫制作，頁(yè)面特效制作和后臺(tái)程序制作幾個(gè)部分。 u 申請(qǐng)的主頁(yè)空間，把你制作的主頁(yè)傳上去 ??我們制作的頁(yè)面放在我們自己的計(jì)算機(jī)上，別人是不能看見(jiàn)的。為了讓別人看見(jiàn)我們制作的頁(yè)面，我們必須將他們放到一臺(tái)和internet一直連接的計(jì)算機(jī)（服務(wù)器）上。你可以到提供空間服務(wù)的站點(diǎn)申請(qǐng)主頁(yè)空間。有空間以后就可以利用響應(yīng)的FTP（文件傳輸協(xié)議）工具軟件將我們制作的頁(yè)面?zhèn)魃先?。這樣，就可以讓大家來(lái)分享我的精彩頁(yè)面了。 常見(jiàn)的FTP工具軟件有cuteFTP、leapFTP等，其功能和使用方法都比較類似，具體使用方法可參見(jiàn)本站想應(yīng)的文章。 可能你開(kāi)始的主頁(yè)只是非常簡(jiǎn)單， 但是這是你的第一步，也是良好的開(kāi)端，然后再一步步學(xué)習(xí)：如何把網(wǎng)頁(yè)制作漂亮一些？如何制作動(dòng)畫？對(duì)于新手，千萬(wàn)不要一下子就想：我看到某某某網(wǎng)頁(yè)這么漂亮，它是怎樣做出來(lái)的？我很想馬上做出來(lái)，于是馬上就去研究復(fù)雜的網(wǎng)頁(yè)，這樣你會(huì)發(fā)現(xiàn)網(wǎng)頁(yè)制作很難，學(xué)兩下就放棄了，這樣永遠(yuǎn)學(xué)不會(huì)制作主頁(yè)。想當(dāng)初，我對(duì)于我的網(wǎng)頁(yè)能產(chǎn)生鏈接也高興了半天，于是產(chǎn)生了更大的興趣。記住：一步一步來(lái)，不要一下子想成為高手，否則很難成為高手。
如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) 求大神
打開(kāi)FrontPage 2003，打開(kāi)我們已經(jīng)建立好的只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)，在文件夾列表窗格中雙擊index.htm網(wǎng)頁(yè)文件，我們看到網(wǎng)頁(yè)編輯窗格中的標(biāo)簽選項(xiàng)卡發(fā)生了變化，說(shuō)明我們可以11/3頁(yè)對(duì)已經(jīng)打開(kāi)的網(wǎng)頁(yè)文件進(jìn)行編輯了。2、選擇我們已經(jīng)輸入的文字“我的個(gè)人主頁(yè)”，在“樣式”列表框中選擇“標(biāo)題1”，在【格式】工具欄中選擇“居中排列”，選擇字色為“藍(lán)色”。我們可以像修飾Word文字一樣修飾這些文字。3、選擇第二行文字，字號(hào)“3?12磅?”，顏色為綠色；選擇第三行文字，字號(hào)為“4?14磅?”，顏色為“紅色”。4、選定下兩行文字，單擊【格式】工具欄中的“居中”按鈕。5、單擊【常用】工具欄中的“保存”按鈕，完成主頁(yè)文字的編輯。到此為止，我們就編輯好了一個(gè)簡(jiǎn)單網(wǎng)頁(yè)了。三、技能練習(xí)：1、單擊【常用】工具欄中的“新建普通網(wǎng)頁(yè)”按鈕，我們看到產(chǎn)生了一個(gè)新的網(wǎng)頁(yè)名標(biāo)簽選項(xiàng)卡。這個(gè)臨時(shí)網(wǎng)頁(yè)的文件名是new_page_1.htm.在其中輸入并修飾自我介紹的內(nèi)容。2、單擊【常用】工具欄中的“保存”按鈕，在打開(kāi)的【另存為】對(duì)話框中，修改文件名為my.htm。同時(shí)可點(diǎn)擊【更改標(biāo)題】，在彈出的【設(shè)置網(wǎng)頁(yè)標(biāo)題】對(duì)話框中修改網(wǎng)頁(yè)標(biāo)題為“自我介紹”。22/3頁(yè)然后點(diǎn)擊【保存】按鈕。這是我們看到了新建的網(wǎng)頁(yè)標(biāo)簽選項(xiàng)卡的名字由原來(lái)的臨時(shí)網(wǎng)頁(yè)文件名變成了my.htm，文件夾列表窗格中也產(chǎn)生了一個(gè)對(duì)應(yīng)的網(wǎng)頁(yè)文件。一個(gè)新的網(wǎng)頁(yè)文件就這樣創(chuàng)建好了。四、開(kāi)動(dòng)腦筋：1、在FrontPage 2003中輸入文字時(shí)，要換行時(shí)應(yīng)該怎么做呢？2、文字的大小除了通過(guò)選擇字號(hào)進(jìn)行設(shè)置外，我們可不可以自己編輯字號(hào)的大小呢？1、 單擊“新建”2、 輸入文字3、 設(shè)置“字體”和“樣式”4、 新建普通網(wǎng)頁(yè)
怎么制作自己的網(wǎng)頁(yè)？
初級(jí)前端主要學(xué)習(xí)三個(gè)部分：HTML，CSS，JavaScript一、html + css部分：這部分特別簡(jiǎn)單，到網(wǎng)上搜資料，書(shū)籍視頻非常多。css中盒子模型，流動(dòng)，block，inline，層疊，樣式優(yōu)先級(jí)等這些自學(xué)起來(lái)也是非常容易。最后再深入了解下瀏覽器差異性，ie9以下兼容簡(jiǎn)單了解就行了，ie9以下瀏覽器被淘汰掉是趨勢(shì)，低版本沒(méi)必要浪費(fèi)大量時(shí)間去學(xué)習(xí)兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內(nèi)容很多，建議在實(shí)踐中多多積累。二、JavaScript部分。1.基礎(chǔ)學(xué)習(xí)：難點(diǎn)，也是重點(diǎn)，要學(xué)的內(nèi)容實(shí)在很多，如果沒(méi)有其他編程語(yǔ)言的基礎(chǔ)的話，學(xué)起來(lái)可能要費(fèi)些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向?qū)ο?、封裝等，要理解透徹。看書(shū)是必不可少的，找一本優(yōu)秀的js書(shū)從頭到尾，反復(fù)研究學(xué)習(xí)，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學(xué)習(xí)了。另外，js面向?qū)ο缶幊瘫仨氁獙W(xué)習(xí)，非常重要，個(gè)人推薦一本書(shū)， Stoyan Stefanov著，凌杰譯的《javascript面向?qū)ο笾改稀贰＿厡W(xué)邊練，實(shí)踐出真知。針對(duì)那些有條件的人來(lái)說(shuō)，很多小伙伴更喜歡的是自學(xué)。但是一個(gè)人自學(xué)畢竟力量是有限的，為了讓想學(xué)習(xí)的人可以更好的學(xué)習(xí)，給大家推薦一個(gè)裙，前面是6 1 1，中間是肆 二 8，最后面就是壹 四 二，這里有很多想學(xué)習(xí)的人和你一起交流，也有大牛每天晚上免費(fèi)教學(xué)，想要學(xué)習(xí)的人都可以加入我們，但是我們只歡迎想學(xué)習(xí)的人，不是來(lái)學(xué)習(xí)，隨便看看的就不要進(jìn)了。2.jQuery學(xué)習(xí)：這些基礎(chǔ)知識(shí)掌握好之后，還需要學(xué)jQuery，這是一個(gè)非常優(yōu)秀的Javascript庫(kù)，大型開(kāi)發(fā)必備。它簡(jiǎn)化了Javascript的復(fù)雜操作，消除了Javascript跨平臺(tái)兼容問(wèn)題，提供了大量實(shí)用方法，有良好的文檔和幫助手冊(cè)，是一個(gè)非常成熟的Javascript庫(kù)。慕課網(wǎng)學(xué)習(xí)視頻幕課網(wǎng)。學(xué)習(xí)方法也很簡(jiǎn)單，照著產(chǎn)品文檔做幾個(gè)頁(yè)面就行了，不用面面俱到，以后遇到問(wèn)題查文檔就行了。大概流程就是這樣，如下圖所示：3.進(jìn)階學(xué)習(xí)：有了以上知識(shí)，對(duì)于大多數(shù)小型網(wǎng)站，你應(yīng)該已經(jīng)可以寫出能夠工作的代碼了。但要想成為更專業(yè)的前端，你還需繼續(xù)努力。更高的要求大概還有四方面：易維護(hù)，可測(cè)試，高性能，低流量（移動(dòng)端）。中高級(jí)前端1.工具學(xué)習(xí)習(xí)：大型項(xiàng)目中，前端代碼構(gòu)建已經(jīng)不是簡(jiǎn)單的壓縮一下了，依賴管理、模塊合并、各種編譯步步不可缺少，需要學(xué)會(huì)使用grunt、gulp等前端構(gòu)建工具，要學(xué)習(xí)的還有：包管理器bower、npm，代碼優(yōu)化CSS Lint、JSHint、JSLint，CSS預(yù)處理器less、sass,代碼管理及版本控制svn、Git，web框架/服務(wù)器Node、Express，代碼規(guī)范、HTML模塊化、css模塊化。2.布局框架學(xué)習(xí)如Bootstrap。3.新技術(shù)html5學(xué)習(xí)。4.js框架學(xué)習(xí)，requireJS、 AngularJS等，往前端架構(gòu)師靠近。5.nodejs學(xué)習(xí)。到招聘網(wǎng)站，參考任聘要求，準(zhǔn)沒(méi)錯(cuò)，舉例如下：1.精通html和css，能制作符合W3C標(biāo)準(zhǔn)的靜態(tài)頁(yè)面；2.精通JavaScript編程，對(duì)面向?qū)ο缶幊趟枷胗猩羁汤斫猓?.精通主流Javascript庫(kù)/框架jQuery；4.理解并掌握J(rèn)avaScript語(yǔ)言核心技術(shù)DOM、BOM有Javascript性能優(yōu)化經(jīng)驗(yàn)；5.對(duì)瀏覽器兼容性有深入的研究，精通各種瀏覽器問(wèn)題 ；6.了解Backbone.js、AngularJs等MVC框架并有實(shí)際項(xiàng)目開(kāi)發(fā)經(jīng)驗(yàn)；7.了解http://asp.net等服務(wù)器后臺(tái)技術(shù)和擁有一定的C#編程能力者優(yōu)先；8.對(duì)交互體驗(yàn)、可用性、用戶體驗(yàn)有一定程度的理解；9.有良好的責(zé)任心和團(tuán)隊(duì)合作能力、能承受較大的壓力；自己動(dòng)手搜索下吧，確定目標(biāo)和方向，以上是個(gè)人路線，僅供參考。
熱門問(wèn)答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁(yè)是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁(yè)設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁(yè)制作學(xué)那些
