您現在的位置是:電腦技術吧?>? 故障問題 ??>??產品樣本編寫技巧,解決方案編寫技巧??>??正文詳情

產品樣本編寫技巧,解決方案編寫技巧

斛白桃2019-11-14 07:01:07 人圍觀
簡介解決方案編寫CSS正在改變網站設計的過程。為了滿足越來越多傾向于使用CSS的設計師的需求,Macromedia dwmx引入了一些新的和改進的CSS相關特性。有了這些新特性軟文編寫技巧

CSS正在改變網站設計的進程。

為迎合不斷增長的傾向于CSS的設計人員的需求,Macromedia DW MX引進了一些新的及改善過的CSS相關的特性。

有了這些新的特性,你可以為未來的更新作好計劃,開發與W3C標準更加兼容的站點。

本文討論在DW MX中使用CSS以及突出某一特定CSS特性時的一些建議。

  一般地講,樣式表(style sheet)就是控制網頁內容外觀的格式化的規則的集合。

可以以三種不同的方式在你的頁面中使用CSS:  代碼式(Inline):寫入到代碼中的一次性的樣式。

  內嵌式(Embedded):可控制一個頁面中所有元素的樣式表  外聯式(External):可控制許多頁面中的元素的樣式表  事實上,許多站點都根據需要把這三種方式結合起來使用。

  在使用CSS時一個需要重點考慮的事實是不同的瀏覽器以及同一瀏覽器的不同版本以不同的方式來解析CSS。

除了網絡瀏覽器的差異之外,你還要意識到還有很多其他的瀏覽器,比如聽力瀏覽器,基于電視的瀏覽器以及Palm pilot和TTY(teletypewriter,遠程打字機)一類的手持設備。

  最佳習慣是指什么?  大多數技術都有自己約定俗成的標準。

CSS也不例外。

雖然并非網絡上存在的所有CSS都很規范,但按照現有標準來使用CSS卻還是不無裨益的。

一般來說,開發人員應盡可能將內容與報告分離開來。

這樣做的好處在于:  1:增加站點的壽命  不規范的樣式表可能在當時覺得很方便,但新版本的瀏覽器出來以后,很可能就會出現兼容性問題。

到時逐頁修改站點就是一項非常費時的工作同時也使使用CSS失去了意義。

  2:讓你的站點對所有的用戶以及瀏覽器都適用。

  有些地方的政府已經立法要求網站必須讓殘障人士也同樣可以瀏覽。

為殘障認識設計的瀏覽設備,比如聽力瀏覽器,對CSS規范性要求極其嚴格。

  3:讓站點更新和維護更加輕松。

  使用方式得當的話,CSS可讓你在一個頁面中的調整快速應用到所有頁面中去。

  你首先要做的選擇是使用哪一種樣式表。

當涉及到最佳習慣時,對不同樣式表的分析如下:  Inline CSS;簡單地說,你應該盡量避免使用。

除了一些其他的缺點之外,使用Inline CSS意味著你并沒有利用到CSS的真正優點,即你并沒有將內容與格式分離開。

DW MX使用Inline CSS主要是為了定位頁面元素(這些元素在DW MX的用戶界面中稱為層(layer)),或者為了使用某個DHTML特效,它需要使用Inline 樣式的javascript來改變一個對象的屬性。

  Embedded CSS:它也不是最理想的,因為它只能對當前頁面施加影響。

在更新的過程中,如果某一個頁面丟失,將會使站點的風格不一致;另外,當用戶瀏覽你的站點時,每一頁都要下載一次樣式表信息。

  External CSS:這是你的第一選擇。

External CSS可以讓所有連接到它的頁面保持一致的外觀風格;提綱挈領,更改一次,輕松更新所有相關頁面;讓你的頁面體積更小,瀏覽速度更快。

其他的一些最佳習慣將在下文分析具體的CSS特性時提及。

  在DW MX中創建CSS樣式表  在DW MX中創建CSS樣式表時(Text CSS Style New style sheet),在彈出的對話框中,你有兩個選擇:新樣式表文檔(New Style Sheet File) 和只用于當前頁(This Document Only)。

