在上几篇文章之中有提过如何用Dreamweaver制作站点,现在教大家如何用Dreamweaver创建页面和布局;网页设计的实现可以通过两种方式,一种是传统的表格布局方式,另外一种是css布局方式。表格布局的核心在于设计一个能满足版式要求的表格结构,将内容装入每个单元格中,间距及定格则通过插入图像进行占位来实现,最终的结构是一个复杂的表格,不利于设计与修改。div在使用时不需要想表格一样通过其内部的单元格来组织版式,通过css强大的样式定义功能可以比表格更简单,更自由地控制页面版式及样式。复杂的表格设计使布局极为困难,修改更加繁琐,最后生成的网页代码除了表格本事的代码,还有许多没有意义的图像占位符及其他元素,文件量庞大,最终导致浏览器下载解析速度变慢。css布局的重点不再放在表格元素的设计中,取而代之是html中的另一个元素div,div可以理解为图层或者块。
具体过程:
1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。
2、在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
3.此时光标位于左上角,可输入一句话,如“杭州网站建设”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。
学习了这些加上之前的知识,相信对Dreamveaver网页设计应该有了一个比较深的了解了。需要工作上岗那就需要下决心更加的努力突破自己。
以上内容由杭州酷软科技(http://www.kucms.cn/)发布,转载请注明出处
相关关键词: