网站建设教程|网站建设
作者：佚名 时间：2012-07-18
为网站设计一个版式
版式一般是在Photoshop上设计的，之后使用Photoshop或者ImageReady切图，再使用Dreamweaver排版，插入图片，完善内容，过程就是这样的。一般的网站都是由网站头部，网站躯干，网站尾部组成的，其中躯干部分还可以再分。我们以梦之都首页为例，梦之都网站的首页就是由网站头部，网站躯干，网站尾部三部分组成的，躯干部分还分为左侧文章列表，右侧文章内容。
首先我们先在Phostoshop上绘制梦之都的首页(由于梦之都网站的排版没有用到任何的图片，所以绘制比较简单)，之后根据绘制出的图形在Dreamweaver中排版。
下面的排版方式是使用了html+css(div+css)的方式(在CSS高级教程中我将详细讲解此内容)
我们先对网站进行内容的填充，使用html(下面的代码和正真的梦之都首页有些出入，例子部分以下面代码为准),使用Dreamweaver打开default.html输入下面代码:
上海网站建设
为初学者提供一个在线的自学之地,为设计者提供一个网络编程的中文参考之地
首页 | HTML教程
教程 Tutorials
一步步的教会你网页设计与HTML语言
- 什么是HTML
完善的HTML标签
- HTML标签
HTML教程中的所有示例
所有代码与示例都是可以编辑的,现在就开始吧.
- HTML代码
如果大家不太了解上面的代码，可以先学习HTML教程
设计CSS
首先在style文件夹下建立一个style.css的文件。在default.html中增加
CSS文件可以从梦之都下载 下载地址
如果大家不太了解上面的代码，可以先学习CSS教程。
好!你已经成功的完成了一个正真的符合web标准的和使用html+css(div+css)排版的网页了!
其它的栏目与页面，和上面的实现方式一样，你可以自己尝试一下。
来自上海网站建设
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/news/20151229/n6873.html
