APP設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)方式區(qū)別？

從使用場景上,，Web App用戶面臨比原生APP用戶更嚴(yán)峻的問題： 1,、頁面跳轉(zhuǎn)更加費(fèi)力,，不穩(wěn)定感更強(qiáng) 思考點(diǎn)：如何減少跳轉(zhuǎn)（扁平結(jié)構(gòu),、頁面布局技巧）,，增加數(shù)據(jù)及展示的流暢流程及穩(wěn)定性（技術(shù)）,。

2,、更小的頁面空間（由于瀏覽器的導(dǎo)航本身占用一部分屏幕空間）,，更大的信息記憶負(fù)擔(dān),； 移動(dòng)設(shè)備的屏幕要小得多。這種如同透過門縫進(jìn)行的閱讀增加了認(rèn)知的負(fù)擔(dān),。人腦的短期記憶是不穩(wěn)定的,，用戶在滾動(dòng)屏幕的過程中需要臨時(shí)記憶的信息越多，他們的表現(xiàn)就會(huì)越差,?！顿N心設(shè)計(jì)：打造高可用性的移動(dòng)產(chǎn)品》 思考點(diǎn)：排版更清晰、信息更簡練 （可在原生APP基礎(chǔ)上去掉一些豐富,、復(fù)雜的視覺表現(xiàn)） 3,、導(dǎo)航不明顯，原有底部導(dǎo)航消失,，有效的導(dǎo)航遇到挑戰(zhàn) 思考點(diǎn)：如何有效的提供導(dǎo)航,？有哪些形式？ 4,、交互動(dòng)態(tài)效果收到限制,，影響一些頁面場景、邏輯的理解,。思考點(diǎn)：比如登錄注冊(cè)流程的彈出,、完成及異常退出，做好文字提示,。區(qū)別：APP屬于手機(jī)應(yīng)用客戶端,，移動(dòng)網(wǎng)站可以制作成APP，APP也可以呈現(xiàn)手機(jī)網(wǎng)站,。相同點(diǎn)：二者都屬于手機(jī)系列 區(qū)別在于：APP可以安裝到手機(jī)上,，而移動(dòng)網(wǎng)站只能通這用戶打開網(wǎng)址才能打開了解信息。如果移動(dòng)網(wǎng)站設(shè)計(jì)成app,，則二者兼合,。

網(wǎng)店設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的區(qū)別,？

有很大的區(qū)別

1：類目區(qū)別

網(wǎng)頁設(shè)計(jì)所包含的范疇更大，網(wǎng)店設(shè)計(jì)(電商設(shè)計(jì))屬于網(wǎng)頁設(shè)計(jì)中的一個(gè)小類,。

網(wǎng)店設(shè)計(jì)專指,，專門做電商類的設(shè)計(jì)，包括像網(wǎng)店裝修,、產(chǎn)品詳情設(shè)計(jì),、主圖設(shè)計(jì)、電商活動(dòng)促銷頁面素材的設(shè)計(jì)等,，主要應(yīng)用就是各個(gè)大的電商平臺(tái)的網(wǎng)店,。

網(wǎng)頁設(shè)計(jì)就廣了，像常見的企業(yè)官網(wǎng),、門戶網(wǎng)站,、社交網(wǎng)店、新聞網(wǎng)站,、個(gè)人博客,、娛樂網(wǎng)站、游戲網(wǎng)站等等,，很多類型的網(wǎng)站都屬于網(wǎng)頁設(shè)計(jì)的范疇,。而且這些不同的網(wǎng)站，在設(shè)計(jì)分類上,，可有區(qū)別很大,，像游戲類的網(wǎng)頁設(shè)計(jì)，會(huì)更注重插畫的技能,，官網(wǎng)類的網(wǎng)頁設(shè)計(jì)則是另外一種設(shè)計(jì)能力,。

2：設(shè)計(jì)技能區(qū)別

網(wǎng)店設(shè)計(jì)的電商設(shè)計(jì)師，不管在哪家公司,，基本上職位包括的崗位技能,，是差不多的。因?yàn)槊鎸?duì)的東西,，就那幾個(gè)電商平臺(tái),，所以如果換公司的話，是很容易上手的,。

網(wǎng)頁設(shè)計(jì)技能就要多一些,，除了設(shè)計(jì)上要用到的PS、AI等軟件外,，多少要懂一些Html,、Java、CSS等網(wǎng)頁編輯代碼，這樣才能更好的配合工程師的搭建工作,，而且在作設(shè)計(jì)的時(shí)候,，會(huì)更快更省時(shí)。

如果做久了就會(huì)明白,，這兩個(gè)設(shè)計(jì)師的區(qū)別,，是很大的。一般來說網(wǎng)頁設(shè)計(jì)師,，轉(zhuǎn)到電商設(shè)計(jì)師是很容易的。電商設(shè)計(jì)師轉(zhuǎn)到網(wǎng)頁設(shè)計(jì)師,，沒有一定能力就會(huì)很難做下去,。

一個(gè)野生電商設(shè)計(jì)師的建議，希望采納

網(wǎng)頁設(shè)計(jì)考研,？

還是有一些難度,。最好報(bào)個(gè)培訓(xùn)班。

網(wǎng)頁按鈕設(shè)計(jì),？

Web頁面可用預(yù)定義模板來創(chuàng)建,，也可不采用模板而在空白頁上自己進(jìn)行設(shè)計(jì)。創(chuàng)建新頁面的步驟如下：

在網(wǎng)頁視圖下,，選擇“文件”菜單中的“新建”命令,，再從其子菜單中選擇“網(wǎng)頁”命令，將彈出“新建”對(duì)話框,，若用戶要新建的網(wǎng)頁是框架,，則從“框架網(wǎng)頁”選項(xiàng)卡中選擇某種框架樣式；否則,，從“常規(guī)”選項(xiàng)卡中選擇一種所需樣式,，然后單擊“確定”按鈕。若想建立一空白網(wǎng)頁,，可在對(duì)話框的“常規(guī)”選項(xiàng)卡中選擇NormalPage項(xiàng),，或直接單擊常用工具欄的“新建網(wǎng)頁”按鈕。

建議逐一試用FrontPage提供的各種模板以便熟悉它們,，日后你就可以自如地利用模板創(chuàng)建常規(guī)Web頁面,，能夠節(jié)省許多時(shí)間。

1．在網(wǎng)頁中插入圖形

圖片往往比大量的文字講述更具吸引力和說服力,，在web頁面中適當(dāng)?shù)靥砑訄D片會(huì)使網(wǎng)頁豐富多彩,，但過多地加入圖片將降低頁面的下載速度，特別是對(duì)通過調(diào)制解調(diào)器訪問web頁的用戶,。大多數(shù)圖形都是采用壓縮格式,，有的調(diào)制解調(diào)器不具有壓縮功能，這種調(diào)制解調(diào)器速度更慢。因此用戶在加入圖片時(shí),，應(yīng)認(rèn)真選擇和進(jìn)行規(guī)劃,。雖然圖形可使web頁更有趣味，但應(yīng)適度使用（使用較少顏色,，縮小高度和寬度或裁剪圖形,、降低圖形的分辨率，盡可能地減少圖形文件大小,，如用壓縮格式的文件類型）,。

Web頁面所使用的兩種圖片格式分別為GIF和JPEG，用戶可選擇“插入”菜單中的“圖片”命令,，再從其子菜單中選擇“來自文件”命令,，打開“圖片”對(duì)話框，“圖片”對(duì)話框提供了“掃描”,、“使用您的web例覽器來選擇網(wǎng)頁或文件”,、“剪貼畫”和“在您的計(jì)算機(jī)上選擇一個(gè)文件”四種途徑插入圖片。

對(duì)于一些非GIF和JPEC格式的圖片,，F(xiàn)rontPage可以自動(dòng)地將這些文件轉(zhuǎn)換成GIF或JPEG格式,。

2．在網(wǎng)頁中插入水平線

水平線可以在網(wǎng)頁上清晰地劃分界限，而且對(duì)用戶網(wǎng)頁的布局起著重要的作用,。添加一條水平線,，可以通過“插入”菜單中選擇“水平線”命令添加。在默認(rèn)狀態(tài)下水平線是灰色的,，用戶可以像改變文本顏色一樣改變水平線的顏色,。改變水平線的顏色有兩種方法（必須在不加主題的情況下）：

（1）雙擊該水平線，將顯示“水平線屬性”對(duì)話框,。在對(duì)話框的“顏色”項(xiàng),，選擇下拉列表，從中選擇合適的顏色,，單擊“確定”按鈕,。

（2）用鼠標(biāo)右鍵單擊這條水平線，從快捷菜單中選擇“水平線屬性”命令,，再從對(duì)話框中選擇一個(gè)合適的顏色,。

使用框架

--------------------------------------------------------------------------------

框架是把Web瀏覽器的視窗分成幾個(gè)部分，每個(gè)部分都是獨(dú)立的Web頁面,，這樣便可同時(shí)顯示多個(gè)頁面,。

可以很容易地用FrontPage創(chuàng)建一個(gè)多框架的web頁面。為了創(chuàng)建具有框架的Web頁面,，可從“文件”菜單的“新建”子菜單中選擇“網(wǎng)頁”命令,，彈出“新建”對(duì)話框,，選擇“框架網(wǎng)頁”選項(xiàng)卡。

在左邊的列表中可選擇不同類型的框架模板,，選定模板后,，按“確定”按鈕即可創(chuàng)建一個(gè)具有框架的網(wǎng)頁。

在創(chuàng)建有框架的Web頁面時(shí),，應(yīng)注意有些web瀏覽器不支持框架,。雖然使用不能顯示框架的瀏覽器的用戶已很少，為確保這些用戶仍然能夠?yàn)g覽到Web站點(diǎn)上的內(nèi)容,，可以填上要告訴那些低版本瀏覽器的使用者的話,，例如請(qǐng)對(duì)方更換瀏覽器等。

在新建的框架的窗口中,，單擊“設(shè)置初始頁”按鈕將會(huì)彈出“創(chuàng)建超鏈接”對(duì)話框,，可以鏈接到一個(gè)指定頁面；單擊“新建網(wǎng)頁”按鈕將創(chuàng)建一個(gè)新頁面,，然后在該頁面內(nèi)對(duì)該頁進(jìn)行編輯。在編輯頁面時(shí),，若感覺頁面被放在一個(gè)狹窄的框架中太擁擠,，可選擇“框架”菜單中的“在新窗口中打開網(wǎng)頁”命令，這樣便打開一個(gè)新的滿屏窗口,，可以自由地在頁面中增加內(nèi)容,。

利用FrontPage的框架頁面模板在Web頁面上引入了框架布局，我們還可以在此基礎(chǔ)上,，根據(jù)需要進(jìn)行進(jìn)一步的設(shè)計(jì),。

1、增加新框架

要給框架頁面增加新框架,，就是像拆分表格的單元格一樣,，把一個(gè)框架分為兩個(gè)框架。其操作如下：

（1）按住Ctrl鍵,，將鼠標(biāo)放在框架邊框上,，當(dāng)鼠標(biāo)變?yōu)樯舷录^時(shí)，可把邊框拖到一個(gè)新位置,，當(dāng)松開鼠標(biāo)按鈕時(shí),，一個(gè)新的空白內(nèi)容的框架就形成了。

（2）也可以通過命令來操作：首先單擊要拆分的框架內(nèi)部,，選“框架”菜單中的“拆分框架”命令,，在彈出的“拆分框架”對(duì)話框中單擊“拆分成列”或“拆分成行”單選按鈕，單擊“確定”按鈕即可,。

2．刪除框架

若框架頁面看起來太亂,，可刪除某些框架,。要?jiǎng)h除一個(gè)框架，可先單擊該框架選擇它,，再選擇“框架”菜單中的“刪除框架”命令即可,。

3．改變框架屬性

在設(shè)置好框架的整體布局后，我們還可以對(duì)每一框架的具體屬性進(jìn)行設(shè)置,，操作如下：

（1）單擊需設(shè)置屬性的框架,，選擇“框架”菜單中的“框架屬性”，則彈出“框架屬性”對(duì)活框,。

（2）在對(duì)話框的“名稱”文本框中可輸入框架名,，這樣便于識(shí)別不同的框架；在“選項(xiàng)”區(qū)域中,，若選中“在例覽器中可以調(diào)大小”復(fù)選框,，則客戶在瀏覽站點(diǎn)時(shí)，可重新定義框架尺寸,，通過在“顯示滾動(dòng)條”下拉列表框中選擇不同的描述項(xiàng),，可設(shè)置讓滾動(dòng)條是否出現(xiàn)。

（3）在“框架大小”區(qū)域中,，可設(shè)置框架大小,，可以定義一個(gè)絕對(duì)像素值或相對(duì)于瀏覽器窗口的百分比，若要用瀏覽器來設(shè)置相對(duì)于該頁面中框架的尺寸,，可選“相對(duì)”,；在“邊距”區(qū)域中，可設(shè)置內(nèi)容頁面與框架邊框分隔的像素?cái)?shù)值,。

（4）要改變開始頁面,，可以在“初始網(wǎng)頁”文本框中輸入一個(gè)新的頁面名字或URL。

（5）單擊“框架網(wǎng)頁”按鈕,，則彈出“網(wǎng)頁屬性”對(duì)話框,。

（6）在該對(duì)話框的“框架”選項(xiàng)卡中，在“框架間距”文本框中,，可輸入以像素為單位的邊框?qū)挾?；若要使框架邊框消失，則不要選中“顯示邊框”復(fù)選框,。

（7）單擊“確定”按鈕,，關(guān)閉“網(wǎng)頁屬性”對(duì)話框，再單擊“確定”按鈕,，關(guān)閉“框架屬件”對(duì)話框,，完成框架屬性設(shè)置。

動(dòng)態(tài)網(wǎng)頁

--------------------------------------------------------------------------------

DHTML是動(dòng)態(tài)網(wǎng)頁的意思,，它其實(shí)并不是一個(gè)標(biāo)準(zhǔn)的術(shù)語,。事實(shí)上沒有一種技術(shù)叫作DHTML,。DHTML是利用CSS(層疊樣式表)，JavaScript,，HTML等技術(shù)而建立的能與訪問者產(chǎn)生互動(dòng)的網(wǎng)頁,。比如在動(dòng)態(tài)網(wǎng)頁里，當(dāng)訪問者單擊了某一張圖片后,，這張圖片會(huì)自動(dòng)的移動(dòng),，這就是DHTML效果。也就是說,，當(dāng)網(wǎng)頁下載完畢后,，它無需再與服務(wù)器連接就能產(chǎn)生變化了。FrontPage2000提供了一套容易制作動(dòng)態(tài)網(wǎng)頁的方法,，你可以建立起屬于自己特色的動(dòng)態(tài)網(wǎng)頁,。

1、使用DHTML的基本步驟

1).在頁面點(diǎn)選需要使用DHTML的對(duì)象,，比如文本,，圖片。對(duì)于文本需要拖曳鼠標(biāo)選定,；

2).在DHTML工具欄,，選擇通過開啟的下拉列表選擇一種事件，文本和圖片所具有的事件是不同的,；接下來再應(yīng)用下拉列表選擇一種效果；最后選擇該效果的的實(shí)現(xiàn)方法,；

