導航:首頁 > 萬維百科 > 做網頁設計時新建像素麵板嗎

做網頁設計時新建像素麵板嗎

發布時間:2020-11-09 06:18:01

1、製作網頁的屬性面板有HTML選項和CSS選項,兩個有什麼區別?

一個完整的頁面是由html和css共同完成的。如果想加些動態的交互效果就要用到javascript啦
1、什麼是HTML(超文本標記語言 Hyper Text Markup Language),HTML 是用來描述網頁的一種語言。
2、CSS(層疊樣式表 Cascading Style Sheets),樣式定義如何顯示 HTML 元素,語法為:selector {property:value} (選擇符 {屬性:值})
3、JavaScript是一種腳本語言,其源代碼在發往客戶端運行之前不需經過編譯,而是將文本格式的字元代碼發送給瀏覽器由瀏覽器解釋運行!
可以來個形象的比喻:
對於一個網頁,HTML定義網頁的結構,CSS描述網頁的樣子,JavaScript設置一個很經典的例子是說HTML就像 一個人的骨骼、器官,而CSS就是人的皮膚,有了這兩樣也就構成了一個植物人了,加上javascript這個植物人就可以對外界刺激做出反應,可以思 考、運動、可以給自己整容化妝(改變CSS)等等,成為一個活生生的人。

如果說HTML是肉身、CSS就是皮相、Javascript就是靈魂。沒有Javascript,HTML+CSS是植物人,沒有Javascript、CSS是個毀容的植物人。
如果說HTML是建築師,CSS就是干裝修的,Javascript是魔術師。

2、dreamweaver網頁製作的spry選項卡式面板。

很好辦呢,在頁面引用的js文件里查找事件函數,把「滑鼠點擊」改成「滑鼠移過」就可以了。

3、怎麼調整DW窗口大小?急~就是DW製作的網頁面板怎麼調?謝謝啦!

網頁的大小,需要你在網頁里設置,也就是設定網頁最外圍的div或者表格的大小。和你上面的那個圖片裡面顯示的東西沒關系,那個沒什麼作用。

4、在電腦網頁設計中,【插入】/【常用】面板中沒有插入什麼的功能

你直接點下面的小圖標就可以插入了,比如插入表格,你直接點表格那個圖標就行

5、dw網頁中的浮動面板怎麼製作?

請您在下次提問問題的時候注意問題分類的提交!比如織夢的問題可以將分類提交為:
電腦/網路 > 軟體 > 網路軟體
這樣有助於您得到更明確的回答,謝謝合作!!

6、用dreamweaver cs3製作網頁,設置一個spry選項卡面板的寬度時,為什麼旁邊另一個選項卡面板的寬度也會變

你好,
你這樣修改默認樣式表文件SpryTabbedPanels.css並不是推薦的自定義樣式的方法.
Adobe官方的修改方法是你重新為自己的樣式定義CSS屬性.然後在聲明Tab選項卡時關聯上去.
下面是一個簡單的修改當前選項卡樣式的例子,如果你在調試時遇到問題可發站內消息給我;Spry技術交流請加我百度Hi好友!

