当前位置: 首页 >经验谈 >dreamweaver静态网页制作(10步就能完成的步骤分享)

dreamweaver静态网页制作(10步就能完成的步骤分享)

2023-05-08 15:41:10 经验谈
53 0

1、建立站点后,在文件夹上右键新建一个文件,改名为音乐制作网页,然后双击进入网页,首先,插入表格,17行,2列,表格宽度和表格粗细都为0,确定。选中表格,下边的对齐方式为,居中对齐

dreamweaver静态网页设计

2、选中第一个格,按住Ctrl键再选中第二个格,右键,表格,合并单元格,点击插入,图像,选择建的站点下的素材,确定

在dw8中,静态网页

3、用刚才的方法合并第二行单元格,填写导航栏文字,选择拆分,找到对应代码位置,填写空格代码 在文字前后都添加空格,使导航栏文字间隙均匀,下边背景颜色改为紫色

dreamweaver静态网页制作

4、编写下一行文字,背景颜色为绿色,金曲列表文字,下边,HTML,格式为标题5,歌曲下载文字,下边,HTML,格式为标题3,找到代码中金曲列表文字对应位置,添加空格代码

dw网页静态跳转

5、在歌曲下载文字后面插入,图像,选择下载图标图片,点击图片,选择连接指向你的歌曲MP3文件

dreamweaver静态网页设计

6、在每个格中加入歌名,每个都要插入,布局对象,Div标签,然后添加歌曲名称

dreamweaver静态网页设计

7、右半部分,前两行合并,插入布局对象,添加文字那女孩对我说,HTML格式改为标题2,然后将下边剩余所有行合并,插入布局,添加歌词

dw静态网页成品

8、选择歌词,将HTML的格式改为标题5

dreamweaver静态网页制作

9、点击代码,找到歌词位置,复制空格,在每一行歌词前面招贴空格,刷新一下,使歌词居中一些

dreamweaver静态网页视频教程

10、按F12预览

在dw8中,静态网页
admin
admin

评论列表(0条)

发表评论

Copyright © 2021 All Rights Reserved 版权所有 一舟讲堂