DW静态网页制作：练习1-1制作音乐下载网页
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、<span style="color: black;">创立</span>站点后，在文件夹上右键新建一个文件，改名为音乐制作网页，<span style="color: black;">而后</span>双击进入网页，<span style="color: black;">首要</span>，<span style="color: black;">插进</span>表格，17行，2列，表格宽度和表格粗细都为0，确定。选中表格，下边的对齐方式为，居中对齐</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/69783529f4484a11930e22b3fc78505a~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817182&x-signature=5knsDyXO%2BV9or8HGr9izQwWHLvU%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2、选中<span style="color: black;">第1</span>个格，按住Ctrl键再选中第二个格，右键，表格，合并单元格，点击<span style="color: black;">插进</span>，图像，<span style="color: black;">选取</span>建的站点下的素材，确定</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/8f9d2923f03040a49f4fa799b2981fad~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817182&x-signature=X0dejPrPfEgMh%2BAgsgjDt72B8fA%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3、用刚才的<span style="color: black;">办法</span>合并第二行单元格，填写导航栏文字，<span style="color: black;">选取</span>拆分，找到对应代码位置，填写空格代码 在文字前后都添加空格，使导航栏文字间隙均匀，下边背景颜色改为紫色</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/a8a77483b9ac4bbf91f1c5eb9255a958~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817182&x-signature=%2FBWtxnOWEsXYKpxYyvxR0otvCv4%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4、编写下一行文字，背景颜色为绿色，金曲列表文字，下边，HTML，格式为标题5，歌曲下载文字，下边，HTML，格式为标题3，找到代码中金曲列表文字对应位置，添加空格代码</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/d69b4814ac4449348405042ed6f8adbd~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817182&x-signature=StNNAKulI7hHeiMnkLhQDroaCS0%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5、在歌曲下载文字后面<span style="color: black;">插进</span>，图像，<span style="color: black;">选取</span>下载图标<span style="color: black;">照片</span>，点击<span style="color: black;">照片</span>，<span style="color: black;">选取</span>连接指向你的歌曲MP3文件</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/df49c350deaf45bb962203f98c7f7507~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817182&x-signature=gQyKUqptX8X%2FqZGFta3S9jNgWZs%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6、在<span style="color: black;">每一个</span>格中加入歌名，<span style="color: black;">每一个</span>都要<span style="color: black;">插进</span>，布局对象，Div标签，<span style="color: black;">而后</span>添加歌曲名<span style="color: black;">叫作</span></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/4c768a0294e8417b8809d150dcec2154~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817182&x-signature=kxFXg0qlGKDSGlwJfqHD8LQfYs8%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7、右半部分，前两行合并，<span style="color: black;">插进</span>布局对象，添加文字那<span style="color: black;">女子</span>对我说，HTML格式改为标题2，<span style="color: black;">而后</span>将下边剩余所有行合并，插入布局，添加歌词</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/94d8cad5c2624f5e828263af6422ad35~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817182&x-signature=lRGcJp8SlUybCH6wRGpXavXjik4%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8、<span style="color: black;">选取</span>歌词，将HTML的格式改为标题5</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/8adb00fed1c149e4854d67ed25a1914b~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817182&x-signature=m09n6yRJhryQHzWfD7eGxbroGIs%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9、点击代码，找到歌词位置，复制空格，在每一行歌词前面招贴空格，刷新一下，使歌词居中<span style="color: black;">有些</span></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/e0735d89df4a44fa93371f4e18a5dec6~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817182&x-signature=luJOlpbrmNCgUsaIzFWwdQEicLY%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">十、</span>按F12预览</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/cbd016256efa4f8ab02b90bf6f205be8~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817182&x-signature=eIQ4tgacXw%2BJDr6B%2F60PU51rA%2BY%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">小伙伴们，有<span style="color: black;">无</span>看懂呢，看不懂<span style="color: black;">能够</span>去看视频呦！</p>
回顾历史，我们不难发现：无数先辈用鲜血和生命铺就了中华民族复兴的康庄大道。 真情实感，其含义为认真了、走心了的意思，是如今的饭圈常用语。
页:
[1]