選中New Style Sheet File 你就開始了創建External CSS的過程。

這個選項要求你在真正的創建過程之前先命名樣式表并為它選定一個保存位置;另外一個選項,This Document Only,則會直接把相關代碼寫入到頁面的部分。

  你也可以在新樣式(New style)對話框中選擇一個現存的樣式表來編輯或添加新的定義。

  應該連接到External CSS還是導入?  創建外部樣式表以后,你需要把它附加在每個頁面上(或是模板)。

要這樣做,可以在CSS面板上淡季附加樣式表(Attach Style Sheet)按紐,此時會彈出連接外部樣式表 (Link External Style Sheet)對話框,在上面可以瀏覽到你的目標樣式表的名字,找到以后,你可以選擇連接(link) 或者導入(import )此外部樣式表。

  連接是最常用的方式,選擇link即可把樣式表連接到頁面。

它會在你的頁面中加入下面的標記:  所有支持CSS的瀏覽器都支持連接選項。

如果你想一些比較舊的瀏覽器(比如Netscape 4.x)也能看到這個樣式表的話,就要采用下面的方法。

  如果你選擇導入選項,所用的標記為:  NetSscape4會完全忽略導入的CSS,而按照連接的CSS來解釋頁面。

這樣我們就可以放心使用CSS中的新功能,不必擔心瀏覽器的兼容性問題了。

  CSS屬性檢查器  在DW MX的屬性檢查器中可以輕易切換到CSS模式。

缺省情況下,屬性檢查器會顯示原始的HTML模式下字體標簽。

點擊字體下拉菜單旁邊的小A,你就可以看到目前可用的CSS樣式表,而不是字體標簽列表。

  同時,你也可以輕松切回到HTML模式。

  現成的CSS樣式表  DW MX中一個令人激動的CSS特性就是它包含了已制作好的CSS樣式表。

CSS的新用戶可以先體驗一下。

選擇File New,在彈出的新文檔對話框中選擇選中CSS style sheets,在右邊的方框中會出現所有可用的CSS列表。

為了實踐我們所說的最佳習慣,選擇一個標記為Accessible的。

  將文檔保存在站點文件夾內,然后就可以用上述的方法來把CSS附加在你的文檔中了。

  設計時間樣式表(Design Time style sheets)  DW MX的這一特性可以讓你在設計視圖下工作時將樣式表應用到頁面,讓你對站點的外觀有一個更直觀的認識。

設計時間樣式表將不會出現在站點內。

從我們的最佳習慣的觀點來講,這一特性是非常有用的。

如果你使用同時導入和連接兩種方式(如上所述),附加設計時間樣式表可以讓你使用其中的任何一個來開發站點。

當你想看在另一個樣式表下頁面外觀如何時,你可以輕松更改為另一個樣式表。

  對于要將CSS應用于服務器端(比如ASP, PHP, or ColdFusion)或是要在客戶端通過javascript來存取的開發者來說,設計時間樣式表同樣有用。

服務器端樣式表也是處理客戶端瀏覽器對CSS支持不好的又一種方式。

但在以前版本的DW中,這種方式卻不能讓你在設計階段查看CSS的實際效果。

設計時間樣式表讓你實時查看樣式表效果,所以你可在DW MX中以可視界面工作。

另外一個好處就是當你上傳站點文件時,你不必再檢查整個站點尋找冗余的樣式表了。

  驗證  無論你是自己創建樣式表還是編輯現有的樣式表,驗證可以確保你不會誤用不標準的標簽或錯誤的代碼。

DW MX本身不包含CSS驗證程序,你可以使用W3C站點提供的驗證服務。

在DW MX內你可以驗證HTML 或DHTML標簽( File Check Page Validate Markup (for HTML) 或 File Check Page Validate as XML for XHTML.)。

