關閉導覽列 Close Menu
數位文創
English
吳統雄
數位美學
電子書
數位視覺
優化網站
微電影
數位文創管理
大學青年網誌
研究目錄
教學課程頁
討論區目錄
站務與協助
☰
More
社群地圖
社群新聞
│吳統雄
履歷
研究
教學
服務
榮譽
│社科
第1類知識
第2類知識
第3類知識
研究方法
統計/多變項分析
投票行為與選舉預測
53237 選民結構
人類取用行為新典範
取用行為國際研究團隊
│資管
管理學‧經濟學
貨幣主義
數位貨幣‧投資行為
資訊系統開發
電子商務
網路教育
數位電視
產學合作
就業進修‧甄選必勝
│文創
數位美學/數位文創導論
數位出版/電子書
視覺設計
優化網站
數位視訊/微電影
數位文創管理
大學青年‧網路雜誌
│電音
統雄 數位音樂作品選
我,被禁唱的民歌手
數位音樂創作教學
統雄的音樂知識美學
歡迎聽歌.點歌.下載樂譜
│人文
公共評論
法律評論
社會評論
教育文化傳媒評論
科技科普評論
美語樂學
文學創作
萬象現代(NBA)
資訊社會
幽默人生
統雄樂水
網站設計:簡捷建站技巧

Web Design A Quick Canon for Expression Web

數位出版設計:意涵/樣式篇Epistemological/Digital Aesthetics- Formation Methodology

數位出版設計:意涵/樣式篇知識美學/數位美學之建構方法

A problem solving approach


簡捷建站技巧與程序

本建站教學課程自1990年代開始,當時的網路服務都是提供網路空間,使用者必須自行建站,同學學習也非常熱心。

本課程目標鼓勵群體創作,群體網站應有風格定位,亦即採用範本式設計開發。希望組員能各自設計一套範本,再經由組內分享討論,選擇代表群體的範本。

但後來網站服務走向部落格、社交網站化,使用者只需要打字、貼圖,並不用建站。建站教學過程中發現,組員並沒有全員參與,而是交付單一人負責。而負責人也可能沒有動機學習完整建站,甚至發生拿坊間過時的、非CSS網站範本當作業。

我們不僅作網站,更要作搜尋排行榜上頂尖的網站,希望我們創作的心血,有分享大眾的機會。但如果學習投入時間不足,又發生兩難。

因應社會需求趨勢的變遷,本課程也決定提供簡捷建站程序如後。目的在提供範本應用的創作方式,不需要從零開始建站,但可學習比部落格更多的個人化與特色設計,也可以對網站原理,有基礎知識性的認識。


Expression Web 免費下載 合法正版Expression Web 免費下載 合法正版

SharePoint Designer 免費下載 合法正版SharePoint Designer 免費下載 合法正版


簡捷建站技巧與程序的單元

簡捷建站技巧與程序的單元包括:

跨平臺範本網站跨平臺範本網站網址

下載跨平臺範本網站

標準內容範本網站標準內容範本網站網址

下載標準內容範本網站

Expression Web 簡捷應用 或 SharePoint Designer 簡捷應用

講義系列中的簡潔單元,將以黃底標示。

動態範本網頁

修改內文

修改標幟

修改連結

實體/虛擬結構

著作權聲明

意義設計/CSS

識別系統設計

資訊地圖設計


Expression Web 簡捷技巧應用

User Interface 使用介面

Expression Web/SharePoint Designer 使用介面可分3欄,經常維持2欄。

介面簡介

〉網站

〉開啟網站

〉面板

    〉資料夾清單

資料夾清單(或其他面板)右上角的圖釘符號,表示按下去,會「自動隱藏」,但不是「關閉」,而是點到後,以浮動方式出現。適合螢幕太小時。目前是使用固定位置。

資料夾清單也會呈現預設瀏覽器,目前是Firefox。

資料夾清單

命令列與工具列

命令列與工具列與一般 Office 軟體大致相同。

多檔案全部儲存

網站編輯經常會發生同時編輯多檔案的情形,EW 比一般 Office 軟體,多一個多檔案「全部儲存」功能圖示,可善於利用。

多檔案「全部儲存」功能圖示

多檔案全部關閉

網站編輯經常會發生同時編輯多檔案的情形,EW 也比一般 Office 軟體,多一個多檔案「全部關閉」功能:

