用Dreamweaver制作网页的基本步骤,dreamweaver制作网页教程
Dreamweaver往往是很多初学者的首选编辑软件。制作模板会大大提高网页的复用性,那么如何使用dreamweaver制作模板网页呢?接下来给大家分享一下dreamweaver制作模板网页的详细方法和步骤!希望能帮助到有需要的朋友。
刚进入dreamweaver,点击“新建”下的“更多”,然后选择一个空白页。页面类型为html模板,布局为无。
插入表格(在菜单栏中选择“插入”,然后找到表格)。表格中的布局是根据您的需要设置的。这里,我将行数设置为5,列数设置为1,表格的宽度设置为1000像素。插入表格后,选择整个表格。选择后,表格框将为黑色加粗,底部设置为居中对齐。
在表格的第一行插入一个图像(在菜单栏中选择插入,然后找到图像),在第二行添加滚动字幕。第三行插入表格(方法同上),1行4列,表格宽度为100%。插入表格后,选择第三行中的表格。选择后,表格的边框将为黑色加粗,表格将在底部居中,宽度为20%。
选一些三线的词,比如头版,李白,杜甫,白居易。创建一个新的css文件,构建另一个css,设置文字中的颜色和背景中的颜色,并区分它们。选择第三行,使用新创建的css,然后创建一个新的css,并将该css用于表格的边框。
[!- empirenews.page - ]
在第四行插入一个可编辑区域。点击确定,可编辑区域即EditRegion3中的文本可以被移除,可编辑区域的面积可以通过换行来放大。
在第五行插入一个可编辑区域。我还插了横线,加了版权。最后拯救。至此,模板已经建好了。
在模板中创建新页面,找到新模板,创建并保存为index.html(网站首页),然后重新打开新模板,在可编辑区预测并输入李白的信息,保存为libai.com。这时候你会发现,你只能在可编辑区域输入内容,其他区域是不可操作的。这是模板的特点。同样,两个新的网页正在建设,分别是杜甫和白居易。
现在,我们只需要用超链接将上述网页连接起来。在模板中选择主页,并在下面的html链接中输入主页的名称,即index.html。同样的,选取李白、杜甫、白居易来连接。超链接完成后,文字下方会多出一条水平线。
完成后,在index.html打开它看看效果。点击图片中的小地球图标查看。
注意事项:
在制作网页之前,你首先要管理好网站,也就是把制作网页需要的东西都放在那个文件里。
小编推荐:
Dreamweaver中文版:http:///soft_tx/2324.html
Adobe Dreamweaver CS5 (32/64位):http:///soft_tx/1863.html