在開發基于CSS的站點時,DW MX提供了很多輔助工具。

有了MW MX的幫助,再加上對CSS良好的理解,你就可以開發出能經受時間考驗的站點了。

版權聲明:本文由 斛白桃 整理編輯。

原標題:方法論文章的編寫技巧,ppt編寫技巧

轉載注明出處:http://www.dn9ww09s.icu/fault/12082.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦連接電視沒有聲音怎么辦,電腦連接電視沒有聲音

    電腦連接電視沒有聲音怎么辦,電腦連接電視沒有聲音 相關圖片hdmi連接電視沒有聲音當一些用戶使用HDMI電視/顯示器時,他們發現電腦連接中沒有聲音。如果電腦與HDMI顯示器的連接沒有聲音,一般原因是HDMI接口中有音頻信號接口和視頻信號接口。臺...

  • 聯想筆記本怎么一鍵還原系統,聯想筆記本一鍵還原

    聯想筆記本怎么一鍵還原系統,聯想筆記本一鍵還原 相關圖片筆記本電腦系統還原事實上,對于大多數人來說,恢復計算機系統是非常困難的,特別是對于那些剛剛接觸計算機的新手來說在許多情況下,我們需要恢復我們自己的計算機系統,例如...

  • 絲網花牡丹制作圖解,牡丹紙花制作圖解

    絲網花牡丹制作圖解,牡丹紙花制作圖解 相關圖片手工牡丹花制作方法簡單完成的效果如下:不要驚訝,這個效果不是Photoshop和painter的專利。只要你有一點藝術背景,有足夠的耐心,仔細調整顏色,合理使用筆尖羽毛的大小值以及節折...

  • ie修復工具,ie一鍵修復工具

    ie修復工具,ie一鍵修復工具 相關圖片360ie修復工具綠色版我們都知道這個系統帶有IE瀏覽器,我們也有很多人使用這個瀏覽器,但是如果Internet Explorer損壞了,我們該怎么辦?如果IE文件在使用時存在,請單擊ie工具...

  • 美麗的秘密3D,美麗的秘密43D

    美麗的秘密3D,美麗的秘密43D 相關圖片3D本文利用三維文字軟件xara3d[xara3d下載]和圖形設計軟件flaxes制作了漂亮的三維文字。以下是結果1。打開xara3d軟件,選擇文本工具,輸入需要創3D跨度...

  • 詳細的聲音,他看得見你的聲音

    詳細的聲音,他看得見你的聲音 相關圖片相機聲音怎么關不了有時當我們使用電腦時,不會有聲音。現在,我們需要知道出了什么事。它能解決問題。有可能知道計算機在軟件或硬件上沒有聲音的原因。本文簡要介紹了無聲計...

  • 屏幕字體顏色怎么設置,電腦屏幕格式怎么調整

    屏幕字體顏色怎么設置,電腦屏幕格式怎么調整 相關圖片文檔全屏了怎么恢復Windows 98的active desktop功能除了將HTML文檔設置為桌面背景外,還提供了將HTML文檔設置為屏幕保護的功能。具體步驟如下:1)右擊桌面文檔怎么全屏顯示...

  • 電腦怎么一鍵還原,電腦怎么重裝系統

    電腦怎么一鍵還原,電腦怎么重裝系統 相關圖片一鍵還原重裝系統在計算機使用過程中,如果硬盤中備份的分區數據損壞,一般的數據修復方法無法修復,系統損壞后無法啟動,可以使用備份數據進行完全恢復,而無需重新安裝程序...

  • 什么是拖尾,拖尾

    什么是拖尾,拖尾 相關圖片拖尾性當文本旋轉時,它會跟隨自身的陰影,給人強烈的速度感。此效果通常用于模擬對象的快速移動。我們來討論如何生成這種文本I.創建一個新文檔,并將文檔大小設置為50050條帶拖...

  • 0xc000007b,0xc000007b無法正常啟動

    0xc000007b,0xc000007b無法正常啟動 相關圖片0xc000007b win10此錯誤可能是由硬件或軟件引起的。但是,由于硬件導致問題的可能性很低,并且除了更換硬件之外沒有更好的解決方案,因此應用程序無法正常啟動(0xc000007b)。單開機藍...