〉視窗

〉關閉所有頁面 

Expression Web 版本與環境設定

〉工具

〉網頁編輯器選項

EW 編輯版本與環境設定

EW 編輯版本與環境設定

EW 編輯版本與環境設定

〉網站

〉網站設定     

〉預覽

在一般狀況下,使用網站 URL 預覽,而不另自訂。

〈使用 Expression Development Server〉是有動態網頁才使用,可以不選。

如果選,也『不要』選「所有網頁」,因已發現,與 ftp 交互作用時,會出現亂碼。 

Expression Web 編輯版本與環境設定

〉網站設定     

〉進階 

EW 編輯版本與環境設定

〉網站設定     

〉預覽

一定要記錄變更,配合以下便利功能:

〉網站

〉將已變更的檔案發布

 

如有子網站,可勾選。

最佳化,已當前網路速度,影響不大。萬一以後發生由伺服器傳本機,反不易讀,故偏向不選。

Expression Web 編輯版本與環境設定

面板區塊排列

面板區塊排列〉面板

點選各面板名稱,可以移動位置。

移動到介面4周,會出現「藍線」,靠近平行「藍線」,表示面板會以平行方式排列;靠近垂直「藍線」,表示面板會以垂直方式排列。但垂直「藍線」不容易出現,要特別注意。

在瀏覽器中預覽

〉檔案 

內容區 上方<TAB>

分作網站TAB和網頁TAB,各自包括不同的下方<TAB>,重要者為:

 

〉網站檢視TAB

    〉資料夾

    〉發布

    〉超連結

 

〉網頁TAB

    〉設計

    〉程式碼檢視


note 範本網站轉個人網站快訣 Tips for Your Exercise

You want to prepare a storage to save your exercise step by step and to use a large capacity storage other than a floppy disc.

發布網站注意:如果要將範本網站轉為個人網站,不宜以複製後更名方式,可能會造成系統隱藏檔遺失。可行方式有3;

1.必須先建立個人空白網站,再將範本網站以「發布網站」方式發布到個人網站。

2.網站複製均以「發布」方式為宜,但很多人可能覺得麻煩。若一定要用複製方式,檔案總管必須打開隱藏檔。

3.檔案總管打開隱藏檔後,亦可在 Expression Web 內更名:

〉網站

〉網站設定

〉一般

〉網站名稱

 

如何打開隱藏檔

Windows 7 以後版本

〉檔案總管

〉組合管理

〉資料夾和搜尋選項

〉檢視

取消各有關係統檔案的隱藏設定。 


EW/SP 系統檔案資料夾EW/SP 系統檔案資料夾

Expression Web/SharePoint System Folders

Expression Web/SharePoint 系統檔案就是以底線 _ 開頭的檔案。

 _vti_cnf, _vti_pvt, _vti_sub Folders 必須同步_vti_cnf, _vti_pvt, _vti_sub Folders 必須同步

_vti_cnf, _vti_pvt, _vti_sub 這3個系統檔案資料夾,不得刪改。

「同步」時不得疏漏,否則會出現亂碼等症狀。

_vti_cnf, _vti_pvt, _vti_sub contain info that talks to the sever. Do not change any of them.

vti stands for virtual terminal interface.

_derived Folder

注意:EW/SP 雖然也提供 FTP 上傳,但無法傳 _derived 資料夾-即布景主題中導覽的圖片檔,所以最好不要使用,而改用其他 FTP。 


Html 與程式碼介面精華篇 An introduction to the "Code View" 


上傳設計成果


進階 Security

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題

