dw网页设计素材图片-dw网页制作基本步骤_用dreamweaver制作网页详细步骤（设计网站首页）

1、网站设计思路

在开始制作每个网页之前卡通形象，一般需要在Firworks或者Photoshop等图像设计软件中设计出基本的页面设计。 图4-1-1是在Photoshop中设计的基本页面设计。

图4-1-1 Doking的BLOG基本页面设计

图4-1-1中序号①处用红色方圈标记的部分为网页左栏。 目前它是空白的。 其栏目将在后续章节中一一添加。 序号②处用红色方圈标记的部分是网站的导航栏，由第三章建立的dkblog.mdb数据库中的LM表动态生成。基本思路清晰后，开始构建模板对于网站。

2. 建立网站模板

设计思路：构建网站模板，统一网站网页设计。 网站栏目菜单的内容是由数据表的动态LM生成的，这也方便了网站栏目菜单内容的修改。

（1）打开【文件】→【新建】，打开【新建文档】对话框dw网页设计素材图片，选择“类别：”为“模板页面”，选择“模板页面：”为“ASP.NET VB模板”，结果如图4-1-2所示。

图4-1-2 新建模板对话框

（2）单击“创建”按钮，插入图层，在其属性窗口中，将ID设置为“main”，将“左（L）”和“上（T）”设置为0px，并将“宽度 (W)" 为 100% 并对齐到中心。 这是为了使网页居中。

（3）插入一个表格dw网页设计素材图片，设置ID为“bodyT”，设置宽度为780像素（这是根据你基本页面设计的宽度来设计的），设置单元格的边距和间距为0，并设置边框厚度设置为 0。

(4) 将“bodyT”表格的第二行垂直对齐设置为顶部卡通人物，然后将其拆分为2列。 将第一列的宽度设置为220px，将第一列的宽度设置为560px（分配的列的宽度也是根据您的基本页面设计分配的），将第1列放在后面