好吧, 我会的
你从哪弄来的？
如果没有, 也不用担心｡
让我们来看看我们需要做什么来让我们的个人资料上的一切工作｡
因此, 我们显然有一个关于HTML的页面, 所以它可以保持不变, 因为它是现在｡
我们可以称之为, 如果我们复制粘贴到这里, 再做一个, 比如说, 我们还有什么？
我们有工作html, 所以让我们做工作｡
HTML, 它将是工作的html, 让我们检查一下它是否工作｡
我将删除旧的路由, 这样我们就有了家和工作的html｡
如果我回去｡
我们回家吧｡
哦, 看来我们出了点差错｡
我没有改变这里的函数｡
你看, 我两样都有｡
如果我回去刷新一下, 我们就把这个叫做工作｡
好吧, 我们去工作吧｡
好吧, 它的作品｡
TML为什么不起作用？
那是因为它应该是作品｡
HTML.
我真傻
好吧, 我们回去｡
让我们刷新｡
工作｡
好吧, 我会的
工作就是工作｡
但再次强调, CSS并没有得到应用｡
如果我回去了, 咱们去说说我, 说说我也是工作｡
但是CSIS没有被应用, 我们知道为什么｡
再说一次, 如果我们去工厂｡
我们必须更新此文件夹以包含静态文件夹｡
太棒了｡
然后我们也会更新CSS页面｡
以及JavaScript页面｡
这是一个重复的过程, 但我只是向你们展示一下, 让你们明白思考的过程是什么,
以及为什么我们需要再做一次｡
我们会把这些也修好的｡
还有这个｡
我觉得我应该有一首歌在背景中, 因为我这样做, 所以你不会厌倦我只是这样做一遍又一遍｡
但重复是好的, 对吗？
好了最后一个｡
了｡
JavaScript档案｡
让我们保存｡
回到我们的服务器｡
让我们刷新｡
好了, 我们回家吧｡
哦, 看起来像索引｡ html不工作, 所以我们也要解决这个问题｡
如果我单击works, 我们就会看到根目录｡
嗯嗯嗯
看起来CSS没少工作, 让我们看看我｡
关于我的工作｡
所以我们错过了一些东西, 如果我们回去工作｡
哦, 那是因为我们有一个工作和工作HTML｡
因此, 我们必须确保我们合并了工作HTML, 而不是工作HTML｡
我不知道这个页面是做什么的, 但我肯定它是这个的一部分｡
再次进入我们的作品html｡
做我们一直在做的事情, 添加静态｡
就像这样｡
JavaScript文件的底部也是如此｡
我们回去吧
去工作和｡
好耶!
你看那个｡
我们所有的作品都在展出｡
但好像有些图像没有显示出来｡
现在就去
你能猜到这是为什么吗？
好吧, 如果我们回去｡
我们的工作是HTML｡
我们寻找图像｡
我们在这里看到, 我们还必须添加静态｡
我再把它们加到图片上｡
为了加快速度, 我将复制此文件并执行命令F或控件F, 以搜索图像的所有实例,
并确保在此处添加资产｡
一个简单的方法来做到这一点, 这就是一个ID可以帮助你｡
或者像Sublime text这样的文本编辑器｡
我可以像这样选择整个对象, 然后执行命令控制｡
这实际上选择了所有实例, 现在我有多个光标｡
现在我能做的就是｡
在所有实例上添加static, 正如您在底部和顶部所看到的, 这样我就不必重复了｡
现在我们回去吧｡
刷新看看｡
我们有我们的项目显示｡
真的很酷｡
就这样, 我们现在有了模板｡
我们还有需要修复的组件和触点｡
现在我们实际上并不需要这些组件, 因为如果您在这里进行预览, 这些组件只是一个HTML模板,
您可以根据需要复制和粘贴这些组件｡
但实际上我们真实的投资组合并不需要这样｡
我们需要的另一个页面是联系页面, 它非常非常重要,
因为我们将在Python服务器中使用它｡
所以我们回到这里｡
让我们删除组件html｡
或者现在我们可以把它放在那里｡
而是在索引html文件中｡
我们可以一直下去｡
在导航栏部分, 您可以看到我们如何使用. html组件｡
我们可以把它去掉｡
就像那样｡
所以我们不用它｡
现在, 你可能已经看到我做的一件事是复制和粘贴代码｡
所以那现在我们就得做｡
另一条路线, 说接触, 然后再一次接触｡
但这是我们根据所学重复代码｡
我们是否可以改进这一点, 使其变得更加动态, 以便当我们向此配置文件添加新的HTML文件时,
我们不必不断地复制和粘贴相同的代码｡
试试看
在下一个视频中, 我将向你们展示我们如何做到这一点｡