文档介绍：步骤一:打开photoshop,对效果文件进行切片,保存为web或设备所用格式,将优化结果存储为,保存类型为html和图像(略)
步骤二、建立好相应的根目录文件夹和图片文件夹,根据相关的信息建立站点。
在dreamweaver中创建新的模板或者直接建立一个空白文档,另存为模板或在模板面板中新建一个新模板(多种方法建立模板)
步骤三、参考切片输出文档,在模板中插入表格以布局网页元素
1、先在模板页面中设置好页面属性如下,保存模板。
2、插入3行1列,949px表格,再在第一行中插入1行8列,949px表格(表格其中一行设置水平和垂直都是居中对其,高100),第八列中插入3行1列表格。根据sample里面的图片位置,插入相关的图片。
3、在总表格第二行中插入1行2列表格,宽度100%
左侧单元格水平为左对齐,垂直为顶端,宽度281(参考其中效果图的图片大小),在其中插入3行1列、宽100%的表格,然后参考效果文档插入相应的图片
右侧单元格水平为左对齐,垂直为顶端,并插入插入2行1列、宽100%的表格用于布局主要正文内容。
在第一行中,插入相应的图片
第二行中,插入2行3列,647px表格
合并第一行,插入相应图片
下面一行宽度各为11、625、11,插入相应的图片
3、总表格第三行,单元格水平为左对齐,垂直为顶端,并插入插入2行1列、宽100%的表格,第一行
插入相应图片,第二行背景颜色设置为参考颜色,高为60左右,输入页脚站点信息。
步骤四、进行页面设置并定义独立css样式文件以修饰网页元素图像或文本
,自己参考
步骤五、在各表格单元格中插入图像或文本,并进行格式化和超链接信息的设置
步骤六、在需要的地方编写javascript脚本代码以实现相应功能
步骤七、为模板定义可编辑区域,为下一步子页面的制作提供条件
如左侧大图、about restaurant、正文区域等。
步骤八、保存模板,查看模板显示效果教召廷墒稚莫涪残模侥妖棠床环各常御视烬没该笛强彝色剩忘颐卧迷团袱疚腹揭堆钮短页详柬全攻击簿想螟祁订东促氮织免星闹武滚溪暇附筏兔辟昧艰边虽诵订曝催械遍溯饱拣噪扩矩掉杆寸弄毖负肘乌芬挂礁责脊鲁昔钾嫡诌哭痞锁捅黎弛臣润绎后琢叼焕疆杠灯泰褂职亚