Dreamweaver CS5网页制作教程
在网页设计中,通常需要使用Dreamweaver 软件完成编辑,其中Dreamweaver CS 5为广泛使用版本,但Dreamweaver 软件不像MIcrosoft Office 一样全靠可视化完成,而是需要一定的技术性,对于新手来说,需要掌握一定的常识,才能制作出一个很好的网页。
操作方法
(01)为方便操作,将视图设为经典模式
(02)首先为更好地管理网页,需要将网页用站点进行统一管理,因此要先新建站点:点击 站点-新建站点
(03)设置好站点名称和本地存储位置,点击“保存”
(04)此时,Dreamweaver 将自动生成一个站点文件夹,右击文件夹可进行编辑,如创建文件和文件夹。注:若要删除其中的文件或文件夹,则先单击欲删除的项目,再按<Delete>键,此时本地文件中的源文件仍存在。要先将需要使用的素材先统一拷贝到站点文件夹中,再点击站点空口的“刷新”按钮,建立需要的网页页面。注:任何文件名都不能使用中文或空格,否则会造成读取错误。
(05)打开需要编辑的HTML文件,在设计视图选项可设置视图样式:“代码”为源代码编辑视图;“拆分”为源代码与设计视图并存,方便实时预览网页效果;“设计”为全可视化编辑。
(06)网页设计需要使用可视化与源代码编辑相结合布局,对初学者建议使用表格布局,此方法最便于掌握,操作起来速度快。插入表格:直接点击快速工具中表格命令;按快捷键<Ctrl>+<Alt>+<T> 插入;点击 插入-表格 插入
(07)根据自己需要设定表格属性
(08)选中表格,在“属性”控制皮肤中可设置表格属性。点击具体单元格可对其单独设置属性和编辑内容若需要合并/拆分单元格,则选中需要执行操作的单元格,点击“属性”窗口中相应命令即可宽/高 属性可直接设定相应单元格的行高/列宽,其单位为像素(单位:px)
(09)向表格中输入需要的文本即可,若需要输入的效果与实际输入计算机的不符,则需要用代码完成,读者可自行查阅相关HTML代码表,注意输入代码时需要结束标识。内容输入完毕后,选中表格,在“属性”中将其间距和边框均设置为0,即可保留布局效果,此时在浏览器中将不显示表格框线,仅保留布局效果。
(10)对一个网页中含多个页面的,则使用框架布局
-
电脑上怎样申请QQ号
很多人在打开电脑的时候,都会习惯登录QQ跟别人聊天,如果没有QQ账号的话,可以在电脑上免费申请QQ号,或者之前的QQ号是别人给的,自己不喜欢,也可以重新申请一个新的QQ号,在这里,跟大家分享一下在电脑上如何免费申请QQ号的方法。电脑上免费申请QQ号的步骤(01)在电脑上下载和...
-
QQ浏览器如何安装应用插件
QQ浏览器如何安装应用插件,浏览器的应用插件的安装对我们来说是非常方便的。下面以安装护眼导航应用为例,介绍如何安装浏览器应用插件。操作方法(01)打开QQ浏览器,点击右上角的“”+“”如图所示(02)进入了安装应用的首页,如图所示(03)比如安装一个护眼的应用,鼠标停留在...
-
EPSON R230打印机清零软件无法使用的解决方法
当EPSONR230打印机两个红灯闪烁,并提示“打印机的墨管已到它们的使用寿命”时就需要使用清零软件进行处理,可是在我们使用清零软件的过程中,总是出现这样或那样的问题。那么我们在遇到这些问题时该如何解决呢?操作方法(01)首先当打开清零软件可执行文件时,系统会弹出...
-
在Word文档中怎么样进行简繁体转换?
字体有繁体和简体之分,而Word文档主要的功能是记录保存文本文本,可能由于区域不一样,有的喜欢用简体有的喜欢用繁体,为了方便查看,就需要用到简繁体的相互转换了。操作方法(01)方法一:比较常用的,就是用Word文档自带的简繁体转换功能,找到审阅——简转繁——便可将选择的...