phase 0 html riyadh blog lab 源码

利雅得博客 学习目标 为现有的模型创建HTML结构 介绍 经常要求Web开发人员从潜在网页的模型(通常称为mockup或comp 。 在本实验中,系统将要求您使用模型图像,源文本和图像,并创建一个镜像模型图像HTML结构。 入门 将此课程分叉并克隆到您的本地环境中。 导航到终端中的目录,然后运行code . 在Visual Studio Code中打开文件。 最后,运行bundle安装实验室的依赖项。 为现有的模型创建HTML结构 过程 在index.html文件中,使用代码中的注释将SOURCE.md中的内容SOURCE.md在正确的位置。 图像文件可以用作构建index.html页面时的参考。 在单独的浏览器选项卡中打开index.html ,以查看工作进度。 rspec运行rspec查看测试结果。 奖金 在css文件夹中的style.css文件中使用css来更改页面的不同方面,例如