18577975379 在线客服 联系我们 返回顶部
企业动态 技术分享 行业动态

网站开发四(小说)

2020-07-07

接着上一篇文章内容,我们已经做到了展示首页的界面,并且我们在首页也展示我们输出的字符了,那么我们现在就要开始设计布局了,如何让我们快速又简单的布局呢,在《网开一》上我们已经下载好了基础代码在这里就需要了。

我们将下载的bootstrap文件复制到Public文件夹里面,这个文件夹是存放公共web资源的文件夹,如图

第一个红框下是jquery和bootstrap加载,第二个红框是css文件引入。ok,基础所有的资源都加载完毕,按f12或者鼠标右击检查,刷新一下看看是否有资源加载报错,没有的话,就说明我们已经成功了。然后就开始布局

我们在百度bootstrap在线布局,就会有资源的,这里因为不能发,所以我截图给大家看一下。当我们在右边拖拽编辑好了之后,可以直接点击下载,复制代码拿过来就可以了,我们试试吧。

ok,复制过来了,发现图片没显示,正常,毕竟图片是需要对应的路径,我们自己搭建的服务器没有对应的路径,所以不用担心,后续我会教大家。我们好像发现复制过来的 hello world 有点跑的太上面了,我们去看看原先网站代码,适度的调整下就好了,最后调整效果

ok,完成,大家根据自己的喜好来布局吧,下一篇,我们会布局好列表页,详情页,搜索页面,这样前端的基本就完成了哦。

任何一件事只要自己努力一下,其实都是可以做到的,至于好坏,在你心里好便是好就行,祝我们的生活越来越好。

在线咨询
  • Copyright © 2013-2020 南宁华寇网络科技有限公司
  • 技术支持: