顯示具有 FrontPage 標籤的文章。 顯示所有文章
顯示具有 FrontPage 標籤的文章。 顯示所有文章

2009年3月30日 星期一

Frontpage與Expression Web

FrontPage沒有再出後續新版了嗎?沒錯!現在有了Expression Web....

FrontPage 網站製作工具已於2006下半年停止發行。為持續服務現有 FrontPage 客戶的廣泛需求,微軟將使用最新的技術提供這三項全新的應用程式建置與網站製作工具:適用於企業資訊工作者的 Microsoft Office SharePoint Designer、適用於專業網站設計者的Microsoft Expression Web Designer,以及適用於網站開發人員的 Microsoft Visual Studio。
參考網址

微軟網頁編輯器版本的演進:
FrontPage97 → FrontPage98 → FrontPage2000 → FrontPage2002 → FrontPage2003 → Expression Web1 → Expression Web2

微軟的FrontPage歷經了97、98、2000、2002、2003的五個版本後,已經進入尾聲,FrontPage將不會再推出更新的版本,往後將由Microsoft Expression Web Designer以及Microsoft Office SharePoint Designer來作為後續接力的新代號版本,其實這兩套軟體大部分的介面還是沿襲FrontPage的介面並已經推出繁體中文正式版一段時間了,所以如果熟悉FrontPage的朋友還是應該能很快的入手,Microsoft Office SharePoint Designer其實是比Expression Web Designer要多了可以與SharePoint Server協同整合的功能,不過必須有獨立主機與安裝另外付費的SharePoint Server,其他的功能則與Expression Web Designer相同。

其實Microsoft Expression Web Designer雖然乍看之下與原本FrontPage的操作介面近似,不過其軟體核心已經是以新架構重新改寫,它對於CSS2.X的支援度非常完整,產生的網頁Code碼也符合W3C公布的的網頁新架構標準,也對於ASP.NET支援度與整合性增強,這些特點也將是新型態網頁開發的主流。


2008年5月21日 星期三

FrontPage小技巧與更新

‧如果您網站主機作業系統為使用Windows Server 2003上又安裝FrontPage2002 Server Extensions,但是卻一直無法跟之前安裝Windows Server 2000時一樣使用FrontPage2002或2003連結上去編輯網頁,一直會出現權限不足的訊息(可是該有的權限都有開啟......),請到Internet服務管理員(IIS6)裡,將站台上的目錄安全設定裡面"整合的Windows驗證"打勾,應可以解決這個無法連線的問題。

‧使用FrontPage時,可以在程式中按下「Ctrl」+「/」即可快速的切換出html原始碼編輯模式,不需要點選HTML模式進入編輯。

‧FrontPage 2003 產品資料網頁

‧FrontPage2002 Server Extensions 下載
FrontPage有許多功能必須利用到Server Extensions才能夠發揮,如果您使用的是FrontPage2002但連線的網站Server上還是舊有的2000Server Extensions,有些新功能可能就不支援(如檔案上傳控制項),建議您下載本檔升級您的Web Server(如果您有權限的話),特別注意此檔案僅是用於Win NT、Win2000上(並需安裝好IIS4.0以上版本),無法安裝在Win95、98、Me的作業系統上,因為Server Extensions本來就是要安裝在比較正式的網站伺服器上。

‧Windows Server 2003 安全性更新 下載
已經證實有一個安全性問題,攻擊者可能利用此問題從遠端侵入使用 Windows Front Page Server Extensions 的 Windows 電腦,並取得該電腦的控制權。


2008年5月20日 星期二

Frontpage網頁切換效果一覽表

獨家製表,針對Frontpage的 網頁切換功能讓讀者不需一頁一頁製作切換效果,省去為了預覽效果而製作的時間....

點選此觀看完整HTML與JavaScript碼,將到原始碼複製另存成.html格式,即可使用瀏覽器觀看效果。


2008年5月19日 星期一

FrontPage的框架設定

框架頁面可以讓網頁共用某些頁面區域(例如選單頁),我們來看看在FrontPage裡怎樣做框架設定...

框架設定:按一下檔案/開新檔案/網頁(一定要從此進入,不能從功能表列的框架進入)
wpe14


選擇框架頁(本例選為左右分割的內容選項)
wpe15

會出現如下圖的左右灰色畫面,如果先前還沒有做好其它網頁,則左右兩邊皆按下開新網頁鈕。
wpe16

並把兩邊網頁換上不同底色以方便等一下觀看結果時有較明顯分別。
wpe17
框架頁編輯:

在編輯畫面灰色框架線按住滑鼠左鍵拖曳,能夠改變左右分割區域大小。

wpe18

在編輯畫面灰色框架線按住滑鼠右鍵,會顯示出框架內容,按下滑鼠左鍵進入。
wpe19

框架內容裡有許多設定可供調整,如果你不希望網友瀏覽你的網站時能拖曳分割區大小,請取消在瀏覽器中可以調大小前的勾號。
wpe1A

再按下框架頁按鈕
wpe1B

將顯示框線前的勾號取消,以免畫面中總是有灰色分割線不美觀。
wpe1C

結果如下
wpe1D

框架頁存檔:

按下存檔鈕會出現另存新檔畫面,先存左邊頁面(檔名可自訂)
wpe1E

再存右邊頁面(檔名可自訂)
wpe1F

最後存整個頁面(檔名可自訂),在此講解一下其原理,原來網頁上看到分割成左右兩頁的畫面,都事先連到最後存的這個頁面,此頁面只是紀錄左邊要顯示什麼檔案、右邊要顯示什麼檔案,實際上這整個頁面只是做個分割畫面該指向哪幾個檔的動作。

框架連結目標:
確認如果你按照以上步驟現在應有frame、left、news等3個htm檔案,並產生一個一般空白頁面為who.htm
wpe21

開啟frame.htm,在左邊頁面輸入文字(如最新消息、站長簡介),分別反白選擇超連結點到news.htm與who.htm
wpe22

試一下到瀏覽器時按左方選單則右方會不會變化內容。
wpe23
下載範例檔請按此


2008年5月18日 星期日

Frontpage的DHTML動態網頁效果

介紹在Frontpage裡面各種動態的效果設定方式...

動態的HTML效果:
選擇格式/動態的HTML效果(DHTML),有好多種效果可供選擇!
h5_htm19

還有很多設定有興趣的網友可試一試(分為4大類,大部分設定為3階層),以下效果可以按移除效果鍵來消除,另外一按鈕可以標示出DHTML效果的範圍。

h5_htm20
h5_htm21
h5_htm22
h5_htm23


動態顯示按鈕:

選擇插入/元件/動態顯示按鈕
h5_htm24


可以在裡面做相關設定

h5_htm1

如果要做到切換圖示按鈕的效果,必須準備兩張一樣大小的圖片。

選擇插入/元件/動態顯示按鈕/輸入圖片寬度與高度,按下自訂按鈕
h5_htm2

選擇圖檔位置即可
h5_htm3



橫幅廣告管理員:
選擇插入/元件/橫幅廣告管理員
h5_htm27

新增圖片(記得設定正確寬與高),可以設定超連結點與切換效果及時間

h5_htm28

網頁切換效果:
選擇格式/網頁切換

h5_htm29

可以設定網頁類似像Microsoft PowerPoint簡報切換的轉場效果

h5_htm30


2008年5月17日 星期六

Frontpage的佈景主題

佈景主題的好處是可以一下子就將你的網站中所有網頁設定全部更新,這樣你就可以3天2頭就更新網站風格了!

再網頁上按滑鼠右鍵選擇佈景主題
h4_htm7

可選擇FrontPage內建的數十種主題來使用,並可選擇要套用到選取的個別網頁或網站中所有網頁,可按修改鈕做細部的設定。
h4_htm12

例如修改圖形(左邊的名稱可以用另存新檔鈕存成您自訂的名稱成為新的佈景主題)

h4_htm13

選擇水平導覽,可以將導覽列的按鈕圖示換成自己設計的圖示
h4_htm14

也可更換網頁橫福圖形
h4_htm15 
選擇插入網頁橫福指令即可使用此功能
h4_htm16


2008年5月16日 星期五

Frontpage的導覽列

本篇文章為說明Frontpage裡的導覽列如何設定...

首先確定您的網站有使用導覽的功能為基礎架構
h3_htm1

架構應該是要如下圖之類的關聯
h3_htm2
再要編輯的網頁上按滑鼠右鍵選擇共用邊框
h3_htm3

例如選擇採用上方導覽按鈕
h3_htm4

滑鼠左鍵點一下導覽列按鈕,呈反白狀態按滑鼠右鍵選擇導覽列內容
h3_htm5

有一些相關選項可供設定,就可以完成導覽列的功能了!
h3_htm6


2008年5月15日 星期四

Frontpage的表單設計

想做出如聯絡站長的表單式E-MAIL嗎?本範例一般免費網頁空間就可製作囉!

h2_htm3

選擇開新網頁
h2_htm4 h2_htm5

選擇表單網頁精靈
h2_htm6

按下一步
h2_htm7

按新增鈕
h2_htm8

選聯絡資訊
h2_htm9

勾名稱即可
h2_htm10

採用預設值
h2_htm12

採用預設值
h2_htm13

完成精靈設定
h2_htm14

產生畫面如下
h2_htm15

插入新的一列
h2_htm16 h2_htm17

現在要新增多行的文字方塊
h2_htm18h2_htm19

修改畫面如下
h2_htm20

切換到HTML頁面,刪除以下反白文字
h2_htm21

加入以下字串,修改E-MAIL為你自己的MAIL帳號
h2_htm22

自己測試一下是否能收到E-MAIL吧!


Related Posts Plugin for WordPress, Blogger...

訂閱RSS