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-works/html/qiye/179.html