熱評文章

  • 電腦耳機沒聲音怎么辦,電腦用耳機聽不到聲音

    電腦耳機沒聲音怎么辦,電腦用耳機聽不到聲音 相關圖片電腦前面板耳機沒聲音電腦是我們日常工作和娛樂必不可少的一部分。在計算機的日常使用中,經常會出現一些問題,如藍屏、黑屏等,比較麻煩。如果電腦插上耳機時沒有聲音,我們...

  • html錨,html5錨

    html錨,html5錨 相關圖片html錨點代碼步驟1:插入鏈接1。用dreamwave打開網站,將光標放在S的前面。這將是你第一次點擊鏈接2后跳轉的地方。選擇“插入命名錨定”,或單擊插入欄3上的命名圖標。在html錨點跳轉...

  • 激活office密鑰,office激活密鑰在哪

    激活office密鑰,office激活密鑰在哪 相關圖片office激活碼和密鑰目前,很多正版收費軟件只有在使用激活鍵激活軟件后才能獲得軟件的完全使用權。微軟Office 2010軟件也是一款收費軟件。很多人需要使用這個軟件,但卻沒有激活密...

  • 臉型,鵝蛋臉

    臉型,鵝蛋臉 相關圖片倒三角臉本文主要介紹如何用鼠標畫人的臉,在網上看那么多彩色的閃光燈,相信很多朋友都有自己制作卡通的欲望但我們大多數人都不會畫畫。總有許多想法不能用我們自己的畫筆來...

  • 電腦怎么做系統win7,電腦系統還原

    電腦怎么做系統win7,電腦系統還原 相關圖片電腦xp系統怎么一鍵還原系統近年來,由于筆記本電腦市場的激烈競爭,越來越多的人出于成本、安全和個性化備份的考慮而使用筆記本電腦,那么如何恢復筆記本電腦系統呢?我相信很...

  • 筆記本電腦做系統教程,電腦剛開機就自動關機

    筆記本電腦做系統教程,電腦剛開機就自動關機 相關圖片電腦培訓課程內容使用手機時,您可能已嘗試自動關閉手機。有時當手機斷電時,它會自動關機。有時它會自動關閉。然后你會注意到手機的電池可能壞了。所以電腦也會自動關機?原...

  • 黃金戰神,圣戒飛陀黃金戰神

    黃金戰神,圣戒飛陀黃金戰神 相關圖片雷霆戰機怎么升級黃金戰神Freeinfographic maker venngage提供了一個簡單的平臺,您可以在此平臺上創建和發布信息圖形、數據可視化和相關報告Vivus Vivus雷霆戰機黃金戰神覺醒...

  • 無線路由器設置,路由器設置步驟

    無線路由器設置,路由器設置步驟 相關圖片路由器的設置網址今天的家庭基本上都有電腦或其他互聯網設備。路由器是使我們能夠體驗更好的互聯網體驗的設備。剛買回來的路由器需要正確連接和設置,才能正常使用。如何設置...

  • 產品設計,產品設計好嗎

    產品設計,產品設計好嗎 相關圖片產品設計流程產品設計過程有一個相對固定的周期。但是,如果你能加快整個流程的運行速度,并在更頻繁的反饋中獲得更好的結果,你還會使用當前的設計流程嗎?為了在更短的時間...

  • 電腦沒聲音了怎么解決,電腦系統聲音怎么打開

    電腦沒聲音了怎么解決,電腦系統聲音怎么打開 相關圖片電腦無聲音是什么原因在我們的日常生活中,我們經常遇到這樣的小麻煩:使用電腦時,電腦沒有聲音。常見的原因是由于錯誤操作導致驅動程序或系統文件被刪除。有時選擇重新安裝...

關注微信

变脸官网查询