3-24编程练习疑问

3-24编程练习疑问

问题一:这个小慕医生的案例是学到3-24后就可以去做的吗?第二个代码打不开,可以用什么软件打开呢?

相关截图:

https://img1.sycdn.imooc.com//climg/632048d9095b934e13540207.jpg

问题二:3-24的代码不知道搭建的对不对

https://img1.sycdn.imooc.com//climg/6320496d09098d9417960832.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2022-09-13 17:26:13

同学你好,解答如下:

1、3-24编程练习之后,讲师会带领大家写小慕医生的项目,此时会用到如下设计稿和代码:

https://img1.sycdn.imooc.com//climg/63204b18093760ab07550128.jpg

二者需要下载到自己的电脑中并解压。

在”小慕医生设计稿切图“文件夹中,双击index.html就可以打开设计稿:

https://img1.sycdn.imooc.com//climg/63204b63098ee4b705460205.jpg

具体使用,视频中会演示,认真跟着视频操作就行了。

源码需要使用代码编辑工具打开,比如使用vscode。如下课程中 ,讲解过如果安装vscode,需要跟着视频操作一下:

https://img1.sycdn.imooc.com//climg/63204bb5099167f205930679.jpg

2、同学的代码没有书写上的语法错误,但是代码没有根据效果图划分区域。

效果图中,头部是一块区域(整体),里面有三个结构,建议代码调整如下:

https://img1.sycdn.imooc.com//climg/63204c5a09a81a3805320200.jpg

其余两块同理,代码如下:

<!--页面头部-->
    <div>
        <p>loge</p>
        <p>导航</p>
        <p>banner图</p>
    </div>
    <!--页面主题-->
    <div>
        <p>文章内容</p>
        <p>超链接</p>
    </div>
    <!--页面页脚-->
    <div>
        <p>页脚内容</p>
    </div>

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师