一个网页学者对初学静态网页的思考和总结,通过这篇文章可以让许多网页初学者,对学习网页设计带来一定的指引,文中将会提到学习网页设计将要利用到的,和一些简单网页效果的制作,
工具/原料
MyEclipse/Dreamweaver
html基础知识
静态网页的大体框架
下面我来展示一个网页的大体模板是什么!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> 这部分一般网页编辑器都会自动生成 ,表示网页显示的格式
- 打开百度
- a herf='谷歌的网址'>打开Google 这里有一个无序列表,用来指引别人打开百度或谷歌,也是无序列表结合链接的应用
这是个水平线可以隔开上下文的内容这个可以实现上下移动的文字,文字有一个链接,onmouseout这个当鼠标离开,实现开始移动,onmouseover='lk.stop()' 鼠标经过,则移动的文字停止 返回页首这里对应一开始的文档标题锚点链接的名字,所以点击这个链接将回到刚开始标记的位置,href要填写前面锚点标记的名称这里对应了 前面的b,但需在前面加一个#,也即是#b这个文档的结束
实例学习
在看一个实例吧