Dreamweaver CS6制做1个新闻网页页面主页的案例实例

2021-03-19 12:30 jianzhan

以案例表明Dreamwaver CS 6版本号的运用。即便如今用许多相关DreamwaverCS6版本号的书本材料,可是材料太过繁杂,反而不知道道从而着手。这篇工作经验将以自己工作经验说说Dreamwaver CS6 的应用。这里举的事例是“新闻网页页面主页”的制做。

1、开启DW,DW页面如图

2、剖析所制做的网页页面的要求,确立总体目标

3、确立要求。假如是提议1个网站,必须创建1个站点,便捷管理方法并使制做流程更加有逻辑性。

4、新建网站点弹出来的对话框。在这里我键入的是“新闻网页页面”,放在Dreamwaver CS6文档夹下的新闻网页页面文档夹

5、在新闻网页页面文档夹下新建“images”文档,导入制做网页页面所必须的素材,这里所必须的素材全是照片

6、新建HTML,挑选“建立

7、在“题目”中键入“新闻网页页面主页”,变换到“设计方案”页面

8、依据制做网页页面要求插进报表,只是内行列有一定的转变,下面的“报表宽度”下列选项依据图设定

9、插进报表如图,挑选报表,会看到报表边框变红,挑选以后变黑。在特性中对齐选项挑选“垂直居中对齐”

10、在报表第1行第1列键入“客户名”,在第1行第2个报表插进“文档域”。随后是登陆密码,一样的插进“文档域”。切换到“拆分”页面,选定登陆密码对应的“文档域”,将“type”改成“password

11、插进图象,不知道道如何填的话就1直挑选“明确”便可

12、插进按钮,同上面插进图象的解决方式那样解决,假如不知道道填甚么就1直“明确”,可以。在特性栏里的值改成“登陆”。随后插进图象“谷歌logo”,附上实际效果图

13、选定第2行,点一下电脑鼠标右键,挑选“报表”,“合拼模块格”

14、在第2行插进照片。进行网页页面制做。储存HTML文档。随后在站点“新闻网页页面”能够看到储存的HTML文档

15、点一下制做好的HTML文档,挑选用360访问器开启,键入客户名和登陆密码,随后会看到以下状况:客户名课件,登陆密码不能见,合乎具体

16、自然还可以在Dreamwaver CS6 的即时主视图中进行第15步

有关强烈推荐:

Dreamweaver编写网页页面预览的情况下显示信息错码应该怎么办?

Dreamweaver如何新建网站点地形图?dw编写站点地形图的方式

如何文件格式化html编码? Dreamweaver文件格式化html编码的技能