如果僅僅是用css和html來寫網(wǎng)頁的話， 是沒有太多技術(shù)含量的。必須要掌握js才能寫出有點技術(shù)含量的前端頁面。
還是有一些難度。最好報個培訓(xùn)班。
網(wǎng)頁設(shè)計常用的編程語言主要是HTML5、CSS3、JavaScript三大工具。
HTML5是所有前端語言里最簡單的，毫無基礎(chǔ)的小白也可以上手。就像一個個的標(biāo)簽和對電腦輸入的命令，告訴電腦標(biāo)題是什么，圖片是什么，段落是什么；
HTML是一個網(wǎng)站的基本結(jié)構(gòu)，CSS語言就是一個渲染這個結(jié)構(gòu)的工具。和HTML一樣，CSS不需要任何的數(shù)學(xué)基礎(chǔ)，只要認(rèn)識HTML就可以開寫。能做出簡單的動畫效果，比如當(dāng)鼠標(biāo)滑過的時候加大或者改變顏色；
JavaScript是一種介于前端和后端的語言，在這里邏輯思維和數(shù)學(xué)能力會有一些挑戰(zhàn)。不過作為設(shè)計師，其實只需要掌握或認(rèn)識一些關(guān)于表格的填寫，和頁面簡單的互動的知識就足夠在工作中受益。
從美工圖到網(wǎng)頁的呈現(xiàn)，是需要代碼去實現(xiàn)的。HTML、CSS以及JavaScript是網(wǎng)頁實現(xiàn)的基本組成部分，可以認(rèn)為是三種語言。HTML管的是網(wǎng)頁的基本結(jié)構(gòu)（比如不同模塊如何放置，這種布局操作），CSS處理網(wǎng)頁中的樣式（如文字的顏色、段落的首行縮進等等），JavaScript管的是網(wǎng)頁中的行為，比如你點擊了向左向右的按鈕，圖片發(fā)生了滾動等。HTML和CSS不屬于網(wǎng)頁設(shè)計，更確切的說是網(wǎng)頁制作。如果結(jié)合JavaScript，會被稱為前端開發(fā)。另外，HTML5和CSS3的發(fā)展，為網(wǎng)頁添加了很多新特性新功能，涉及這方面的被稱為HTML5開發(fā)
1、在桌面上右鍵點擊鼠標(biāo)，出現(xiàn)對話框之后，點擊新建。
2、新建一個文本問檔，用于寫網(wǎng)頁代碼。
3、打開記事本，現(xiàn)在我們就可以編寫簡單的HTML代碼了。
4、現(xiàn)在，我們把文本的命名改成1.html。
5、一個簡單的HTML網(wǎng)頁就搭建完成了，可以通過瀏覽器打開試試看。
Web頁面可用預(yù)定義模板來創(chuàng)建，也可不采用模板而在空白頁上自己進行設(shè)計。創(chuàng)建新頁面的步驟如下：
在網(wǎng)頁視圖下，選擇“文件”菜單中的“新建”命令，再從其子菜單中選擇“網(wǎng)頁”命令，將彈出“新建”對話框，若用戶要新建的網(wǎng)頁是框架，則從“框架網(wǎng)頁”選項卡中選擇某種框架樣式；否則，從“常規(guī)”選項卡中選擇一種所需樣式，然后單擊“確定”按鈕。若想建立一空白網(wǎng)頁，可在對話框的“常規(guī)”選項卡中選擇NormalPage項，或直接單擊常用工具欄的“新建網(wǎng)頁”按鈕。
建議逐一試用FrontPage提供的各種模板以便熟悉它們，日后你就可以自如地利用模板創(chuàng)建常規(guī)Web頁面，能夠節(jié)省許多時間。
1．在網(wǎng)頁中插入圖形
圖片往往比大量的文字講述更具吸引力和說服力，在web頁面中適當(dāng)?shù)靥砑訄D片會使網(wǎng)頁豐富多彩，但過多地加入圖片將降低頁面的下載速度，特別是對通過調(diào)制解調(diào)器訪問web頁的用戶。大多數(shù)圖形都是采用壓縮格式，有的調(diào)制解調(diào)器不具有壓縮功能，這種調(diào)制解調(diào)器速度更慢。因此用戶在加入圖片時，應(yīng)認(rèn)真選擇和進行規(guī)劃。雖然圖形可使web頁更有趣味，但應(yīng)適度使用（使用較少顏色，縮小高度和寬度或裁剪圖形、降低圖形的分辨率，盡可能地減少圖形文件大小，如用壓縮格式的文件類型）。
Web頁面所使用的兩種圖片格式分別為GIF和JPEG，用戶可選擇“插入”菜單中的“圖片”命令，再從其子菜單中選擇“來自文件”命令，打開“圖片”對話框，“圖片”對話框提供了“掃描”、“使用您的web例覽器來選擇網(wǎng)頁或文件”、“剪貼畫”和“在您的計算機上選擇一個文件”四種途徑插入圖片。
對于一些非GIF和JPEC格式的圖片，F(xiàn)rontPage可以自動地將這些文件轉(zhuǎn)換成GIF或JPEG格式。
2．在網(wǎng)頁中插入水平線
水平線可以在網(wǎng)頁上清晰地劃分界限，而且對用戶網(wǎng)頁的布局起著重要的作用。添加一條水平線，可以通過“插入”菜單中選擇“水平線”命令添加。在默認(rèn)狀態(tài)下水平線是灰色的，用戶可以像改變文本顏色一樣改變水平線的顏色。改變水平線的顏色有兩種方法（必須在不加主題的情況下）：
（1）雙擊該水平線，將顯示“水平線屬性”對話框。在對話框的“顏色”項，選擇下拉列表，從中選擇合適的顏色，單擊“確定”按鈕。
（2）用鼠標(biāo)右鍵單擊這條水平線，從快捷菜單中選擇“水平線屬性”命令，再從對話框中選擇一個合適的顏色。
使用框架
--------------------------------------------------------------------------------
框架是把Web瀏覽器的視窗分成幾個部分，每個部分都是獨立的Web頁面，這樣便可同時顯示多個頁面。
可以很容易地用FrontPage創(chuàng)建一個多框架的web頁面。為了創(chuàng)建具有框架的Web頁面，可從“文件”菜單的“新建”子菜單中選擇“網(wǎng)頁”命令，彈出“新建”對話框，選擇“框架網(wǎng)頁”選項卡。
在左邊的列表中可選擇不同類型的框架模板，選定模板后，按“確定”按鈕即可創(chuàng)建一個具有框架的網(wǎng)頁。
在創(chuàng)建有框架的Web頁面時，應(yīng)注意有些web瀏覽器不支持框架。雖然使用不能顯示框架的瀏覽器的用戶已很少，為確保這些用戶仍然能夠瀏覽到Web站點上的內(nèi)容，可以填上要告訴那些低版本瀏覽器的使用者的話，例如請對方更換瀏覽器等。
在新建的框架的窗口中，單擊“設(shè)置初始頁”按鈕將會彈出“創(chuàng)建超鏈接”對話框，可以鏈接到一個指定頁面；單擊“新建網(wǎng)頁”按鈕將創(chuàng)建一個新頁面，然后在該頁面內(nèi)對該頁進行編輯。在編輯頁面時，若感覺頁面被放在一個狹窄的框架中太擁擠，可選擇“框架”菜單中的“在新窗口中打開網(wǎng)頁”命令，這樣便打開一個新的滿屏窗口，可以自由地在頁面中增加內(nèi)容。
利用FrontPage的框架頁面模板在Web頁面上引入了框架布局，我們還可以在此基礎(chǔ)上，根據(jù)需要進行進一步的設(shè)計。
1、增加新框架
要給框架頁面增加新框架，就是像拆分表格的單元格一樣，把一個框架分為兩個框架。其操作如下：
（1）按住Ctrl鍵，將鼠標(biāo)放在框架邊框上，當(dāng)鼠標(biāo)變?yōu)樯舷录^時，可把邊框拖到一個新位置，當(dāng)松開鼠標(biāo)按鈕時，一個新的空白內(nèi)容的框架就形成了。
（2）也可以通過命令來操作：首先單擊要拆分的框架內(nèi)部，選“框架”菜單中的“拆分框架”命令，在彈出的“拆分框架”對話框中單擊“拆分成列”或“拆分成行”單選按鈕，單擊“確定”按鈕即可。
2．刪除框架
若框架頁面看起來太亂，可刪除某些框架。要刪除一個框架，可先單擊該框架選擇它，再選擇“框架”菜單中的“刪除框架”命令即可。
3．改變框架屬性
在設(shè)置好框架的整體布局后，我們還可以對每一框架的具體屬性進行設(shè)置，操作如下：
（1）單擊需設(shè)置屬性的框架，選擇“框架”菜單中的“框架屬性”，則彈出“框架屬性”對活框。
（2）在對話框的“名稱”文本框中可輸入框架名，這樣便于識別不同的框架；在“選項”區(qū)域中，若選中“在例覽器中可以調(diào)大小”復(fù)選框，則客戶在瀏覽站點時，可重新定義框架尺寸，通過在“顯示滾動條”下拉列表框中選擇不同的描述項，可設(shè)置讓滾動條是否出現(xiàn)。
（3）在“框架大小”區(qū)域中，可設(shè)置框架大小，可以定義一個絕對像素值或相對于瀏覽器窗口的百分比，若要用瀏覽器來設(shè)置相對于該頁面中框架的尺寸，可選“相對”；在“邊距”區(qū)域中，可設(shè)置內(nèi)容頁面與框架邊框分隔的像素數(shù)值。
（4）要改變開始頁面，可以在“初始網(wǎng)頁”文本框中輸入一個新的頁面名字或URL。
（5）單擊“框架網(wǎng)頁”按鈕，則彈出“網(wǎng)頁屬性”對話框。
（6）在該對話框的“框架”選項卡中，在“框架間距”文本框中，可輸入以像素為單位的邊框?qū)挾?；若要使框架邊框消失，則不要選中“顯示邊框”復(fù)選框。
（7）單擊“確定”按鈕，關(guān)閉“網(wǎng)頁屬性”對話框，再單擊“確定”按鈕，關(guān)閉“框架屬件”對話框，完成框架屬性設(shè)置。
動態(tài)網(wǎng)頁
--------------------------------------------------------------------------------
DHTML是動態(tài)網(wǎng)頁的意思，它其實并不是一個標(biāo)準(zhǔn)的術(shù)語。事實上沒有一種技術(shù)叫作DHTML。DHTML是利用CSS(層疊樣式表)，JavaScript，HTML等技術(shù)而建立的能與訪問者產(chǎn)生互動的網(wǎng)頁。比如在動態(tài)網(wǎng)頁里，當(dāng)訪問者單擊了某一張圖片后，這張圖片會自動的移動，這就是DHTML效果。也就是說，當(dāng)網(wǎng)頁下載完畢后，它無需再與服務(wù)器連接就能產(chǎn)生變化了。FrontPage2000提供了一套容易制作動態(tài)網(wǎng)頁的方法，你可以建立起屬于自己特色的動態(tài)網(wǎng)頁。
1、使用DHTML的基本步驟
1).在頁面點選需要使用DHTML的對象，比如文本，圖片。對于文本需要拖曳鼠標(biāo)選定；
2).在DHTML工具欄，選擇通過開啟的下拉列表選擇一種事件，文本和圖片所具有的事件是不同的；接下來再應(yīng)用下拉列表選擇一種效果；最后選擇該效果的的實現(xiàn)方法；
3).當(dāng)你為對象使用了DHTML后，保存該頁面并預(yù)覽，你會發(fā)現(xiàn)你選定的對象按照你設(shè)置的DHTML的效果出現(xiàn)；
4).如果想刪除某一個對象的DHTML效果，先選定該對象，然后單擊DHTML工具欄上的刪除效果圖標(biāo)即可。
2、DHTML的事件
在DHTML制作中，我們聽得最多的是“事件”這個術(shù)語。什么是“事件”呢，顧名思義，就是發(fā)生的一件事情，比如你用手打開門，那么這就是一個事件。換到網(wǎng)頁制作中，開門變成了單擊，也就是說，訪問者單擊了一個鏈接，那么出現(xiàn)了事件的結(jié)果，門被打開了。
在FrontPage2000中，當(dāng)我們打開DHTML效果工具欄后，點選文本或者圖片會產(chǎn)生不同事件。但它們的施用方法是一樣的，下面我們以文本舉例：
我們先在編輯器里輸入一段文本，比如：網(wǎng)頁陶吧，然后繼續(xù)下面的三個步驟：
選定一段需要產(chǎn)生DHTML效果的文本，這里是：網(wǎng)頁陶吧。從DHTML效果工具欄的開啟下拉列表選擇一個事件。這里對于文本我們只有“網(wǎng)頁加載”這個事件。“網(wǎng)頁加載”就是當(dāng)網(wǎng)頁第一次裝入的時侯發(fā)生的事件，它不需要用戶利用鼠標(biāo)去觸發(fā)它，而只需要訪問者利用瀏覽器打開它的時侯就會產(chǎn)生預(yù)設(shè)的動態(tài)效果。
選擇好事件后，我們要在應(yīng)用下拉列表里選擇一個該事件的應(yīng)用效果。在該列表下有七種可以采用的效果，我們選擇飛入。
對于應(yīng)用效果會有不同的方法產(chǎn)生。比如當(dāng)你選擇的應(yīng)用效果是“飛入”的時侯，文本可以從底部飛入，可以從左邊飛入，也可以從右邊飛入，這些就是方法。在這個下拉列表里并沒有注明這個術(shù)語。有的應(yīng)用效果是沒有方法的，比如波動。我們這里選擇從底部飛入。
最后保存該頁面并預(yù)覽，你會發(fā)現(xiàn)網(wǎng)頁陶吧這個四個字在網(wǎng)頁第一次加載后從底部飛入。當(dāng)然，你也可以嘗試其它DHTML效果。對于選定圖片，你會在DHTML效果工具欄的開啟下拉列表看到新的事件，單擊和鼠標(biāo)懸停，它們會有各自的應(yīng)用效果和實現(xiàn)方法。你可以每一個嘗試一下，這樣你就能明白這些事件和應(yīng)用效果和方法之間的關(guān)系。
3、DHTML的小技巧
DHTML兼容性
利用FrontPage2000制作的DHTML網(wǎng)頁只能被InternetExplorer4.0或以上版本完全正常瀏覽。對于圖片的DHTML效果，NetscapeCommunicator4.0或以上版本也可以瀏覽。
禁止DHTML
如果想禁用DHTML效果，點選菜單工具/網(wǎng)頁選項，在打開的對話框里選擇兼容性標(biāo)簽，取消動態(tài)HTML前的復(fù)選框里勾，這樣DHTM效果被禁用。
快速使用DHTML
一般情況，在你沒有選定某一個對象的情況下，你只需要把鼠標(biāo)移動到對象的左邊或者右邊單擊一下就可以使用DHTML效果了。
4、網(wǎng)頁過渡
網(wǎng)頁過渡是指當(dāng)你進入或者離開一個網(wǎng)頁的時侯所產(chǎn)生的效果的這個過程。比如你從某一頁進入另一頁，你會發(fā)現(xiàn)當(dāng)前頁慢慢向中間合攏，同時出現(xiàn)了另一個新的頁面，直到當(dāng)前頁合攏消失而最后出現(xiàn)新的頁面。如果你想使用網(wǎng)頁過渡，可以按照以下步驟：
1).打開想使用過渡效果的頁面，或者新建立一個頁面。點選菜單格式/網(wǎng)頁過渡，打開網(wǎng)頁過渡對話框；
2).在事件下拉列表里選擇一個事件，我們選擇進入網(wǎng)頁。大家要注意，當(dāng)你為某頁和站點都設(shè)置了過渡效果時，網(wǎng)頁將比站點過渡效果優(yōu)先；
3).在周期文本框里輸入持續(xù)的時間，然后在過渡效果列表框里點選一個效果，單擊確定。利用瀏覽器打開該頁面，因為我們選擇的網(wǎng)頁過渡是進入網(wǎng)頁，所以當(dāng)你打開該頁時你就能看到過渡效果了。
利用DHTML效果的確是吸引訪問者的有力利器，但如果你不愿意和復(fù)雜的代碼打交道，那么FrontPage2000為你預(yù)設(shè)了許多DHTML的效果。你要做的僅僅是選定需要動態(tài)效果的對象，比如文字，圖片，然后利用“傻瓜”式的操作就可以讓你的網(wǎng)頁動起來。
Web頁有自己的一組屬性，通過選擇“文件”菜單中的“屬性”或通過鼠標(biāo)右鍵單擊頁內(nèi)任何位置，選擇快捷菜單中的“網(wǎng)頁屬性”命令，可以打開“網(wǎng)頁屬性”對話框，在“常規(guī)”選項卡中，各項設(shè)置含義如下：
·位置：指出頁的完整URL。
·標(biāo)題：顯示的頁標(biāo)題，即在HIML中顯示在元素中的標(biāo)簽內(nèi)。
·基位置：在此位置可輸入一個URL，可將這頁中使用的相對URL的超鏈接總指向同一正確的目標(biāo)，通過對一個URL的說明，可以在不移動相對URL中所有目標(biāo)的情況下，移動這個頁。
·默認(rèn)的目標(biāo)框架：定義不規(guī)定框架的頁中所有超鏈接的默認(rèn)框架。
·背景音樂：加入背景音樂，當(dāng)瀏覽器打開該頁時，會同時播放音樂。
在其它選項卡中還可對頁邊距、語言等系統(tǒng)參數(shù)進行設(shè)置。
建立超鏈接
--------------------------------------------------------------------------------
超鏈接（HyperLink）的出現(xiàn)使網(wǎng)上瀏覽變得更加便捷，只須用鼠標(biāo)輕輕點擊，便能輕松地從一個頁面跳轉(zhuǎn)到另一個頁面，從一個Web站點跳到另一個Web站點，從一個國家跳到另一個國家。超鏈接就是一些特殊的文本或圖像，是其它頁面的入口。
1．與當(dāng)前web站點的頁面建立超鏈接
（1）在FrontPage中打開要建立超鏈接的頁面（若是新建頁面，則要肯定該頁面己被保存），選中超鏈接源，超鏈接源可以是一個字符、一個單詞、一句話或一幅圖片等。
（2）選擇“插入”菜單中的“超鏈接”命令，或單擊“常用”工具欄的“超鏈接”按鈕，則彈出“創(chuàng)建超鏈接”對話框（如圖），在該對話框中列出了當(dāng)前FrontPage中打開的Web站點中的文件夾和文件。
（3）在該對話框的文件列表中，選擇要建立鏈接的目標(biāo)文件。
（4）單擊“確定”按鈕，超鏈接建成。
2．與本機中的其它文件建立超鍵接
（1）選擇超鏈接源，打開“創(chuàng)建超鏈接”對話框。
（2）在該對話框中單擊“制作一個鏈接到您計算機上文件的超鏈接”按鈕，然后從彈出的對話框中找到自己所要鏈接的文件，選中它。
（3）單擊“確定”按鈕，超鏈接建成。
3．與worldwideweb上某一站點建立超鏈接
（1）在FrontPage中打開欲建超鏈接的頁面，選定超鏈接源。
（2）選“插入”菜單中的“超鏈接”或單擊常用工具欄的“超鏈接”按鈕，彈出“創(chuàng)建超鏈接”對話框。
（3）在“URL”文本框中，輸入超鏈接目標(biāo)的URL。
（4）單擊“確定”按鈕。
格式化文本
--------------------------------------------------------------------------------
1．輸入文本
從總體而言，文本仍是網(wǎng)頁中的主體內(nèi)容，在FrontPage中輸入文本與在Word中輸入文本非常類似。
(1).需要加入空行或換段時才使用Enter鍵，當(dāng)輸入文本達到所定義的右邊界時，將自動換行。若錄入文字有錯可按Backspace鍵清除錯誤，重新錄入。
(2).可在文本中任意位置處插入新文本內(nèi)容，操作時把鼠標(biāo)指針定位到欲加文本處即可添加文本。
(3).可進行覆蓋式錄入，即先用鼠標(biāo)選中要替換的文本，然后直接錄入文本。
(4).可通過單擊常用工具欄的“顯示所有”按鈕，讓段落標(biāo)記在屏幕上顯示或隱藏，借助段落標(biāo)記可清楚地看到段與段之間的空行。
2．文本的選擇
(1).選擇一個單詞或多個單詞：選擇一個單詞只需在該單詞上雙擊鼠標(biāo)即可，按住鼠標(biāo)左鍵在要選單詞上拖動即可選擇多個單詞。選擇字與選擇多個單詞的方法相同。
(2).選擇一行文字：一行文字就是在屏幕上占據(jù)一行空間的文本。將鼠標(biāo)箭頭移到行的最左邊，當(dāng)光標(biāo)箭頭變?yōu)橹赶蜃筮厱r，單擊鼠標(biāo)左鍵，便可選擇該行。
(3).選擇一個段落：將鼠標(biāo)箭頭移到該段落的最左邊，當(dāng)光標(biāo)箭頭變?yōu)橹赶蜃筮厱r，雙擊鼠標(biāo)左鍵，或按下ALT鍵，再用鼠標(biāo)單擊想要選擇的段落，即可選擇該段落。
3．刪除、拷貝和移動文本或圖片
(1).刪除：刪除插入點左側(cè)的一個字符，按Backspace鍵；刪除插入點右側(cè)的一個字符，按Delete鍵；刪除插入點右側(cè)的一個單詞，按Ctrl＋De1ete鍵；剪切所選內(nèi)容并保行到“剪貼板”，按Ctrl＋X鍵；刪除所選內(nèi)容按De1e1e鍵或選擇“編輯”菜單中的“刪除”命令。
(2).拷貝：拷貝所選文本或圖形到剪貼板，方法是：選中文本或圖形，然后按Ctrl+C鍵或從菜單上選擇“編輯”菜單中的“復(fù)制”菜單命令，也可直接單擊工具欄中的“復(fù)制”按鈕。
(3).移動文本或圖片：選擇想要移動的文本或圖片，再拖曳到要插入的位置，釋放鼠標(biāo)，所選對象就移到目的地。如果先將選擇的文本或圖片“剪切”，然后再“粘貼”到指定區(qū)域，也可將其移動。
(4).通過“撤銷”取消誤操作：如果用戶在不小心的情況下錯誤地執(zhí)行操作，單擊工具欄上的“撤銷”命令按鈕，可以取消用戶執(zhí)行過的操作，或從菜單欄選擇“編輯”菜單中的“撤銷”菜單命令，或按Cir1＋Z鍵。
4．加入標(biāo)題
出于頁面內(nèi)容層次的需要，有時在頁面中要加入一些小標(biāo)題。HTML語言規(guī)范采用6級標(biāo)題，各級標(biāo)題采用文字不同字號來區(qū)分，其中標(biāo)題1為大標(biāo)題，其它依次為中小標(biāo)題。要設(shè)定某一級標(biāo)題，可以在FrontPage格式工具欄中的“樣式”下拉列表中選中一個標(biāo)題等級，然后在光標(biāo)處輸入標(biāo)題文字即可；或者先輸入文字，并選定該文字，然后在“樣式”下拉列表中選定某一級標(biāo)題。標(biāo)題結(jié)束后，將下拉列表中的格式改回原來的“普通”，再進行其它內(nèi)容的輸入。
5．改變字體及設(shè)置字體效果
FrontPage在通常情況下，字體為“TimesNewRoman”。若用戶的操作系統(tǒng)是中文Windows95／98或WindowsNT，中文默認(rèn)字體為“宋體”，文字大小采用默認(rèn)的字號。若要設(shè)定不同的字體，可先選擇要改變的文字，然后在格式工具欄里的“字體”下拉菜單中選擇一種字體，或從菜單欄選擇“格式”菜單中的“字體”菜單命令，通過“字體”對話框來設(shè)置，并可設(shè)定字體樣式、大小等。當(dāng)字體改變后，形式將一直保持，直到用戶又重新設(shè)置新的字體為止。
(1).設(shè)置字體顏色：選中文字，單擊格式工具欄上的“文本顏色”按鈕的下拉箭頭，就會彈出其下拉列表，在“標(biāo)準(zhǔn)顏色”中選擇所需顏色；若沒有，可選擇“更多的顏色”命令，然后從彈出的對話框中選擇。
(2).設(shè)置字體樣式：要對需要的文字進行粗體、斜體和下劃線處理，只要選擇要處理的文字，從格式工具欄上單擊“加粗”、“斜體”或“下劃線”按鈕即可。想解除此效果，可以選中文字，再次按相應(yīng)的按鈕就可以解除效果，恢復(fù)到正常字體。在制作網(wǎng)頁時，一般不采用“下劃線”效果，因為下劃線在一些網(wǎng)頁中都表示有超鏈接。
(3).字體加線效果：共有兩種:“下劃線”可以在選中的文字下面劃一條線；“刪除線”在文字中間貫穿劃一條線。
(4).特殊的文字風(fēng)格：當(dāng)選中的文字需要使用某些特殊風(fēng)格，如“閃爍”風(fēng)格，可通過選擇“字體”對話框中“字體”選項卡（如圖）的“效果”區(qū)域的所需選項，但有的文字特殊效果只有在瀏覽器中才能體現(xiàn)出來。
6．文本的縮進
文本的縮進就是使文本左邊、右邊顯示空白，這種效果有利于對關(guān)鍵段落加強說明。要對一個已有的段落運用縮進的方式，首先選中段落，然后在格式工具欄上單擊“增加縮進”按鈕，段落左邊和右邊分別縮進一段距離，連續(xù)按“增加縮進”按鈕，縮進將進一步加大。這種在文字兩邊同時縮進的方式也稱之為雙向縮進。若縮進的空間太大，可以通過單擊“減少縮進”按鈕來減少縮進的空間。
7．文本對齊方式
若輸入的文字是從該頁的左邊距開始，并逐漸向右延伸，且到了行滿以后又折回下行左邊（左邊距處）重新開始，這就是左對齊。有些文字需要居中方式，比如標(biāo)題之類的文字；而有些文字需要放到右邊，這些可通過格式工具欄上的“向左對齊”、“居中”和“向右對齊”按鈕來實現(xiàn)：，不同的對齊方式可以使文本呈現(xiàn)不同的顯示樣式，而且可以清楚地表明用戶想要說明的問題，使網(wǎng)頁整體保持協(xié)調(diào)。要設(shè)定文本的居中、左齊或右齊方式，須先選擇好要設(shè)置的文本，再單擊相應(yīng)按鈕即可。如果用戶想回到原始狀態(tài)的對齊的方式，應(yīng)先選定該文本，再單擊格式工具欄上相應(yīng)的對齊按鈕。
8、加入項目符號或列表編號
有一些列表前面有加圓點的符號，說明一條條的列表內(nèi)容，這在專業(yè)排版中稱為項目符號，在Web頁面中加入項目符號或列表編號可使內(nèi)容有條理、更清楚，可以通過列表把大量內(nèi)容簡要地描述出來，便于讀者抓住重點。還有另外一種形式即列表編號，可以用來描述一個問題的處理步驟和順序，這兩種處理形式在FrontPage中運用起來很方便。
加入項目符號或列表編號與在Word中的操作很類似。先選定文本，用戶可以在格式工具欄按相應(yīng)的按鈕，或選“格式”菜單中的“項目符號和編號方式”命令，打開項目符號和編號方式對話框（如圖），從中選定不同格式的列表項目。
在FrontPage中新建的兩個文本行之間都有一個空行，如果用戶在輸入或添加項目時不想每兩行之間都出現(xiàn)一個空行，可以在格式工具欄上單擊“項目符號”或“編號方式”按鈕。該按鈕為下凹狀后同時出現(xiàn)第一個項目符號，輸入需要的文字后，按“回車”鍵，然后在自動出現(xiàn)的下一個項目符號后繼續(xù)輸入。
FrontPage還可以通過提供列表編號或項目符號的方式對列表項進行排列。操作方法與上一段所述相同。
如果在所有項目輸入完畢后，以下的內(nèi)容不再希望添加編號或項目符號，可兩次回車，則停止編號或停止添加項目符號。若想改變編號的形式或不想從1開始，可通過在列表符號上單擊鼠標(biāo)右鍵，在彈出的快捷菜單上選擇“列表屬性”命令，在彈出的“列表屬性”對話框中選擇“號碼”選項卡，選擇所需的編號風(fēng)格，再在右邊的“初始號碼”微調(diào)器中調(diào)整起始編號，在調(diào)好之后單擊“確定”按鈕即可。
制作網(wǎng)頁是一個非常復(fù)雜的過程，你不僅需要懂得美工，還需要多少知道點程序,還有網(wǎng)上的：
網(wǎng)頁制作和簡單程序教程！
隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)頁UI設(shè)計技術(shù)在網(wǎng)頁制作中扮演著至關(guān)重要的角色。網(wǎng)頁UI設(shè)計是用戶界面設(shè)計的一種，通過設(shè)計人機交互過程中的屏幕、頁面、圖形等，以便讓用戶獲得最佳的體驗。優(yōu)秀的網(wǎng)頁UI設(shè)計不僅能提升用戶體驗，還能吸引用戶留在網(wǎng)站上并提高轉(zhuǎn)化率。
隨著移動互聯(lián)網(wǎng)的蓬勃發(fā)展，網(wǎng)頁UI設(shè)計技術(shù)也在不斷創(chuàng)新和進步?，F(xiàn)如今，隨著移動設(shè)備的普及和用戶需求的日益多樣化，響應(yīng)式設(shè)計、移動優(yōu)先設(shè)計等概念已經(jīng)成為網(wǎng)頁UI設(shè)計的重要趨勢。下面將重點討論網(wǎng)頁UI設(shè)計技術(shù)的重要性及發(fā)展趨勢。
1. 用戶體驗
優(yōu)秀的網(wǎng)頁UI設(shè)計能夠提升用戶體驗，讓用戶在瀏覽網(wǎng)頁時感到舒適、流暢，從而增加用戶的滿意度和忠誠度。一個好的UI設(shè)計不僅僅是界面的美觀，更重要的是要考慮用戶的操作習(xí)慣和心理需求，讓用戶可以快速找到他們需要的信息。
2. 品牌形象
網(wǎng)頁UI設(shè)計是網(wǎng)站的門面，一個精美、專業(yè)的UI設(shè)計能夠提升品牌形象，讓用戶對品牌產(chǎn)生好感。通過設(shè)計獨特的界面風(fēng)格和色彩搭配，可以讓用戶對品牌產(chǎn)生深刻印象，提升用戶對品牌的認(rèn)知度和信任度。
3. 提高轉(zhuǎn)化率
良好的網(wǎng)頁UI設(shè)計可以引導(dǎo)用戶進行正確的操作，提高用戶的留存時間和點擊率，從而提高網(wǎng)站的轉(zhuǎn)化率。通過合理的排版、明確的按鈕設(shè)計以及直觀的導(dǎo)航結(jié)構(gòu)，可以讓用戶更容易找到自己需要的信息，從而提高網(wǎng)站的轉(zhuǎn)化效果。
1. 響應(yīng)式設(shè)計
隨著移動互聯(lián)網(wǎng)的普及，響應(yīng)式設(shè)計已經(jīng)成為網(wǎng)頁UI設(shè)計的重要趨勢。響應(yīng)式設(shè)計可以讓網(wǎng)頁在不同設(shè)備上都能夠自適應(yīng)屏幕大小，保持界面的完整性和易讀性，提升用戶體驗，適應(yīng)各種屏幕尺寸和分辨率的設(shè)備。
2. 移動優(yōu)先設(shè)計
移動優(yōu)先設(shè)計是指在進行UI設(shè)計時，首先考慮移動設(shè)備用戶的體驗，并針對移動設(shè)備做優(yōu)化。隨著移動用戶的增加，移動優(yōu)先設(shè)計已經(jīng)成為網(wǎng)頁UI設(shè)計的重要策略，通過簡潔的界面設(shè)計、快速的加載速度等，提升移動用戶的體驗。
3. 用戶個性化設(shè)計
用戶個性化設(shè)計是指根據(jù)用戶的個性化需求和偏好，為其提供定制化的UI設(shè)計，通過收集用戶數(shù)據(jù)和行為分析，設(shè)計出符合用戶需求的界面。用戶個性化設(shè)計可以提高用戶的參與度和粘性，增強用戶對網(wǎng)站的依賴性。
4. AI智能設(shè)計
隨著人工智能技術(shù)的不斷發(fā)展，AI智能設(shè)計也逐漸應(yīng)用到網(wǎng)頁UI設(shè)計中。AI智能設(shè)計可以根據(jù)用戶的偏好和行為，自動生成個性化的UI設(shè)計方案，提高設(shè)計效率和準(zhǔn)確性，為用戶提供更個性化的體驗。
總之，網(wǎng)頁UI設(shè)計技術(shù)在網(wǎng)頁制作中扮演著至關(guān)重要的角色，通過不斷創(chuàng)新和優(yōu)化設(shè)計，可以提升用戶體驗、提高品牌形象和轉(zhuǎn)化率。未來，隨著技術(shù)的不斷發(fā)展和用戶需求的不斷變化，網(wǎng)頁UI設(shè)計技術(shù)也將不斷演進和拓展，為用戶帶來更好的上網(wǎng)體驗。
1、ps軟件熟練度2、對色彩、構(gòu)圖、畫面、場景的分析和再設(shè)計能力3、對CSS、html有基礎(chǔ)4、設(shè)計過一定的界面
一 個性的導(dǎo)航設(shè)計，字母就是。
二 登錄頁面設(shè)計
三 頁面的分屏設(shè)計
四 古典風(fēng)格頁面設(shè)計 ，照片質(zhì)量、攝影技術(shù)要求。
五 版式布局幾何形設(shè)計
再來一組網(wǎng)頁設(shè)計創(chuàng)意配圖：
這些都可以用在網(wǎng)頁設(shè)計的輪播圖中。
不是，是屬于品牌設(shè)計，logo設(shè)計還是專業(yè)性比較大強的
