软件之家:安全,绿色,高速的专业下载站! 首页|最近更新|站内导航

网页设计怎么做,网页设计软件Adobe Dreamweaver使用教程

时间:2020-03-30 14:06:19 来源:www.downmsn.com 人气:

现如今想制作个人网站的人越来越多了,但是好多人都是零基础的小白,那么今天小编给大家带来一看网页设计软件他就是Adobe Dreamweaver,Adobe Dreamweaver是一个集设计和代码于一体的编辑器,是一个用于构建网站和web应用程序的专业工具。

现如今想制作个人网站的人越来越多了,但是好多人都是零基础的小白,那么今天小编给大家带来一看网页设计软件他就是Adobe Dreamweaver,Adobe Dreamweaver是一个集设计和代码于一体的编辑器,是一个用于构建网站和web应用程序的专业工具。用户可以在使用这些工具时自由切换,并可以快速创建和创建网站。

Adobe Dreamweaver

网页设计软件Adobe Dreamweaver安装使用教程

一、qq下载站搜索并下载Macromedia Dreamweaver 8 web编辑器安装包,然后单击[下一步]。

二、选择[我接受许可协议]后,单击[下一步]。

三、选择安装路径和快速命令后,单击[下一步]。

四、选择默认编辑器并单击[下一步]。

五、单击[安装]。

Adobe Dreamweaver

六、稍等片刻后,dreamweaver8软件成功安装。

如何使用Adobe Dreamweaver 8

七、确保index.html文件在文档窗口中打开。

八、按F12(Windows)或+F12(Macintosh)选项。主浏览器启动(如果尚未运行)并显示索引页。

Adobe Dreamweaver

九、我们返回软件,在页面中进行非常有效的设置,完成后我们重新进入软件,并且单击f12进行确认。

新建CSS标准

十、在选项面板中我们可以直接单击下面的[New CSS rule]

十一、css框内,我们可以直接选择[Class]默认情况下应选择此选项。

十二、在文本框[名称]中输入.bold。

十三、在弹出菜单[定义位置]中,选择townsend.css coffee。默认情况下,必须选择该文件。

十四、单击[确定]。

十五、此时会出现[Define CSS rule]对话框,指示您正在townsend.CSS coffee文件中创建一个名为.bold的类样式。

Adobe Dreamweaver

十六、然后我们可以在css标准中做出一下选择

十七、下面我们在框内填上Verdana,sans sheriff,并且完成操作

十八、在“颜色”文本框中,输入数字\35;990000。

十九、单击[确定]。

二十、单击面板顶部的[All]按钮[CSS Style]。

二十一、如果townsend.css类别没有扩展,请单击该类别旁边的加号(+)然后确定。

以上即是网页设计软件Adobe Dreamweaver详细使用教程