下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

使用Dreamweaver编写网页

作者:课课家教育     来源: http://www.kokojia.com点击数:1232发布时间: 2016-11-18 11:00:56

标签: Dreamweaver设计制作网页页面设计

Web开发

  作为网页制作的“三剑客”之一的Dreamweaver软件,它是网页制作中占着必不可少的地位,所以,大家制作比较复杂的网页的时候,必须要使用它的,所以今天小编就为大家带来的是一个很基础的Dweamweaver制作网页的教程,这是给大家一个学习制作网页的基础部分,希望对大家有所帮助,感谢大家的支持。

  步骤1:打开Dreamweaver软件,创建一个新的项目,如下图所示:

使用Dreamweaver编写网页_Dreamweaver设计_制作网页_页面设计_课课家

  步骤2:当我们创建一个新的空白页面之后,它的空白代码会显示处理,不要看它很复杂,其实,它是空白的,要我们去填写缺乏的重要代码。如下图所示:

当我们创建一个新的空白页面之后,它的空白代码会显示处理,不要看它很复杂,其实,它是空白的,要我们去填写缺乏的重要代码。

  步骤3:修改Dreamweaver文件的名字,接着保存到相应位置(先保存,再进行代码的编写),如下图所示:

修改Dreamweaver文件的名字,接着保存到相应位置(先保存,再进行代码的编写)

  步骤4:关键步骤是代码的编写。第一步是标题的编写,需要设置你所需要的标题;第二步是页面的背景颜色,其中数字代码就是颜色的代码,这需要我们去查阅代码大全,接着是背景的横杠代码编写,如下图所示:

关键步骤是代码的编写。第一步是标题的编写,需要设置你所需要的标题;第二步是页面的背景颜色,其中数字代码就是颜色的代码,这需要我们去查阅代码大全,接着是背景的横杠代码编写

  步骤5:当我们完成页面的基础部分后,就要添加页面的图片,src就是页面图片添加的代码,选择你所需要的图片,如下图所示:

当我们完成页面的基础部分后,就要添加页面的图片,src就是页面图片添加的代码

选择你所需要的图片

  步骤6:设置页面的宽度与高度,如下图所示:

设置页面的宽度与高度

  步骤7:最后进行预览与保存,如下图所示:

最后进行预览与保存

  最终效果:

最终效果看起来挺不错的

  小编结语:与许多Dreamweaver制作网页一样,都是代码的编写,所以,这是一个很基础的制作,当制作一些比较复杂的页面的时候,可能还需要运用到flash动画,PS等等,所以,要好好地学会Dreamweaver制作,再进行复杂页面的制作,添加一些FLASH动画。感谢大家的支持。

赞(10)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程