您現在的位置是:電腦技術吧?>? 故障問題 ??>??用什么制作網頁,如何用html制作網頁??>??正文詳情

用什么制作網頁,如何用html制作網頁

萊明喆2019-11-14 08:01:08 人圍觀
簡介怎么用vs制作網頁首先,讓我們看看最終的渲染:讓我們從:1開始。布局。讓我們談談網頁的一般大小和高度:沒有固定的值。由于每個人的瀏覽器工具欄不同,我看到一些瀏覽器工具

先看最終效果圖:

  下面開始講解:  1.布局  先來說一下 我們制作網頁一般的大小  高度:沒有一個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被插件占了半個屏幕,所以高度沒有確切值。

  寬度:  1、在IE6.0下,寬度為顯示器分辨率減21,比如1024的寬度-21就變成1003。

但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。

  2、在Firefox下,寬度的分率辨減19。

比如1024的寬度-19就變成1005  3、在Opear下,寬度的分率辨減23。

比如1024的寬度-23就變成1001  注:Firefox或Opear在內容少于瀏覽器高度時不顯示右側滾動條。

  所以如果是1024的分辨率,你的網頁不如設成1000安全一點。

  如果是800的分辨率一般都設成770。

  這些需要明白并且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化 所以 800的分辨率一般設定760左右,1024的設定990左右.

  我這樣用輔助線和標尺把大概范圍劃分出來,注意我的劃分,正好是770,和1000的地方,應為我要做的網站是1024分辨率下的,但是考慮到依然可能存在800分辨率的用戶,所以我回把主要的內容和菜單都放置在770以內,770-1000的地方放一些輔助的東西,這個習慣特別是在做一些門戶網站設計的時候更要考慮以下,畢竟改善用戶體驗也是我們要考慮的問題.  2.開始工作  我們繼續講解,現在我們來畫上部菜單部分的內容,其實很簡單拉,就是畫一個方框,一個圓,然后組合,加上漸變就可以了,如下圖設置

  3.下面我們來畫哪個類似徽章的東西  其實也很簡單,創意是類似獎狀上貼的哪個獲獎標志一樣,會讓網站生動一點,嘿嘿.  我們選擇多邊形,如圖:

  設置如下,繼續貼圖,大家要注意一下圖層順序,拖動到下層就好了

  恩 要注意,這個圖層我們固定了以后通常就不動了,所以要鎖定,不然鼠標晃來晃去很容易把圖移位,注意圖層那里點一下就多了一個小鎖子,方便吧,這下他就徹底不干擾我們了!

  好的我們繼續,其實其他的東西都大同小異  我們來研究一下細節.  我最喜歡的就是firewroks超級多的紋理,在ps里面有些紋理要自己做真的好麻煩啊!  我最喜歡的對角線,恩  看頁面左邊的漸變部分,其實就是拉出來了一個矩形,然后加上線性的漸變,然后加上對角線的紋理,稍微調整一下透明度,就這么簡單,效果卻很好看,嘿嘿

  下一個小地方,就是產品資訊的背景框,其實也很簡單  就是一個矩形,然后外框為紅色,矩形加一個內部發光,發淺灰色的光,就這樣就成了

  下一個地方 就是右上角大家可以看到一個類似網格的底紋  其實就是一個矩形,再加上一個蒙版,一個漸變,就ok了,現在看起來是不是生動很多,嘿嘿  OK,看圖

  就這樣一個網站的平面設計三下五除二的就搞定了,嘿嘿,怎么樣fireworks方便不!  OK,今天就到這里,再欣賞一下我們的作品吧,不錯吧! 注:更多精彩文章請關注電腦高手網頁設計欄目。

版權聲明:本文由 萊明喆 整理編輯。

原標題:用frontpage制作網頁,如何用frontpage制作網頁

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

上一篇:什么是拖尾,拖尾

下一篇:pettee pane,pane

文章評論

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

    用戶名:

    驗證碼:

