龙空技术网

DW静态网页制作:练习1-1制作音乐下载网页

软件教程大集合 46

前言:

此时各位老铁们对“dw的css”大约比较关注,大家都需要分析一些“dw的css”的相关文章。那么小编同时在网上网罗了一些关于“dw的css””的相关内容,希望你们能喜欢,我们快快来了解一下吧!

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

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

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

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

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

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

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

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

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

10、按F12预览

小伙伴们,有没有看懂呢,看不懂可以去看视频呦!

标签: #dw的css #dwcss链接 #dwcss布局 #dw让字体居中代码 #html中背景音乐用什么路径