<style type="text/css">
.MyTabSelected1 {background-color: #FCF}
.MyTabSelected2 {background-color: #66F}
</style>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1",{tabSelectedClass:"MyTabSelected1",panelVisibleClass:"MyTabSelected1"});
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2",{tabSelectedClass:"MyTabSelected2",panelVisibleClass:"MyTabSelected2"});
</script>

7、網頁設計的規劃書

一、實驗目的和要求
綜合應用Dreamweaver 8的基礎知識創建和編輯網頁。
二、實驗內容及步驟
(1) 在「文件」中新建一個網頁,在「插入面板」的「布局」中,新建「左側和嵌套的頂部框架」框架,並使框架網頁符合下列要求。
① 「文件」中的「框架集」另存為,保存框架集時,把框架集文件名改為index.htm。
② 在「框架浮動面板」中選中左框架,在「文件」中選擇「保存框架頁」,同時給左框架文件命名為left.htm,在框架浮動面板中選中左框架,在「修改」中將「頁面屬性」中設置背景圖像為bg0035.jpg以及左框架的列寬度為320像素。
③在框架浮動面板中選中頂框架,在「文件」中選擇「保存框架頁」,頂框架文件名為top.htm,選中頂框架,「屬性面板」中設置行高度為65像素。
④ 選中主框架,在「屬性面板」中設置主框架頁面的「滾動」方式為自動,[源文件]為本地站點中的網頁文件main.htm。
⑤ 分別選中3個框架,在「屬性面板」,「頁面屬性」中將三個框架網頁的頁面屬性「左邊界」、「頂部邊界」、「邊界寬度」、「邊界高度」設為0,在「文件」中選擇「保存全部」,將全部框架文件保存在本地站點中。

(2) 用photo子文件夾中的圖像創建網站圖像冊,其要求如下。
①新建一個網頁,在「命令」中「創建網站相冊」,在彈出的窗口中設置標題為「名畫——人類的精神糧食」,省略副標題。
②在①彈出的窗口中繼續設置頁面圖像的縮略圖尺寸為100*100像素;每行列數我為6列;縮略圖像文件格式為.jpg。
③在①彈出的窗口中繼續設置「源圖像文件」為本地站點根文件夾中的photo子文件夾,「目標文件夾」為本地站點根文件夾,其他參數默認。
④在「頁面屬性」中用img文件夾中的文件bg0029.jpg設置網頁背景圖像。
⑤插入「庫」項目:在頁面中插入層,點擊「文件浮動面板」,「資源」中選擇「庫」,選中庫項目return,按下」插入」按鈕。
⑥在「文件」中選擇「另存為」,保存網頁文件,以index1.htm為名保存在本地站點的根文件夾中。

(3) 新建一個網頁,命名為 fg1.htm,並將此文件保存本地站點根文件夾中。打開文件fangao.dwt.
①將 「梵高的故事.doc」中的文字內容復制粘貼到網頁文字可編輯區域的藍色框中,並在模板左側2個圖像可編輯區域中,單擊可編輯區域,在「插入」中選擇「圖像」,選擇img文件夾中的tu1_3.jpg和tu2_3.jpg,模板頂部標題可編輯區域輸入文字「梵高的故事」。
②在「屬性面板」中選擇「樣式」,「附加樣式表」,附加本地站點根文件夾中的外部層疊樣式表文件format.css,選中網頁標題,在「屬性面板」樣式中選擇title作用於網頁標題,同樣方法將樣式format作用於網頁中的其他文字,樣式filter作用於圖像文件tu1_3.jpg和tu2_3.jpg。
③把游標放在要插入的位置,在「插入」中選擇「命名錨記」,輸入名稱」aa」,在網頁中最後一段的文字「鑲板畫」中間插入用於超鏈接的名為「aa」的站點。
④在頁面左下角插入層, 在「文件浮動面板」的「資源」中選擇「庫」,選中庫項目return,按下」插入」按鈕。

(4) 新建網頁文件,並將此文件以fg2.htm為名保存在本地站點的文件夾中。
①在「屬性面板」的「頁面屬性」中設置頁面背景圖像為bg0029.jpg,在「插入」中選中「表單」中的「表單」。在「屬性面板」中設置表單的名稱為:「調查」,動作為:答題學生本人的郵件地址,方式為:POST。
②輸入文字「問卷調查」,選中文字在「屬性面板「中設定」居中」,並設置文字格式。
③在「插入」中選擇「表單」,「文本域」,在表單的第2行,插入文本域。設置標簽文字為「姓名」,確定.選中文本域,在「屬性面板」中設置「字元寬度」為20,「類型」為單行,「最多字元數」為20。
④在「插入」中選擇「表單」,「單選按鈕組」,在同一行中再插入單選按鈕組,單選按鈕組的名稱為「性別」。將標簽改為」男\女」,在屬性面板中設置標識是「男」的單選按鈕的「初始狀態」為已勾選,「選定值」為「男」。標識為「女」的單選按鈕的「初始狀態」為未勾選,「選定值」為「女」。
⑤在「插入」中選擇「表單」,「文本區域」,在表單的第3行中插入多行文本域,在彈出的窗口中設置標簽文字為「談談你對本網站的觀感:」。換行後,插入多行文本域,選中該文本域,在屬性面板中設置其「字元寬度」為50,「類型」為多行,「行數」為10,「換行」為默認,「初始值」為「請發表您的瀏覽觀感」。
⑥在「插入」中選擇「表單」,「按鈕」,在表單的第5行居中插入2個按鈕,在「屬性面板」中並分別將它們的「標簽」和「動作」設為:遞交表單和重設表單。
⑦在頁面左下角插入層, 在「文件浮動面板」中選擇「資源」,「庫」,選中庫項目return,按下」插入」按鈕。

(5) 打開網頁首頁文件index.htm。
①點擊頂部框架,在「插入」中選擇「媒體」中的flash,在頂部框架中插入Flash文件fgl.swf。
②在「插入面板」的「布局」中選擇「繪制布局表格」,在左框架的上半部分畫布局表格,在其中畫5個布局單元格分別選中,在「屬性面板」中設置大小為93*63像素,在「插入」中選擇「滑鼠經過圖像」,在其中分別插入「滑鼠經過圖像」,在彈出的窗口中設置其「原始圖像」文件分別為tu1_2.gif、tu2_2.gif、tu3_2.gif、tu4_2.gif、tu5_2.gif,「滑鼠經過圖像」文件分別為tu1_1.gif、tu2_1.gif、tu3_1.gif、tu4_1.gif、tu5_1.gif。
③在左框架的下半部分按樣張畫三個層,屬性設置為210*150大小,在這個3層中插入3幅圖像分別是tu1_3.gif、tu2_3.gif、tu3_3.gif,選中3個層,在「修改」中選擇「排列順序」中設置3個層重疊,分別將3個層選中,在右鍵菜單中選擇添加到時間軸,在3幅圖像的動畫條中插入適當的關鍵幀,在「屬性」中更改關鍵幀處的可見性,製作時間軸控制3幅圖像輪流顯示的時間軸動畫,每幅圖像顯示的時間為1s,並鉤選自動播放和循環
④在「文件浮動面板」的「資源」中選擇「庫」中,選中庫項目return,點擊面板右下角的」編輯」按鈕,選中它,在「屬性面板」中設置其與首頁index.htm建立鏈接,並使首頁index.htm在復框架中顯示,目標_parent,然後「修改」中選擇「庫」的「更新頁面站點」。
⑤在首頁文件index.htm被瀏覽時播放聲音文件Applause.wav。
⑥將文件保存
.

(6) 按下列要求為左框架中的5個圖像按鈕添加行為和超鏈接。
①選中圖像,在「行為面板」中選擇行為「Ondblclick」.然後「添加行為」,「控制shockwave或flash」,操作:停止, 在「行為面板」中選擇行為Onclick,「添加行為」「控制shockwave或flash」,操作:播放,可達到以下效果:雙擊該圖像,停止播放頂部框架中的Flash文件fg1.swf,單擊該圖像,開始播放頂部框架中的Flash文件fg1.swf。
②選中第2個滑鼠經過圖像在「屬性面板」添加超鏈接,鏈接至index1.htm,選擇「目標」為「mainframe」可達到以下效果:單擊此圖像是鏈接網站相冊文件index1.htm,並使該文件在主框架中顯示。
③選中圖片在「屬性面板」中設置鏈接為fg1.htm#aa,目標為_mainframe,即可單擊此圖像時鏈接到文件fg1.htm的錨點「aa」上,並使該文件在主框架中顯示。
④給網頁左框架第4個滑鼠經過圖像添加超鏈接,選中圖片,在「屬性面板」中設置鏈接至fg2.htm, 目標為_mainframe,即可單擊此圖像時鏈接到文件fg2.htm上,並使該文件在主框架中顯示。
⑤選中圖像,在行為面板中選擇行為「Ondblclick」, 「添加行為」「控制」shockwave或flash,操作:停止;選擇行為「Onclick」, 「添加行為」「控制」shockwave或flash,操作:播放。使雙擊該圖像,停止播放左框架底部的時間軸動畫,單擊該圖像,開始播放左框架底部的時間軸動畫。

三、實驗中遇到的問題及解決方法
1.起初插入的flash動畫始終無法顯示,插入的main.htm中有個別圖象無法顯示,通過改變絕對路徑,完成顯示效果.
2.做超鏈接時,鏈接的無效果,通過改變鏈接途徑達到鏈接效果。
3.在做最後一步的六個圖片的超鏈接時,添加行為和控制shockwave或flash,多次操作和調試都無法成功,後來經過請教同學,知道是在「行為面板」中選擇行為「Ondblclick」.然後「添加行為」,「控制shockwave或flash」,操作:停止,再在「行為面板」中選擇行為Onclick,「添加行為」「控制shockwave或flash」,操作:播放,即可達到要求的效果。
4.在做3副圖象輪流顯示的時間軸動畫時,開始不會做,後來知道是在右鍵菜單中選擇「添加到時間軸」,在3幅圖像的動畫條中插入適當的關鍵幀,在「屬性」中更改關鍵幀處的可見性,製作時間軸控制3幅圖像輪流顯示的時間軸動畫,每幅圖像顯示的時間為1s,並鉤選自動播放和循環。

8、網頁設計模版是什麼?應該怎麼設計?

網頁模板就是已經做好的網頁框架,使用網頁編輯軟體輸入自己需要的內容,再發布到自己的網站。每個網頁模板壓縮包內包含:PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改),按鈕圖片PSD文件、Flash源文件和字體文件,推薦使用Dreamweaver軟體向網頁模板添加內容。

創建和設置

1)模板的概念:作為創建其它文檔的樣板的文檔。創建模板時,可以說明哪些網頁元素不可編輯,哪些元素可以編輯。其擴展名為.dwt。

2)模板的作用:有利於保持網頁風格的一致;提高工作效率。

1.創建模板

1)創建一個全新的模板:在模板面板中,使用快捷菜單按鈕或單擊面板上的新建按鈕

模板面板的打開:Window菜單--Templates

2)創建基於文檔的模板:File菜單-Save As Template

2.設置模板頁面屬性

1)用模板創建的文檔繼承模板的頁面屬性,頁標題除外。

2)設置:Modify菜單-Page Properties

3.定義模板的可編輯區

1)定義模板的可編輯區

在模板文檔中選定對象、Modify菜單、Templates、New Editable Region

2)取消可編輯區標記

Modify菜單-Templates-Remove Editable Region

應用和更新

1.應用模板創建文檔

1)應用模板創建文檔

使用模板創建新文檔:File菜單-New From Template

或:File菜單-New-從模板面板中拖一個模板到文檔

對現有文檔應用模板:Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select

或:從模板面板中拖一個模板到文檔中

或:從模板面板中選定一個模板,單擊Apply

2)可編輯區和鎖定區

在應用了模板的文檔中,只有可編輯區的內容才可以修改。

3)把頁面從模板中分離出來

如果要對應用了模板的頁面的鎖定區進行修改,必須先把頁面從模板中分離出來。

具體操作:Modify菜單-Templates-Detach From Template

2.修改模板

在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成後保存

3.更新站點中使用模板的所有文件

Modify菜單-Templates-Update Pages

與做網頁設計時新建像素麵板嗎相關的知識