上層主題
Web: 什麼是Web?Web虛擬世界的實體環境與虛擬環境 Web: Fundamentals
IIS: 什麼是 IIS?網站部署與IIS基礎應用 IIS: Fundamentals
Web的設計與管理模式 Web Design and Management Models
網路內容的製作與呈現類型 Internet Contents Presentation Types
Web Design Tools 網站開發工具
How to Expression Web/SharePoint Designer 微軟網站開發軟體應用快訣與其機巧
A Quick Canon for Expression Web 網站設計:Expression Web 簡捷建站功法
A Quick Canon for SharePoint 網站設計:SharePoint 簡捷建站功法
How to Html 超文件標註語言的結構、功能、應用快訣與其機巧
網頁語言 HTML5 簡介 HTML5: An Introduction
Web Analysis Framework and Its Formation Elements 網站/網群創作分析架構與建構元素
Web Design: Community Structure 網群結構
Website Structure_Navigation Design/ 網站虛擬結構:Extension Web 導覽設計
Website Structure_Navigation Design/ 網站虛擬結構:SharePoint 導覽設計
Web Design: Website Structure_Folders Design/網站實體結構:資料夾設計
Basics and Borders Method of Web Page Layout 網頁平面設計基礎與邊框法
Table Method of Web Page Layout 網頁平面設計表格法
Frames Method of Web Page Layout 網頁平面設計框架法
CSS Method of Web Page Layout 網頁平面設計CSS法
Web Design: Context- Presentation 意涵-文字視覺設計:字碼‧字型‧字體與字的性格
Web Design: Context- Presentation 意涵-文字視覺設計:字級‧字大小‧字重要性
Web Design: Context- Presentation 意涵-文字視覺設計:其他字特徵的呈現與配樣式
Web Design: Context- CSS 網站/網頁設計:意涵/文字-什麼是CSS
Web Design: Context- CSS Practice 網站/網頁設計:意涵/文字-CSS 實作
CSS Practice Advanced 層疊樣式表 CSS 進階實作_網站/網頁設計:意涵/文字
Web Design: Theme 網站布景主題設計
布景主題個人化 Personalized Theme
Web Design: Blocks- Pictures 網站/網頁設計:圖文框-圖片/影象處理
Web Design: Blocks- Tables 網站/網頁設計:圖文框-表格多元應用
Web Design: Blocks- Tables 網站/網頁設計:圖文框-表格與邊框設計
Web Design: Blocks- Tables 網站/網頁設計:圖文框-表格進階應用
Web Design: Blocks- Objects 網站/網頁設計:圖文框-非圖表物件
Webpage Layers Design 圖文層設計‧網頁圖層應用
Web Design: Automations-Links 網站/網頁設計:自動化與互動-超連結與導覽
Various Hyperlinks_Automations and Interactivity 各種超連結_自動化與互動
Navigation Bar Design 導覽列設計/微軟網路機器人 Webbot 法
Navigation Bar Design 導覽列設計/互動式按鈕設計法
Navigation Bar Design 導覽列設計/自訂 Java 法
Navigation Bar Design 導覽列設計/Html5 CSS 法
Navigation Bar Design 導覽列設計/下拉選單與樹狀導覽法
Navigation Bar Design 導覽列設計/雙導覽列_多導覽列法
Navigation Bar Design 導覽列設計/固定位置導覽列法
Information Map Design_Web Design 資訊地圖設計
Web Design: Automations-Webbot 網站/網頁設計:自動化與互動-網站機器人
Web Design: Automations- Advanced 網站/網頁設計:自動化與互動-雲端元件
Web Design: Multimedia 網站/網頁設計:多媒體影音應用
Web Design: Multimedia 網站/網頁設計:網路音訊與網路收音機設計
Web Design: Multimedia 網站/網頁設計:嵌入影音播放器標籤
網頁內嵌多媒體當機‧整體優解 QuickTime Plug-ins 7.7.4 has crashed
Web Design: Multimedia 網站/網頁設計:播放清單檔設計
網頁視訊與媒體播放器
在網頁插入微軟視窗媒體播放器
Insert Adobe Flash Player 插入Adobe Flash 播放器
Embed YouTube Player and iframe Tag 嵌入YouTube播放器與遠端影音之標籤
HTML5 Video: A Morning Glare Battlefield/ HTML5 媒體播放器:旭光戰場
Video and Media Player 播放器進階與視訊小工具
Web Design: Dynamic Templates 網站動態範本設計
Web Design: Dynamic Templates 網站動態範本應用
目錄管理與遠端編輯


內容網站:提供與分享各種知識、資訊、作品。互動群組:社員可以討論、展示、交流、企畫、分工、管理、投票決策。合作群組:Web2.0的民主自治精神,社員可以參與決定群組的內容與表現形式。

吳統雄的音樂-Sean TX Wu's Music  笑話中學美語-Humor and American English Learning   私人來信-Write a private mail to Sean TX Wu  留言與討論 Leave Comments/ Forum 吳統雄的相簿-Sean TX Wu's Album

只在「統雄社群」內查詢以下主題 Search in TXCommunity

統雄網群的Google排行本站Google排行榜‧全球冠軍