网站首页 > 技术教程 正文
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预览
小伙伴们,有没有看懂呢,看不懂可以去看视频呦!
猜你喜欢
- 2024-11-14 在吴中 ,哪里有学网页设计的培训班?
- 2024-11-14 Adobe软件的最佳Linux替代品有哪些?这几款工具不容错过
- 2024-11-14 Brackets,替代Dreamweaver的网页开发工具
- 2024-11-14 星际之恋第一章:意外的邂逅#原创动画推荐
- 2024-11-14 2021年4月自考00900网页设计与制作真题
- 2024-11-14 糖尿病性脂肪肝饮食宜忌?牙膏的妙用大搜集?dreamweaver视频教程?
- 2024-11-14 网页设计软件!!!(网页设计软件visual studio)
- 2024-11-14 骨髓炎怎么治比较好?女性养生?dreamweaver视频教程?
- 2024-11-14 网站的本地站点如何进行建设与规划
- 2024-11-14 6款可替代dreamweaver的工具(6款可替代dreamweaver的工具是什么)
欢迎 你 发表评论:
- 10-23Excel计算工龄和年份之差_excel算工龄的公式year
- 10-23Excel YEARFRAC函数:时间的"年份比例尺"详解
- 10-23最常用的10个Excel函数,中文解读,动图演示,易学易用
- 10-23EXCEL中如何计算截止到今日(两个时间中)的时间
- 10-2390%人不知道的Excel神技:DATEDIF 精准计算年龄,告别手动算错!
- 10-23计算工龄及工龄工资(90%的人搞错了):DATE、DATEDIF组合应用
- 10-23Excel中如何计算工作日天数?用这两个函数轻松计算,附新年日历
- 10-23怎样快速提取单元格中的出生日期?用「Ctrl+E」批量搞定
- 最近发表
-
- Excel计算工龄和年份之差_excel算工龄的公式year
- Excel YEARFRAC函数:时间的"年份比例尺"详解
- 最常用的10个Excel函数,中文解读,动图演示,易学易用
- EXCEL中如何计算截止到今日(两个时间中)的时间
- 90%人不知道的Excel神技:DATEDIF 精准计算年龄,告别手动算错!
- 计算工龄及工龄工资(90%的人搞错了):DATE、DATEDIF组合应用
- Excel中如何计算工作日天数?用这两个函数轻松计算,附新年日历
- 怎样快速提取单元格中的出生日期?用「Ctrl+E」批量搞定
- Excel日期函数之DATEDIF函数_excel函数datedif在哪里
- Excel函数-DATEDIF求司龄_exceldatedif函数计算年龄
- 标签列表
-
- 下划线是什么 (87)
- 精美网站 (58)
- qq登录界面 (90)
- nginx 命令 (82)
- nginx .http (73)
- nginx lua (70)
- nginx 重定向 (68)
- Nginx超时 (65)
- nginx 监控 (57)
- odbc (59)
- rar密码破解工具 (62)
- annotation (71)
- 红黑树 (57)
- 智力题 (62)
- php空间申请 (61)
- 按键精灵 注册码 (69)
- 软件测试报告 (59)
- ntcreatefile (64)
- 闪动文字 (56)
- guid (66)
- abap (63)
- mpeg 2 (65)
- column (63)
- dreamweaver教程 (57)
- excel行列转换 (56)

本文暂时没有评论,来添加一个吧(●'◡'●)