作者推薦

  • 電腦老是自動關機,自動關機怎么設置

    電腦老是自動關機,自動關機怎么設置 相關圖片電腦自動關機維修有時我們需要離開計算機一段時間,但當計算機仍在工作,暫時不能關機時,我們可能會想到設置計算機自動關機,但在計算機設置中找不到自動關機的設置項,那么...

  • ie internet選項在哪,ie的internet選項

    ie internet選項在哪,ie的internet選項 相關圖片怎么設置internet選項我們都知道IE瀏覽器的Internet選項包括了Internet瀏覽器的所有設置。不要低估互聯網的特性。其中可能有很多文章,但是有些用戶不知道計算機IE的Int點internet選項沒反...

  • pettee pane,pane

    pettee pane,pane 相關圖片epanechikovHTML幫助允許用戶在幫助窗口中使用工具欄、查看目錄和幫助主題。目前,有兩種方法可以創建三窗格類型的HTML幫助窗口:使用HTML幫助工作坊使用HTML幫助APpaney...

  • microsoftedge打不開,microsoft edge閃退

    microsoftedge打不開,microsoft edge閃退 相關圖片microsoft edge更新Win10系統是微軟最后一個獨立的Windows版本。與以前的系統更新相比,系統更新更頻繁。雖然WI10在不斷改進,但一些問題是不可避免的。例如,有些win10microsoft edge兼容...

  • 水滴 動畫,有關水滴的動畫

    水滴 動畫,有關水滴的動畫 相關圖片水滴動畫圖片步驟1:打開flash 8軟件并創建一個新的flash文檔。創建4個新層,分別命名為:水滴、水滴聲、飛濺水和海水。如下圖所示:步驟2:創建4個新層后,單擊bloae做水滴動畫...

  • 電腦怎么讓他不休眠,怎么讓電腦馬上休眠

    電腦怎么讓他不休眠,怎么讓電腦馬上休眠 相關圖片怎么讓電腦不自動休眠系統的睡眠功能可以方便我們的操作。睡覺后,所有的工作都會保存在硬盤上。在我們再次打開計算機后,這些程序不會重新加載。晚上,當我們掛機下載東西時...

  • 表格對象,表格對象是什么

    表格對象,表格對象是什么 相關圖片表格文檔中的對象怎么關如果需要在軟件中輸出報告,可能有很多方法,但不容易實現。事實上,DHTML提供的表單在很大程度上可以滿足一般需求。本文試圖通過包裝DHTML表的操作,使程...

  • office2007怎么看激活,office2007查看激活

    office2007怎么看激活,office2007查看激活 相關圖片office2007激活代碼Office軟件對Office來說幾乎是必不可少的。在許多方面都需要辦公軟件。微軟Office 2007是一款非常好的辦公軟件。像許多軟件一樣,office是付office2007永久激活...

  • 大氣網頁設計,簡約大氣網頁設計

    大氣網頁設計,簡約大氣網頁設計 相關圖片簡單網頁設計圖采用高識別度字體設計,再加上吸引人的細節設計,確實是一個吸引用戶注意力的強大工具。優雅的線條輪廓和美麗的氣泡裝飾與其他視覺元素完美結合,營造出一種安...

  • tplink路由器,tplink無線路由器怎么設置

    tplink路由器,tplink無線路由器怎么設置 相關圖片tplink路由器設置密碼Tplink是公眾經常選擇的路由器品牌。本文將解釋如何設置tplink無線路由器。由于目前移動網絡的話費仍然很高,很多人會選擇使用無線路由將寬帶網絡變成家庭無線...

熱評文章

  • wifi共享精靈使用方法,wifi共亨精靈

    wifi共享精靈使用方法,wifi共亨精靈 相關圖片wifi精靈看到很多網友詢問如何使用分享向導,小編就要搜索一個教程并給他們發一個鏈接。結果搜索半天,包括百度的體驗文章,很多文章都說模棱兩可,沒有真正的操作方法說到位。...

  • 快捷鍵,快捷鍵怎么設置

    快捷鍵,快捷鍵怎么設置 相關圖片運行的快捷鍵快捷鍵可以提高我們平時的工作效率。今天,我將介紹Dreamweaver文件面板的快捷鍵。鍵盤快捷鍵...

  • 電腦怎么老是自動關機,電腦開機一會就自動關機

    電腦怎么老是自動關機,電腦開機一會就自動關機 相關圖片電腦玩著玩著自動關機如果計算機能夠自動完成關閉計算機的任務而不需要人工干預,這樣可以節省很多時間,那么設置自動關閉就顯示了它的功能。小編為您提供設置電腦自動關機的...

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

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

  • 什么是拖尾,拖尾

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

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

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

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

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

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

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

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

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

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

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

關注微信

变脸官网查询