国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > 網(wǎng)頁設(shè)計怎么做啊,從哪里入手呢。寬、高、分辨率、像素該怎么設(shè)置呢!畢業(yè)

網(wǎng)頁設(shè)計怎么做啊,從哪里入手呢。寬、高、分辨率、像素該怎么設(shè)置呢!畢業(yè)

時間:2024-02-13 00:45:02 | 來源:網(wǎng)站運營

時間:2024-02-13 00:45:02 來源:網(wǎng)站運營

網(wǎng)頁設(shè)計怎么做啊,從哪里入手呢。寬、高、分辨率、像素該怎么設(shè)置呢!畢業(yè)設(shè)計?。?!快幫我~?:一般來說網(wǎng)頁需要按照1024分辨率為最低標(biāo)準(zhǔn)來設(shè)計和布局,即寬度小于等于1024px,但在當(dāng)下寬屏、響應(yīng)式盛行,并不需要去嚴(yán)格按照某一尺寸去寫頁面,我們可以將1920×1080px做為主流屏幕分辨率來適配,網(wǎng)頁寬度在950~1400px左右均可,高度不限制...

看到這個提問,一定是個新新新手,萬事開頭難,你現(xiàn)在還處在不知道怎么開頭的時期,我寫了一個簡單的網(wǎng)頁框架希望能幫到你,你可以以此為基礎(chǔ),參考網(wǎng)頁個版塊的布局以及你想了解的尺寸設(shè)置(看代碼中的css),也可以在此基礎(chǔ)上填充自己的主題和內(nèi)容。前端頁面的畢業(yè)設(shè)計要盡可能的融入學(xué)到的前端知識點,常規(guī)的頁面都要有頁頭、導(dǎo)航欄或可下拉導(dǎo)航欄、輪播圖、新聞或其他內(nèi)容填充、多欄布局、底部footer這些版塊構(gòu)成...(示例如下圖)

代碼如下:

<!doctype html><html><head><meta charset="utf-8"><title>INDEX</title><style type="text/css">body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}.top { height: 120px; width: 1200px; margin-right: auto; margin-left: auto; font-family: "微軟雅黑"; font-size: 37px; line-height: 120px; color: #666; text-indent: 35px; background-color: #f2f2f2; font-weight: bold;}.bar { background-color: #cccccc; height: 52px; width: 1200px; margin-right: auto; margin-left: auto;}.bar .menu { float: left; height: 53px; width: 150px; font-family: "微軟雅黑"; font-size: 16px; line-height: 53px; font-weight: bold; color: #000; text-align: center; margin-left: 3px; border-right-width: 1px; border-right-style: solid; border-right-color: #dedede;}a:link { color: #000; text-decoration: none;}a:visited { text-decoration: none; color: #000;}a:hover { text-decoration: none; color: #F60;}a:active { text-decoration: none;}.content-all { height: 652px; width: 1200px; margin-right: auto; margin-left: auto; margin-top: 20px; font-family: "微軟雅黑"; font-size: 16px;}.footer { background-color: #CCC; height: 50px; width: 1200px; margin-top: 30px; margin-right: auto; margin-left: auto; font-family: "微軟雅黑"; font-size: 16px; line-height: 50px; color: #000; text-align: center;}.content-all .left { height: 650px; width: 260px; border: 1px solid #d2d2d2; float: left; background-color: #dbdbdb;}.content-all .middle { height: 650px; width: 573px; border: 1px solid #d2d2d2; float: left; margin-left: 50px; background-color: #FFF;}.content-all .right { height: 650px; width: 260px; border: 1px solid #d2d2d2; float: left; margin-left: 50px; background-color: #e8e8e8;}.banquan { height: 36px; width: 1000px; margin-right: auto; margin-left: auto; border-top-width: 1px; border-top-style: solid; border-top-color: #f2f2f2; background-image: url(http://cdn.psdhtml.cn/lxidw7.svg); background-color: #FFF; margin-top: 30px;}</style></head><body><div class="top">此處為標(biāo)題欄</div><div class="bar"> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">首頁</a></div> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">推薦</a></div> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">新聞</a></div> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">圖庫</a></div> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">關(guān)于</a></div> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">更多</a></div></div><div class="content-all"> <div class="left">&nbsp; 三列布局-左側(cè)</div> <div class="middle">&nbsp; 三列布局-中部</div> <div class="right">&nbsp; 三列布局-右側(cè)</div></div><div class="footer">版權(quán)信息欄</div><div class="banquan"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?ym" target="_blank"><img src="http://cdn.psdhtml.cn/lxidw7.svg" width="1000"></a></div></body></html>


還有一個之前寫的首頁(含源碼)也可以參考下:

?? 我往期做的很多網(wǎng)頁設(shè)計作業(yè)成品,版式和源碼等也都可以在下方我的專欄拿去參考借鑒~



關(guān)鍵詞:分辨,畢業(yè),設(shè)置,入手,設(shè)計

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