3).當(dāng)你為對(duì)象使用了DHTML后,，保存該頁面并預(yù)覽，你會(huì)發(fā)現(xiàn)你選定的對(duì)象按照你設(shè)置的DHTML的效果出現(xiàn),；

4).如果想刪除某一個(gè)對(duì)象的DHTML效果,，先選定該對(duì)象，然后單擊DHTML工具欄上的刪除效果圖標(biāo)即可,。

2,、DHTML的事件

在DHTML制作中，我們聽得最多的是“事件”這個(gè)術(shù)語,。什么是“事件”呢,，顧名思義，就是發(fā)生的一件事情,，比如你用手打開門,，那么這就是一個(gè)事件。換到網(wǎng)頁制作中,，開門變成了單擊,，也就是說,，訪問者單擊了一個(gè)鏈接，那么出現(xiàn)了事件的結(jié)果,，門被打開了,。

在FrontPage2000中，當(dāng)我們打開DHTML效果工具欄后,，點(diǎn)選文本或者圖片會(huì)產(chǎn)生不同事件,。但它們的施用方法是一樣的，下面我們以文本舉例：

我們先在編輯器里輸入一段文本,，比如：網(wǎng)頁陶吧,，然后繼續(xù)下面的三個(gè)步驟：

選定一段需要產(chǎn)生DHTML效果的文本，這里是：網(wǎng)頁陶吧,。從DHTML效果工具欄的開啟下拉列表選擇一個(gè)事件,。這里對(duì)于文本我們只有“網(wǎng)頁加載”這個(gè)事件?！熬W(wǎng)頁加載”就是當(dāng)網(wǎng)頁第一次裝入的時(shí)侯發(fā)生的事件,，它不需要用戶利用鼠標(biāo)去觸發(fā)它，而只需要訪問者利用瀏覽器打開它的時(shí)侯就會(huì)產(chǎn)生預(yù)設(shè)的動(dòng)態(tài)效果,。

選擇好事件后,，我們要在應(yīng)用下拉列表里選擇一個(gè)該事件的應(yīng)用效果。在該列表下有七種可以采用的效果,，我們選擇飛入,。

對(duì)于應(yīng)用效果會(huì)有不同的方法產(chǎn)生。比如當(dāng)你選擇的應(yīng)用效果是“飛入”的時(shí)侯,，文本可以從底部飛入,，可以從左邊飛入，也可以從右邊飛入,，這些就是方法,。在這個(gè)下拉列表里并沒有注明這個(gè)術(shù)語。有的應(yīng)用效果是沒有方法的,，比如波動(dòng),。我們這里選擇從底部飛入。

最后保存該頁面并預(yù)覽,，你會(huì)發(fā)現(xiàn)網(wǎng)頁陶吧這個(gè)四個(gè)字在網(wǎng)頁第一次加載后從底部飛入,。當(dāng)然，你也可以嘗試其它DHTML效果,。對(duì)于選定圖片,，你會(huì)在DHTML效果工具欄的開啟下拉列表看到新的事件，單擊和鼠標(biāo)懸停,，它們會(huì)有各自的應(yīng)用效果和實(shí)現(xiàn)方法,。你可以每一個(gè)嘗試一下,，這樣你就能明白這些事件和應(yīng)用效果和方法之間的關(guān)系。

3,、DHTML的小技巧

DHTML兼容性

利用FrontPage2000制作的DHTML網(wǎng)頁只能被InternetExplorer4.0或以上版本完全正常瀏覽,。對(duì)于圖片的DHTML效果，NetscapeCommunicator4.0或以上版本也可以瀏覽,。

禁止DHTML

如果想禁用DHTML效果,，點(diǎn)選菜單工具/網(wǎng)頁選項(xiàng)，在打開的對(duì)話框里選擇兼容性標(biāo)簽,，取消動(dòng)態(tài)HTML前的復(fù)選框里勾,，這樣DHTM效果被禁用。

快速使用DHTML

一般情況,，在你沒有選定某一個(gè)對(duì)象的情況下,，你只需要把鼠標(biāo)移動(dòng)到對(duì)象的左邊或者右邊單擊一下就可以使用DHTML效果了。

4,、網(wǎng)頁過渡

網(wǎng)頁過渡是指當(dāng)你進(jìn)入或者離開一個(gè)網(wǎng)頁的時(shí)侯所產(chǎn)生的效果的這個(gè)過程,。比如你從某一頁進(jìn)入另一頁，你會(huì)發(fā)現(xiàn)當(dāng)前頁慢慢向中間合攏,，同時(shí)出現(xiàn)了另一個(gè)新的頁面,，直到當(dāng)前頁合攏消失而最后出現(xiàn)新的頁面。如果你想使用網(wǎng)頁過渡,，可以按照以下步驟：

1).打開想使用過渡效果的頁面,，或者新建立一個(gè)頁面。點(diǎn)選菜單格式/網(wǎng)頁過渡,，打開網(wǎng)頁過渡對(duì)話框,；

2).在事件下拉列表里選擇一個(gè)事件，我們選擇進(jìn)入網(wǎng)頁,。大家要注意，當(dāng)你為某頁和站點(diǎn)都設(shè)置了過渡效果時(shí),，網(wǎng)頁將比站點(diǎn)過渡效果優(yōu)先,；

