網(wǎng)頁設(shè)計與營銷 網(wǎng)頁設(shè)計與營銷方案
APP設(shè)計與網(wǎng)頁設(shè)計方式區(qū)別,?
從使用場景上,,Web App用戶面臨比原生APP用戶更嚴(yán)峻的問題: 1,、頁面跳轉(zhuǎn)更加費力,,不穩(wěn)定感更強 思考點:如何減少跳轉(zhuǎn)(扁平結(jié)構(gòu)、頁面布局技巧),,增加數(shù)據(jù)及展示的流暢流程及穩(wěn)定性(技術(shù)),。
2、更小的頁面空間(由于瀏覽器的導(dǎo)航本身占用一部分屏幕空間),,更大的信息記憶負(fù)擔(dān),; 移動設(shè)備的屏幕要小得多。這種如同透過門縫進行的閱讀增加了認(rèn)知的負(fù)擔(dān),。人腦的短期記憶是不穩(wěn)定的,,用戶在滾動屏幕的過程中需要臨時記憶的信息越多,,他們的表現(xiàn)就會越差,。——《貼心設(shè)計:打造高可用性的移動產(chǎn)品》 思考點:排版更清晰,、信息更簡練 (可在原生APP基礎(chǔ)上去掉一些豐富,、復(fù)雜的視覺表現(xiàn)) 3、導(dǎo)航不明顯,,原有底部導(dǎo)航消失,,有效的導(dǎo)航遇到挑戰(zhàn) 思考點:如何有效的提供導(dǎo)航?有哪些形式? 4,、交互動態(tài)效果收到限制,,影響一些頁面場景、邏輯的理解,。思考點:比如登錄注冊流程的彈出,、完成及異常退出,做好文字提示,。區(qū)別:APP屬于手機應(yīng)用客戶端,,移動網(wǎng)站可以制作成APP,APP也可以呈現(xiàn)手機網(wǎng)站,。相同點:二者都屬于手機系列 區(qū)別在于:APP可以安裝到手機上,,而移動網(wǎng)站只能通這用戶打開網(wǎng)址才能打開了解信息。如果移動網(wǎng)站設(shè)計成app,,則二者兼合,。網(wǎng)店設(shè)計與網(wǎng)頁設(shè)計的區(qū)別?
有很大的區(qū)別
1:類目區(qū)別
網(wǎng)頁設(shè)計所包含的范疇更大,,網(wǎng)店設(shè)計(電商設(shè)計)屬于網(wǎng)頁設(shè)計中的一個小類,。
網(wǎng)店設(shè)計專指,專門做電商類的設(shè)計,,包括像網(wǎng)店裝修,、產(chǎn)品詳情設(shè)計、主圖設(shè)計,、電商活動促銷頁面素材的設(shè)計等,,主要應(yīng)用就是各個大的電商平臺的網(wǎng)店。
網(wǎng)頁設(shè)計就廣了,,像常見的企業(yè)官網(wǎng),、門戶網(wǎng)站、社交網(wǎng)店,、新聞網(wǎng)站,、個人博客、娛樂網(wǎng)站,、游戲網(wǎng)站等等,,很多類型的網(wǎng)站都屬于網(wǎng)頁設(shè)計的范疇。而且這些不同的網(wǎng)站,,在設(shè)計分類上,,可有區(qū)別很大,像游戲類的網(wǎng)頁設(shè)計,,會更注重插畫的技能,,官網(wǎng)類的網(wǎng)頁設(shè)計則是另外一種設(shè)計能力,。
2:設(shè)計技能區(qū)別
網(wǎng)店設(shè)計的電商設(shè)計師,不管在哪家公司,,基本上職位包括的崗位技能,,是差不多的。因為面對的東西,,就那幾個電商平臺,,所以如果換公司的話,是很容易上手的,。
網(wǎng)頁設(shè)計技能就要多一些,,除了設(shè)計上要用到的PS、AI等軟件外,,多少要懂一些Html,、Java、CSS等網(wǎng)頁編輯代碼,,這樣才能更好的配合工程師的搭建工作,,而且在作設(shè)計的時候,會更快更省時,。
如果做久了就會明白,,這兩個設(shè)計師的區(qū)別,是很大的,。一般來說網(wǎng)頁設(shè)計師,,轉(zhuǎn)到電商設(shè)計師是很容易的。電商設(shè)計師轉(zhuǎn)到網(wǎng)頁設(shè)計師,,沒有一定能力就會很難做下去,。
一個野生電商設(shè)計師的建議,希望采納
與傳統(tǒng)營銷設(shè)計比較有哪些優(yōu)勢,?
傳統(tǒng)營銷的優(yōu)勢
(1)人們的生活習(xí)慣,、工作方式、價值觀都比較接受傳統(tǒng)消費
(2)顧客能直接感受到產(chǎn)品,,降低了購買風(fēng)險,,售后方面也更有保障
(3)一部分人將逛街購物做為一種時尚或生活中不可缺少的部分
(4)面對產(chǎn)品生動形象的解說往往更能成功的激發(fā)消費者的購買欲
傳統(tǒng)營銷的劣勢
(1)商品的附加成本增加從而沒有價格優(yōu)勢
(2)商品有地域的限制且商品信息不流通,導(dǎo)致地域價格差
(3)廣告成本大且有時間限制,、地域限制,,并且傳播信息難以保留
網(wǎng)絡(luò)營銷的優(yōu)勢
(1)有利于企業(yè)取得未來的競爭優(yōu)勢
(2)網(wǎng)絡(luò)商品成本低、網(wǎng)絡(luò)用戶廣,、信息傳遞快捷,、購物方便
(3)加快了市場營銷的速度與范圍
(4)幫助中小企業(yè)了解市場和發(fā)展自己的機會
(5)廣告沒有時間,、地域,、信息難保留等的限制
網(wǎng)絡(luò)營銷的劣勢
(1)缺乏信任感
(2)缺乏生趣
(3)網(wǎng)絡(luò)技術(shù)與安全性問題尚待改進
(4)缺乏相應(yīng)的法律約束
(5)廣告效果不佳
(6)企業(yè)促銷被動性加劇
(7)由于物流的不成熟使得商品的損壞機率很大
(8)產(chǎn)品的售后也很難得到保障
(9)有很大一部分潛在消費者不會使用電腦
設(shè)計廣告公司營銷策略與方式,?
價值提升可看作品牌延伸 一種好的產(chǎn)品應(yīng)該獲得支持,而不是受到阻礙,。
可是如果市場的動態(tài)發(fā)展已創(chuàng)造出一種需求或欲望,,那么延伸出一種品牌,可以視為增加原品牌的價值——如不含糖,、不含鈉,、低膽固醇、不用人工添加劑,,丟棄后可生物分解,、可回收再利用等。2.適當(dāng)?shù)钠放蒲由?如果品牌延伸被作為一種對付競爭者的方法,,這種參與競爭者的做法,,風(fēng)險性很高,而且代價昂貴,。企業(yè)要通過市場調(diào)查來確定,,這種品牌延伸是否真的符合市場需求。3.分清主要與次要目標(biāo) 通常主要目標(biāo)是創(chuàng)造銷售業(yè)績或利潤,。品牌經(jīng)營的目標(biāo)是控制整個市場嗎?還是為了配合某些局部需要?不要讓核心產(chǎn)品和它的延伸產(chǎn)品在目標(biāo)上相互競爭,,它們的目標(biāo)應(yīng)該要優(yōu)勢互補。4.增加產(chǎn)品的附加值 不管是核心產(chǎn)品或延伸產(chǎn)品,,要給人們一個購買你產(chǎn)品的理由,,你應(yīng)該要強調(diào)產(chǎn)品的優(yōu)點和特點,增加其價值,,消除現(xiàn)有或潛在的不穩(wěn)定因素,,并創(chuàng)造一種接受的氣氛。5.不求最好只求更好 如果你有創(chuàng)新的企劃力和想象力,,市場是會有所回報的,,因你的創(chuàng)新勢必會吸引大眾的注意。搶先進入市場可以獲得前驅(qū)者的地位,,也讓你贏得很可能成為市場領(lǐng)先者的優(yōu)勢,,不過,如果你成不了第一名,,也要比別人好,。網(wǎng)頁設(shè)計考研?
還是有一些難度,。最好報個培訓(xùn)班,。
網(wǎng)頁按鈕設(shè)計?
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)頁制作和簡單程序教程!
網(wǎng)頁設(shè)計代碼,?
從美工圖到網(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ā)
怎樣網(wǎng)頁設(shè)計,?
1、在桌面上右鍵點擊鼠標(biāo),,出現(xiàn)對話框之后,,點擊新建。
2,、新建一個文本問檔,,用于寫網(wǎng)頁代碼。
3,、打開記事本,,現(xiàn)在我們就可以編寫簡單的HTML代碼了。
4,、現(xiàn)在,,我們把文本的命名改成1.html。
5,、一個簡單的HTML網(wǎng)頁就搭建完成了,,可以通過瀏覽器打開試試看。
網(wǎng)頁設(shè)計語言,?
網(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)頁設(shè)計一般像素與大?。?/h2>
設(shè)計網(wǎng)頁,,常見的寬度是的像素:+,,1920,1600,,1440,,1280,1140,,960,,768,640,,320,,-960px 基本上是目前比較主流的頁面寬度——它可以讓1024x768分辨率在最大化瀏覽器窗口的時候盡可能地使用寬度而不出現(xiàn)橫向滾動條。
而且在桌面分辨率逐步從1024x768過渡至更高分辨率的時候 iPad2 的正好接了上來——雖然不能獲得最佳交互體驗但是 960px 頁面剛剛好可以獲得在平板電腦上的的視覺兼容,。
本網(wǎng)站文章僅供交流學(xué)習(xí) ,不作為商用,, 版權(quán)歸屬原作者,部分文章推送時未能及時與原作者取得聯(lián)系,,若來源標(biāo)注錯誤或侵犯到您的權(quán)益煩請告知,,我們將立即刪除.