dreamweaver网页设计作业制作 学生个人网页单页 WEB静态网页作业模板 大学生个人主页博客网页代码 dw个人网页作业成品

网页难度

网页设计DIV CSS学生水平,代码简单。

网页内容

单页面页内跳转类型网页,页面内容主要包括关于、技能、照片、留言。

网页介绍

网页采用DIV布局制作,网页中的顶部导航使用CSS制作了鼠标经过变色及下划线效果。使用CSS设置了背景图片。顶部导航点击会跳转到页面内对应的锚点定位。页面插入了网页背景音乐。页面底部插入了留言表单。

网页效果

在这里插入图片描述

代码示例

为保证作品的原创性,此处仅展示局部HTML代码。完整作品可前往 stu-works.com 查看

<div class="top">
	<div class="topr">
		<ul>
			<li><a href="">首页<br/><span>HOME</span></a></li>
			<li><a href="#about">关于<br/><span>ABOUT</span></a></li>
			<li><a href="#skill">技能<br/><span>SKILL</span></a></li>
			<li><a href="#photo">照片<br/><span>PHOTO</span></a></li>
			<li><a href="#message">留言<br/><span>MESSAGE</span></a></li>
		</ul>
	</div>
</div>
<div class="title" id="about">关于 / ABOUT</div>
<div class="con2">
	<div class="con2s">
		<div class="con2s_pic"><img src="images/tx.jpg" width="100%" /></div>
	</div>
	<div class="con2x">
		<div class="con2xs">
			<ul>
				<li style="width:320px;">姓名:XXX<br/>学校:XXXXXXXX<br/>专业:XXXXXXX</li>
				<li>年龄:XXXXX<br/>邮箱:XXXXXXXXXX<br/>家乡:XXXXXXXXXX</li>
			</ul>
		</div>
		<div class="con2xc">爱好:</div>
		<div class="con2xx">
		XXXXXXXXXXXXXXXXXXXX<br/>
		XXXXXXXXXXXXXXXXXXXXXXXXXX<br/>
		XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
		</div>
	</div>
</div>

网页修改

作品下载后可自行修改文字、替换图片、音乐等内容。文字内容可以直接使用Dreamweaver、HBuilder、NotePAD等软件编辑修改为个人信息,图片可直接在源文件中替换。

  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

STU网页设计

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值