制作企业宣传网站实例.docVIP

制作企业宣传网站 步骤一：打开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样式文件以修饰网页元素图像或文本 如main.css，自己参考 步骤五、在各表格单元格中插入图像或文本，并进行格式化和超链接信息的设置 步骤六、在需要的地方编写javascript脚本代码以实现相应功能 步骤七、为模板定义可编辑区域，为下一步子页面的制作提供条件 如左侧大图、about restaurant、正文区域等。 步骤八、保存模板，查看模板显示效果