3).在周期文本框里輸入持續(xù)的時(shí)間，然后在過渡效果列表框里點(diǎn)選一個(gè)效果,，單擊確定,。利用瀏覽器打開該頁面，因?yàn)槲覀冞x擇的網(wǎng)頁過渡是進(jìn)入網(wǎng)頁,，所以當(dāng)你打開該頁時(shí)你就能看到過渡效果了,。

利用DHTML效果的確是吸引訪問者的有力利器，但如果你不愿意和復(fù)雜的代碼打交道,，那么FrontPage2000為你預(yù)設(shè)了許多DHTML的效果,。你要做的僅僅是選定需要?jiǎng)討B(tài)效果的對(duì)象,，比如文字，圖片,，然后利用“傻瓜”式的操作就可以讓你的網(wǎng)頁動(dòng)起來,。

Web頁有自己的一組屬性，通過選擇“文件”菜單中的“屬性”或通過鼠標(biāo)右鍵單擊頁內(nèi)任何位置,，選擇快捷菜單中的“網(wǎng)頁屬性”命令,，可以打開“網(wǎng)頁屬性”對(duì)話框，在“常規(guī)”選項(xiàng)卡中,，各項(xiàng)設(shè)置含義如下：

·位置：指出頁的完整URL,。

·標(biāo)題：顯示的頁標(biāo)題，即在HIML中顯示在元素中的標(biāo)簽內(nèi),。

·基位置：在此位置可輸入一個(gè)URL,，可將這頁中使用的相對(duì)URL的超鏈接總指向同一正確的目標(biāo)，通過對(duì)一個(gè)URL的說明,，可以在不移動(dòng)相對(duì)URL中所有目標(biāo)的情況下,，移動(dòng)這個(gè)頁。

·默認(rèn)的目標(biāo)框架：定義不規(guī)定框架的頁中所有超鏈接的默認(rèn)框架,。

·背景音樂：加入背景音樂,，當(dāng)瀏覽器打開該頁時(shí)，會(huì)同時(shí)播放音樂,。

在其它選項(xiàng)卡中還可對(duì)頁邊距,、語言等系統(tǒng)參數(shù)進(jìn)行設(shè)置。

建立超鏈接

--------------------------------------------------------------------------------

超鏈接（HyperLink）的出現(xiàn)使網(wǎng)上瀏覽變得更加便捷,，只須用鼠標(biāo)輕輕點(diǎn)擊,，便能輕松地從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面，從一個(gè)Web站點(diǎn)跳到另一個(gè)Web站點(diǎn),，從一個(gè)國家跳到另一個(gè)國家,。超鏈接就是一些特殊的文本或圖像，是其它頁面的入口,。

1．與當(dāng)前web站點(diǎn)的頁面建立超鏈接

（1）在FrontPage中打開要建立超鏈接的頁面（若是新建頁面,，則要肯定該頁面己被保存），選中超鏈接源,，超鏈接源可以是一個(gè)字符,、一個(gè)單詞、一句話或一幅圖片等,。

（2）選擇“插入”菜單中的“超鏈接”命令,，或單擊“常用”工具欄的“超鏈接”按鈕，則彈出“創(chuàng)建超鏈接”對(duì)話框（如圖），在該對(duì)話框中列出了當(dāng)前FrontPage中打開的Web站點(diǎn)中的文件夾和文件,。

（3）在該對(duì)話框的文件列表中,，選擇要建立鏈接的目標(biāo)文件。

（4）單擊“確定”按鈕,，超鏈接建成,。

2．與本機(jī)中的其它文件建立超鍵接

（1）選擇超鏈接源，打開“創(chuàng)建超鏈接”對(duì)話框,。

（2）在該對(duì)話框中單擊“制作一個(gè)鏈接到您計(jì)算機(jī)上文件的超鏈接”按鈕,，然后從彈出的對(duì)話框中找到自己所要鏈接的文件，選中它,。

（3）單擊“確定”按鈕,，超鏈接建成。

3．與worldwideweb上某一站點(diǎn)建立超鏈接

（1）在FrontPage中打開欲建超鏈接的頁面,，選定超鏈接源,。

（2）選“插入”菜單中的“超鏈接”或單擊常用工具欄的“超鏈接”按鈕，彈出“創(chuàng)建超鏈接”對(duì)話框,。

（3）在“URL”文本框中,，輸入超鏈接目標(biāo)的URL。

（4）單擊“確定”按鈕,。

格式化文本

--------------------------------------------------------------------------------

1．輸入文本

從總體而言,，文本仍是網(wǎng)頁中的主體內(nèi)容，在FrontPage中輸入文本與在Word中輸入文本非常類似,。

(1).需要加入空行或換段時(shí)才使用Enter鍵,，當(dāng)輸入文本達(dá)到所定義的右邊界時(shí)，將自動(dòng)換行,。若錄入文字有錯(cuò)可按Backspace鍵清除錯(cuò)誤,，重新錄入。

(2).可在文本中任意位置處插入新文本內(nèi)容,，操作時(shí)把鼠標(biāo)指針定位到欲加文本處即可添加文本,。

