还是先学dreamweaver上手比较快一点，如果从未接触过代码，开始学习代码的话，可能会觉得比较枯燥。学会了dreamweaver再学一下css网页布局的知识，设计页面会更方便，效果也会好得多。
向深层发展么，学的东西就很多了，但是对装饰淘宝页面就有些浪费了，比如制作网页起码要学习一下javascript，但是淘宝禁止了javascript代码功能。学习它也就是出于喜好了。可以再学其它的一些语言，比如php等等。关于javascript和php等编程方面的书最好看国外的优秀的图书，看不懂原文看翻译的也可以了。
你可以在body里使用两个div 分别把class属性设置成left和right 在css中设置.left和.right 就可以了你可以试试把css写成这样
（记得在head标签中把css连上链接如下
<link rel="stylesheet" type="text/css" href="01.css">//01.css是css的文件名）
这是css设置div的代码：
.right {
float: right
width: 520px
text-align: justify
}
.right h2 {
font-size: 18px
font-weight: 100
padding: 15px 0 7px 0
}
.left {
float: left
width: 200px
margin-top: 10px
background: #004990
}
.left h2 {
margin: 10px 0 0 0
padding-left: 10px
height: 28px
line-height: 28px
color: #fff
font-size: 13px
background: #788BBD
}
设置下css使用float属性
<div id="h1_left" style="float:left">
<ul>
<li style="font-weight:900">欢迎访问当当网</li>
<li style="float:right">[<a href="">注册</a>]</li>
<li style="float:right">[<a href="">登陆</a>]</li>
</ul>
</div>
横向排列，不建议使用ui li
