HTML静态华为网站设计作品制作

网页作品介绍

本HTML静态网页作品采用DW制作，主题为华为热门产品，共10个页面，首页1页，二级图文页面1页，二级产品1页，三级产品详情6页，留言表单1页。

学生基础水平，未使用特殊技术，制作了留言表单页面，表单页面插入了背景图，美化了表单项。三级产品介绍页面直接调用的图片。

页面整体精美但无技术难点，只是图片漂亮，适合中低要求。

网页效果预览

以下为网页作品首页截图

网页文件展示

网页代码展示

代码说明：以下仅展示首页部分代码供参考：

<div class="con"><div class="top"><div class="logo"><img src="image/logo.jpg" height="93px"></div><div class="nav"><ul><li><a href="index.html"><b>首页</b></a></li><li><a href="guanyu.html">关于华为</a></li><li><a href="chanpin.html">企业产品</a></li><li><a href="fuwu.html">客户服务</a></li></ul></div></div><div class="banner"><img src="image/banner.jpg" /></div><div class="cg"><ul><li><p><a href="chanpina.html"><img src="image/cp/cpa.png" width="380px"><br>HUAWEI Mate X 5G</a></p></li><li><p><a href="chanpinb.html"><img src="image/cp/cpb.png" width="380px"><br>华为平板 M6</a></p></li><li><p><a href="chanpinc.html"><img src="image/cp/cpc.png" width="380px"><br>HUAWEI MateBook X</a></p></li><li><p><a href="chanpind.html"><img src="image/cp/cpd.png" width="380px"><br>华为儿童手表 3X</a></p></li><li><p><a href="chanpine.html"><img src="image/cp/cpe.png" width="380px"><br>Makeblock Python编程机器人</a></p></li><li><p><a href="chanpinf.html"><img src="image/cp/cpf.png" width="380px"><br>华为5G随行WiFi Pro</a></p></li><ul></div></div>

作品地址

stu-/html/qiye/179.html