(3).可進(jìn)行覆蓋式錄入，即先用鼠標(biāo)選中要替換的文本,，然后直接錄入文本,。

(4).可通過單擊常用工具欄的“顯示所有”按鈕，讓段落標(biāo)記在屏幕上顯示或隱藏,，借助段落標(biāo)記可清楚地看到段與段之間的空行。

2．文本的選擇

(1).選擇一個(gè)單詞或多個(gè)單詞：選擇一個(gè)單詞只需在該單詞上雙擊鼠標(biāo)即可,，按住鼠標(biāo)左鍵在要選單詞上拖動(dòng)即可選擇多個(gè)單詞,。選擇字與選擇多個(gè)單詞的方法相同。

(2).選擇一行文字：一行文字就是在屏幕上占據(jù)一行空間的文本,。將鼠標(biāo)箭頭移到行的最左邊,，當(dāng)光標(biāo)箭頭變?yōu)橹赶蜃筮厱r(shí),，單擊鼠標(biāo)左鍵，便可選擇該行,。

(3).選擇一個(gè)段落：將鼠標(biāo)箭頭移到該段落的最左邊,，當(dāng)光標(biāo)箭頭變?yōu)橹赶蜃筮厱r(shí)，雙擊鼠標(biāo)左鍵,，或按下ALT鍵,，再用鼠標(biāo)單擊想要選擇的段落，即可選擇該段落,。

3．刪除,、拷貝和移動(dòng)文本或圖片

(1).刪除：刪除插入點(diǎn)左側(cè)的一個(gè)字符，按Backspace鍵,；刪除插入點(diǎn)右側(cè)的一個(gè)字符,，按Delete鍵；刪除插入點(diǎn)右側(cè)的一個(gè)單詞,，按Ctrl＋De1ete鍵,；剪切所選內(nèi)容并保行到“剪貼板”，按Ctrl＋X鍵,；刪除所選內(nèi)容按De1e1e鍵或選擇“編輯”菜單中的“刪除”命令,。

(2).拷貝：拷貝所選文本或圖形到剪貼板，方法是：選中文本或圖形,，然后按Ctrl+C鍵或從菜單上選擇“編輯”菜單中的“復(fù)制”菜單命令,，也可直接單擊工具欄中的“復(fù)制”按鈕。

(3).移動(dòng)文本或圖片：選擇想要移動(dòng)的文本或圖片,，再拖曳到要插入的位置,，釋放鼠標(biāo)，所選對(duì)象就移到目的地,。如果先將選擇的文本或圖片“剪切”,，然后再“粘貼”到指定區(qū)域，也可將其移動(dòng),。

(4).通過“撤銷”取消誤操作：如果用戶在不小心的情況下錯(cuò)誤地執(zhí)行操作,，單擊工具欄上的“撤銷”命令按鈕，可以取消用戶執(zhí)行過的操作,，或從菜單欄選擇“編輯”菜單中的“撤銷”菜單命令,，或按Cir1＋Z鍵。

4．加入標(biāo)題

出于頁面內(nèi)容層次的需要,，有時(shí)在頁面中要加入一些小標(biāo)題,。HTML語言規(guī)范采用6級(jí)標(biāo)題，各級(jí)標(biāo)題采用文字不同字號(hào)來區(qū)分，其中標(biāo)題1為大標(biāo)題,，其它依次為中小標(biāo)題,。要設(shè)定某一級(jí)標(biāo)題，可以在FrontPage格式工具欄中的“樣式”下拉列表中選中一個(gè)標(biāo)題等級(jí),，然后在光標(biāo)處輸入標(biāo)題文字即可,；或者先輸入文字，并選定該文字,，然后在“樣式”下拉列表中選定某一級(jí)標(biāo)題,。標(biāo)題結(jié)束后，將下拉列表中的格式改回原來的“普通”,，再進(jìn)行其它內(nèi)容的輸入,。

5．改變字體及設(shè)置字體效果

FrontPage在通常情況下，字體為“TimesNewRoman”,。若用戶的操作系統(tǒng)是中文Windows95／98或WindowsNT,，中文默認(rèn)字體為“宋體”，文字大小采用默認(rèn)的字號(hào),。若要設(shè)定不同的字體,，可先選擇要改變的文字，然后在格式工具欄里的“字體”下拉菜單中選擇一種字體,，或從菜單欄選擇“格式”菜單中的“字體”菜單命令,，通過“字體”對(duì)話框來設(shè)置，并可設(shè)定字體樣式,、大小等,。當(dāng)字體改變后，形式將一直保持,，直到用戶又重新設(shè)置新的字體為止,。

(1).設(shè)置字體顏色：選中文字，單擊格式工具欄上的“文本顏色”按鈕的下拉箭頭,，就會(huì)彈出其下拉列表,，在“標(biāo)準(zhǔn)顏色”中選擇所需顏色；若沒有,，可選擇“更多的顏色”命令,，然后從彈出的對(duì)話框中選擇。

(2).設(shè)置字體樣式：要對(duì)需要的文字進(jìn)行粗體,、斜體和下劃線處理,，只要選擇要處理的文字，從格式工具欄上單擊“加粗”,、“斜體”或“下劃線”按鈕即可,。想解除此效果,，可以選中文字，再次按相應(yīng)的按鈕就可以解除效果,，恢復(fù)到正常字體。在制作網(wǎng)頁時(shí),，一般不采用“下劃線”效果,，因?yàn)橄聞澗€在一些網(wǎng)頁中都表示有超鏈接。

