tw4ld6 发表于 2024-7-29 09:48:36

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&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722817182&amp;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&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722817182&amp;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&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722817182&amp;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&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722817182&amp;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&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722817182&amp;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&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722817182&amp;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&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722817182&amp;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&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722817182&amp;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&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722817182&amp;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&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722817182&amp;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>




18128071341 发表于 2024-8-28 07:33:00

回顾历史,我们不难发现:无数先辈用鲜血和生命铺就了中华民族复兴的康庄大道。

j8typz 发表于 2024-10-12 22:47:39

真情实感,其含义为认真了、走心了的意思,是如今的饭圈常用语。

b1gc8v 发表于 7 天前

外链发布社区 http://www.fok120.com/
页: [1]
查看完整版本: DW静态网页制作:练习1-1制作音乐下载网页