使用adobe dreamweaver制作网页首先要了解该软件的一些基础知识,比如认识工作环境、建立网站站点、新建网页页面开始 。
1.工作环境
Dreamweaver提供网页规划、设计到管理全方位功能,兼顾设计与程序开发,是制作网页时的不二之选 。提供「所见即所得」的可视化环境,设计阶段即能准确掌握呈现效果 。软件的强大设计功能,让网页设计人员能轻易摆脱HTML原始码的限制,以较少的时间做出具专业水平的站点 。请各位由「开始」菜单执行「Adobe Dreamweaver CC」,即可开启Dreamweaver程序 。
![adobe dreamweaver怎么制作网页](http://pic.caodingtushuguan.com/230303/1420294194-0.jpg)
文章插图
当各位在「新建」处点选「HTML」选项,建立第一个HTML文件后,就会进入Dreamweaver的工作界面 。在开始操作软件之前,让我们先熟悉一下工作环境 。
![adobe dreamweaver怎么制作网页](http://pic.caodingtushuguan.com/230303/1420293311-1.jpg)
文章插图
菜单
放置Dreamweaver各项编辑命令的区域,不过许多功能命令可透过鼠标右键所显示的快捷菜单来执行 。
插入面板
插入面板用来插入各式各样的网页组件,面板上的每一个图标都代表着一种元素,只要点选面板中的功能图标,就可以将相关组件放置到网页上 。至于「插入」面板的开启及隐藏,可由「窗口/插入」命令来切换 。
文档窗口
预设状态会在文档名称下方显示「文档工具栏」,内含「代码」、「拆分」、「设计」、「实时视图」及「文件标题」、「文件管理」等工具钮 。另外, reamweaver还提供有「标准工具栏」,内含「新建」、「开启」、「储存文件」、「全部储存」及「剪切」、「复制」、「贴上」、「还原」、「重做」等快速工具,如要显示「标准工具栏」,可勾选「查看/工具栏/标准」命令 。
![adobe dreamweaver怎么制作网页](http://pic.caodingtushuguan.com/230303/1420292535-2.jpg)
文章插图
属性面板
可对页面中的各种元素进行调整及编辑 。当各位在页面上点选不同的网页元素时,属性面板也会对应显示不同的属性 。执行「窗口/属性」命令可决定是否显示「属性面板」 。
其它工作面板
其它工作面板则是放置各种类别的辅助编辑面板,画面上所看到「CSS设计器」、「CSS过渡效果」、「文件」等面板,都是Dreamweaver预设启动的工作面板 。
2. Dreamweaver建立站点
「建立站点」是在Dreamweaver中设计网页的首要步骤,各位必须要在硬盘中建立一个用来放置所有网页内容的文件夹,然后利用Dreamweaver来对此文件夹进行管理 。利用Dreamweaver在本机建立站点的方式相当简便快速,只要简单的步骤,便可完成设定 。
![adobe dreamweaver怎么制作网页](http://pic.caodingtushuguan.com/230303/1420294I0-3.jpg)
文章插图
![adobe dreamweaver怎么制作网页](http://pic.caodingtushuguan.com/230303/14202945F-4.jpg)
文章插图
![adobe dreamweaver怎么制作网页](http://pic.caodingtushuguan.com/230303/1420292922-5.jpg)
文章插图
![adobe dreamweaver怎么制作网页](http://pic.caodingtushuguan.com/230303/14202940H-6.jpg)
文章插图
【adobe dreamweaver怎么制作网页】3. 新建网页页面
要在站点中新建网页文档及文件夹时,可以利用「文件」面板来进行,一般站点首页所使用的文档名称通常为「index.html」 。此处我们以前面建立的「班级站点」来做说明 。
![adobe dreamweaver怎么制作网页](http://pic.caodingtushuguan.com/230303/14202a0c-7.jpg)
文章插图
![adobe dreamweaver怎么制作网页](http://pic.caodingtushuguan.com/230303/1420296018-8.jpg)
文章插图
你也可以执行「文件/新建」命令来新建网页文档,并且在「新建文档」的窗口中选用文件类型 。不过采用此方式新建文件时要记得执行存盘动作,并且在存盘的过程中设定文件名称 。
![adobe dreamweaver怎么制作网页](http://pic.caodingtushuguan.com/230303/1420292J1-9.jpg)
文章插图
这是我个人觉得使用adobe dreamweaver制作网页必须要知道的基础知识,剩下的就靠对干软件的细心学习了,祝您快速掌握该软件!
推荐阅读
- qq飞车悬浮车怎么开
- 怎么切肉末
- 网络有限的访问权限是怎么回事
- 松树纱的英文名怎么说
- 冬天包子二次醒发放哪里合适,冬天包子二次醒发不了怎么办
- 博德之门3地精营地怎么刷 博德之门3刷地精营地心得分享
- 电脑软件卸载不干净怎么办
- 抖音完整版怎么弄的
- 小虾怎么炸好吃 怎么炸小虾好吃
- word未经授权产品怎么激活