① 網頁設計的新建CSS樣式
這三種都是css中的選擇符。
1、類是類選擇符。如「.red」就是一個類選擇攜橋符。類選擇符以英文點號「.」開頭,後辯坦猛面的名字可以自己定義。
2、標簽是類型選擇符,就是html文檔中的元素,如:p{ }
3、高級是id選擇符,id選擇符定義的方法跟類基本相似,只是其開頭不是「.」號而是英文「#」,後面的名字也是可以自己定義。如:「#top」
類選擇符和高級選擇符的差別是:
a、類選擇符可以重復使用,且可以用在任意元素上信型,使用任意次
b、html中id屬性是唯一的,只有擁有該id的元素才會應用該樣式
c、id選擇符的優先權高於類選擇符。
關於這三種的繼承屬性:類型選擇符(標簽)的權重<類選擇符<id(高級)選擇符
② 求助設計一個css網頁,淘寶頁面,交作業用的,,我不會。。。
首先你要把素材准備好,然後用DW在本地建設站點,然後進行排版布局進行相應的製作
③ 《網頁設計與製作》 使用CSS+DIV製作一個簡單的網站,進一步熟悉和領悟HTML語言、CSS樣式表和JAVASCRIPT語
自己製作,還可以學習,不會不要緊,慢慢可以學。
④ DIV+CSS建設網頁簡單的6個步驟
大家都知道用DIV+CSS的布局來設計網站便於優化,容易被收錄,比如兩個網站同時上線,擁有同樣的外鏈,推廣2個月後,保證使用DIV+CSS布局的站點獲得的排名比傳統的TABLE 要好,用DIV+CSS建設該網站首先是從整體布局入手,構思好網站的整體布局結構,一般我們按以下步驟來建設一個網站的頁面:
1、頂部部分,其中包括了LOGO、MENU和一幅Banner圖片;
2、頁面中間部分,那就是我們的主體了,這里就以我們為一客戶做的站點為例來說明。考畝唯鎮慮到該行業要求打開首頁快速,所以我們在網站發布的信息設 計為三列。
3、底部,包括一些版權信息。
根據以上設想,我們定義如下div的結構
DIV結構如下:
│body {}/*這是一個HTML元素*/
└#Container {}/*頁面層容器*/
├#Header {}/*頁面頭部*/
├#MianBody {}/*頁山敗面主體*/
│├#mainbody-left {}/*主體頁面左邊*/
│└#mainbody-center {}/*主體頁面中間*/
│└#MainBody -right{}/*主體頁面右邊*/
└#footer {}/*頁面底部*/
用DIV+CSS做一個導航欄是非常容易的,而且我們可以通過css來對導航欄的樣式方便的作出調整。用div設置導迅粗航欄一般就用 和 標簽。
4、高度顯示效果不同
一般情況下只需要使用height: 100px;即可,當顯示效果不同時,則可以_height: 100px;來對IE6的高度進行設置。
5、嵌套效果不不同.
有些情況下如果div中嵌套的圖片大於外層div的高度,則IE6中對高度的設置始終無效,這時要注意對該css添加overflow屬性,overloaw:hidden,則可隱藏超出邊界的部分。
⑤ 如何用dreamweaver做網頁html+css
用dreamweaver做網頁html+css方法如下:
打開dreamweaver,點斗納談迥文件-新建-html文件
根據設計就可以進行html+css製作網頁了
⑥ 在網頁製作中如何使用Css
CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現HTML或 XML 等文件式樣的計算機語言。
CSS目前最新版本為CSS3,能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言,CSS能夠對網頁中的對象的位置排版進行像素級的精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象盒模型的能力,並能夠進行初步交互設計,是目前基於文本展示最優秀的表現設計語言。
有三種方法可以在站點網頁上使用樣式表:
1.將網頁鏈接到外部樣式表。
2.在網頁上創建嵌入的樣式表。
3.應用內嵌樣式到各個網頁元素。
每一種方法均有其優缺點: (1)當要在站點上所有或部份的網頁上一致地應用相同樣式時,可使用外部樣式表。在一個或多個外部樣式悔掘前表中定義樣式,並將它們鏈接到所有網頁,便能確保所有網頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表 — 中作一次更改 — 而該更改會反映到所有與該樣式表相鏈接的網頁上。通常外部樣式表以 .css 做為文件擴展名,例如 Mystyles.css。 (2)當人們只是要定義當前網頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯樣式表,「嵌」在網頁的 <HEAD> 標記符內。嵌入的樣式表中的樣式只能在同一網頁上使用。 使用內嵌樣式以應用級聯樣式表屬性到網頁元素上。 如果網頁鏈接到外部樣式表,為網頁所創建的內嵌的或嵌入式碧清樣式將擴充或覆蓋外部樣式表中的指定屬性。
要在網頁上使用外部樣式表的樣式,可將該網散薯頁鏈接到樣式表,方法是使用位於 「格式」 菜單上的 「樣式表連接」 命令。可以鏈接一個或數個樣式表到網頁視圖模式下的當前網頁,或到在文件夾列表中的所選網頁,或到站點上的全部網頁。 該「樣式」 框列出標准 HTML 標記符,例如標題 1,還有嵌入的樣式表或鏈接到網頁的外部樣式表中所含的類或 ID 選擇器。要應用樣式到網頁元素,請選定該樣式然後單擊 「樣式」 框中的樣式或選擇器。 在 Microsoft FrontPage 2000 中,某些格式設置特性會作為內嵌樣式自動應用。例如∶如果使用 「邊框與陰影」 命令(在 「格式」 菜單上)在普通段落周圍應用框,FrontPage 會寫下格式設置信息,作為段落標記符的內嵌樣式屬性(例如∶ <p style="border-style: solid">)。然而某些屬性的應用需要使用 CSS,其他則需要使用 HTML 。如果人們只想使用 CSS 應用內嵌樣式,可使用 「樣式」 按鈕(位於網頁元素的 「屬性」 對話框里)應用類或 ID 選擇器或嵌入式樣式。
⑦ 網頁設計製作詳細流程
分析如下:
1、首先下載安裝Dreamweaver,打開後,新建一個網頁,一般選擇「HTML」建立網頁。選擇「經典」界面,有助於我們更便捷使用這個軟體。
2、下面選擇這三個界面,代碼、拆分、設計,一般默認設計界面,對於新手這個功能具有可視化,能更好的製作網頁。
3、下面我們來製作網站站點,在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。
4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件,並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件,不會丟失。注意文件命名要用英文。下面我用我建立的(籃球資訊網)來介紹,點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。
5、下面我們來製作這個網站首頁,先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片,下面屬性可以編輯修改圖片大小,添加超鏈接等等。下面我修改圖片大小做示範。
6、下面學習添加文本。編輯「籃球資訊網」,下面屬性可以設置文本字體、添加超鏈接等等,點擊頁面屬性,可以詳細編輯文本屬性。
7、網頁基本就是文字和圖片的組合,添加視頻還需要學習者好好搜索Dreamweaver的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。
8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本,點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁,這樣籃球資訊網文本變成藍色。這是網站內部鏈接,相反就有外部鏈接。添加如圖,一定要寫就可以了。
9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁,點擊網頁中兩個鏈接都能到達指定網頁。
(7)長寧網頁設計怎麼建css網站擴展閱讀:
設計網站要注意兩個要點:整體風格和色彩搭配。
網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。
風格(Style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、交互性、文字、語氣、內卜攔腔容價值、存在意義、站點榮譽等等諸多因素。
無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩。
網頁配色小技巧:
1.用一種色彩:這里是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一衡腔,有層次感;
2.用兩種色彩:先選定一種色彩,然後選擇它的對比色;
3.用一個色系:簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
在網頁配色中,還要切記一些誤區:
1.不要將所有顏色都用到,盡量控制在三至五種色彩以內;
2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。