(3).字體加線效果：共有兩種:“下劃線”可以在選中的文字下面劃一條線,；“刪除線”在文字中間貫穿劃一條線,。

(4).特殊的文字風(fēng)格：當(dāng)選中的文字需要使用某些特殊風(fēng)格，如“閃爍”風(fēng)格,，可通過選擇“字體”對(duì)話框中“字體”選項(xiàng)卡（如圖）的“效果”區(qū)域的所需選項(xiàng),，但有的文字特殊效果只有在瀏覽器中才能體現(xiàn)出來。

6．文本的縮進(jìn)

文本的縮進(jìn)就是使文本左邊,、右邊顯示空白,，這種效果有利于對(duì)關(guān)鍵段落加強(qiáng)說明。要對(duì)一個(gè)已有的段落運(yùn)用縮進(jìn)的方式,，首先選中段落,，然后在格式工具欄上單擊“增加縮進(jìn)”按鈕，段落左邊和右邊分別縮進(jìn)一段距離,，連續(xù)按“增加縮進(jìn)”按鈕,，縮進(jìn)將進(jìn)一步加大。這種在文字兩邊同時(shí)縮進(jìn)的方式也稱之為雙向縮進(jìn),。若縮進(jìn)的空間太大,，可以通過單擊“減少縮進(jìn)”按鈕來減少縮進(jìn)的空間。

7．文本對(duì)齊方式

若輸入的文字是從該頁的左邊距開始,，并逐漸向右延伸,，且到了行滿以后又折回下行左邊（左邊距處）重新開始，這就是左對(duì)齊,。有些文字需要居中方式,，比如標(biāo)題之類的文字；而有些文字需要放到右邊,，這些可通過格式工具欄上的“向左對(duì)齊”,、“居中”和“向右對(duì)齊”按鈕來實(shí)現(xiàn)：，不同的對(duì)齊方式可以使文本呈現(xiàn)不同的顯示樣式,，而且可以清楚地表明用戶想要說明的問題,，使網(wǎng)頁整體保持協(xié)調(diào)。要設(shè)定文本的居中,、左齊或右齊方式,，須先選擇好要設(shè)置的文本,，再單擊相應(yīng)按鈕即可。如果用戶想回到原始狀態(tài)的對(duì)齊的方式,，應(yīng)先選定該文本,，再單擊格式工具欄上相應(yīng)的對(duì)齊按鈕。

8,、加入項(xiàng)目符號(hào)或列表編號(hào)

有一些列表前面有加圓點(diǎn)的符號(hào),，說明一條條的列表內(nèi)容，這在專業(yè)排版中稱為項(xiàng)目符號(hào),，在Web頁面中加入項(xiàng)目符號(hào)或列表編號(hào)可使內(nèi)容有條理,、更清楚，可以通過列表把大量內(nèi)容簡要地描述出來,，便于讀者抓住重點(diǎn),。還有另外一種形式即列表編號(hào)，可以用來描述一個(gè)問題的處理步驟和順序,，這兩種處理形式在FrontPage中運(yùn)用起來很方便,。

加入項(xiàng)目符號(hào)或列表編號(hào)與在Word中的操作很類似。先選定文本,，用戶可以在格式工具欄按相應(yīng)的按鈕,，或選“格式”菜單中的“項(xiàng)目符號(hào)和編號(hào)方式”命令，打開項(xiàng)目符號(hào)和編號(hào)方式對(duì)話框（如圖）,，從中選定不同格式的列表項(xiàng)目,。

在FrontPage中新建的兩個(gè)文本行之間都有一個(gè)空行，如果用戶在輸入或添加項(xiàng)目時(shí)不想每兩行之間都出現(xiàn)一個(gè)空行,，可以在格式工具欄上單擊“項(xiàng)目符號(hào)”或“編號(hào)方式”按鈕,。該按鈕為下凹狀后同時(shí)出現(xiàn)第一個(gè)項(xiàng)目符號(hào)，輸入需要的文字后,，按“回車”鍵,，然后在自動(dòng)出現(xiàn)的下一個(gè)項(xiàng)目符號(hào)后繼續(xù)輸入。

FrontPage還可以通過提供列表編號(hào)或項(xiàng)目符號(hào)的方式對(duì)列表項(xiàng)進(jìn)行排列,。操作方法與上一段所述相同,。

如果在所有項(xiàng)目輸入完畢后，以下的內(nèi)容不再希望添加編號(hào)或項(xiàng)目符號(hào),，可兩次回車,，則停止編號(hào)或停止添加項(xiàng)目符號(hào)。若想改變編號(hào)的形式或不想從1開始,，可通過在列表符號(hào)上單擊鼠標(biāo)右鍵,，在彈出的快捷菜單上選擇“列表屬性”命令，在彈出的“列表屬性”對(duì)話框中選擇“號(hào)碼”選項(xiàng)卡,，選擇所需的編號(hào)風(fēng)格,，再在右邊的“初始號(hào)碼”微調(diào)器中調(diào)整起始編號(hào),，在調(diào)好之后單擊“確定”按鈕即可。

制作網(wǎng)頁是一個(gè)非常復(fù)雜的過程,，你不僅需要懂得美工,，還需要多少知道點(diǎn)程序,還有網(wǎng)上的：

網(wǎng)頁制作和簡單程序教程！

網(wǎng)頁設(shè)計(jì)代碼,？

從美工圖到網(wǎng)頁的呈現(xiàn),，是需要代碼去實(shí)現(xiàn)的。HTML,、CSS以及JavaScript是網(wǎng)頁實(shí)現(xiàn)的基本組成部分，可以認(rèn)為是三種語言,。HTML管的是網(wǎng)頁的基本結(jié)構(gòu)（比如不同模塊如何放置,，這種布局操作），CSS處理網(wǎng)頁中的樣式（如文字的顏色,、段落的首行縮進(jìn)等等）,，JavaScript管的是網(wǎng)頁中的行為，比如你點(diǎn)擊了向左向右的按鈕,，圖片發(fā)生了滾動(dòng)等,。HTML和CSS不屬于網(wǎng)頁設(shè)計(jì)，更確切的說是網(wǎng)頁制作,。如果結(jié)合JavaScript,，會(huì)被稱為前端開發(fā)。另外,，HTML5和CSS3的發(fā)展,，為網(wǎng)頁添加了很多新特性新功能，涉及這方面的被稱為HTML5開發(fā)

怎樣網(wǎng)頁設(shè)計(jì),？

1,、在桌面上右鍵點(diǎn)擊鼠標(biāo)，出現(xiàn)對(duì)話框之后,，點(diǎn)擊新建,。

2、新建一個(gè)文本問檔,，用于寫網(wǎng)頁代碼,。

3、打開記事本,，現(xiàn)在我們就可以編寫簡單的HTML代碼了,。

4、現(xiàn)在,，我們把文本的命名改成1.html,。

5,、一個(gè)簡單的HTML網(wǎng)頁就搭建完成了，可以通過瀏覽器打開試試看,。

網(wǎng)頁設(shè)計(jì)語言,？

網(wǎng)頁設(shè)計(jì)常用的編程語言主要是HTML5、CSS3,、JavaScript三大工具,。

HTML5是所有前端語言里最簡單的，毫無基礎(chǔ)的小白也可以上手,。就像一個(gè)個(gè)的標(biāo)簽和對(duì)電腦輸入的命令,，告訴電腦標(biāo)題是什么，圖片是什么,，段落是什么,；

HTML是一個(gè)網(wǎng)站的基本結(jié)構(gòu)，CSS語言就是一個(gè)渲染這個(gè)結(jié)構(gòu)的工具,。和HTML一樣,，CSS不需要任何的數(shù)學(xué)基礎(chǔ)，只要認(rèn)識(shí)HTML就可以開寫,。能做出簡單的動(dòng)畫效果,，比如當(dāng)鼠標(biāo)滑過的時(shí)候加大或者改變顏色；

JavaScript是一種介于前端和后端的語言,，在這里邏輯思維和數(shù)學(xué)能力會(huì)有一些挑戰(zhàn),。不過作為設(shè)計(jì)師，其實(shí)只需要掌握或認(rèn)識(shí)一些關(guān)于表格的填寫,，和頁面簡單的互動(dòng)的知識(shí)就足夠在工作中受益,。

網(wǎng)頁設(shè)計(jì)一般像素與大小,？

設(shè)計(jì)網(wǎng)頁,，常見的寬度是的像素：+，1920,，1600,，1440，1280,，1140,，960，768,，640,，320，-960px 基本上是目前比較主流的頁面寬度——它可以讓1024x768分辨率在最大化瀏覽器窗口的時(shí)候盡可能地使用寬度而不出現(xiàn)橫向滾動(dòng)條,。

而且在桌面分辨率逐步從1024x768過渡至更高分辨率的時(shí)候 iPad2 的正好接了上來——雖然不能獲得最佳交互體驗(yàn)但是 960px 頁面剛剛好可以獲得在平板電腦上的的視覺兼容,。

網(wǎng)頁設(shè)計(jì)與數(shù)據(jù)庫哪個(gè)難,？

想學(xué)好都不簡單。而且和學(xué)習(xí)的人本身基礎(chǔ)很有關(guān)系如果你偏向理性思維,，邏輯性,、數(shù)學(xué)比較好，可以學(xué)數(shù)據(jù)庫如果你偏向感性思維,，色感,、美感比較好，可以學(xué)網(wǎng)頁設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)技巧：網(wǎng)頁設(shè)計(jì)中圖片該怎么排版,？

一 個(gè)性的導(dǎo)航設(shè)計(jì),，字母就是。

二 登錄頁面設(shè)計(jì)

三 頁面的分屏設(shè)計(jì)

四 古典風(fēng)格頁面設(shè)計(jì) ,，照片質(zhì)量,、攝影技術(shù)要求。

五 版式布局幾何形設(shè)計(jì)

再來一組網(wǎng)頁設(shè)計(jì)創(chuàng)意配圖：

這些都可以用在網(wǎng)頁設(shè)計(jì)的輪播圖中,。