上一篇的网页 虽然体现了基本的功能 但是它还不能算是一个网页,下面我们继续来做,看视频学习虽然好但是特点就是有的东西当时记住了但是过一段时间会忘记,在这里记下笔记以便于以后的使用把。 下面就在网页的主页中添加一个图片:
<body>
+ <img src="images/home-banner-bg.jpg" alt="home-banner"> </body>
但是呢 这样子页面在缩进以后会变得很难看,下面解决这个问题
创建一个插件库 专门的放置这些我们用到的插件public/js/目录
wget https://raw.githubusercontent.com/danmillar/jquery-anystretch/master/jquery.anystretch.min.js
在index中添加
<link rel="stylesheet" href="css/common.css"> + <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>+ <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>+ <script src="js/jquery.anystretch.min.js"></script> </head>
在body上方添加
<script> $('.home-banner').anystretch(); </script>
然后index.css中设置以下div的高度
.home-banner { height: 600px; }
这样大的背景图就设置好了
拷贝index.html的文件过来然后body部分修改一下
<h1>about</h1>
<body>
标签,改为 <body class="index">
这样让这个 header 变成透明色。
.index .navbar { background: transparent; }
而 about 页面的 navbar 依然是黑的。
好了这样子 一个静态页面基本算是初步的完成了,样式可以留下自己研究修改 颜色以及宽度边框等,看自己的喜好了,以后还会记录自己在ralis 的路上所遇到的问题,和好的解决方案,记录自己的点滴,再次感谢peter 的视频教学,对于新手而言是非常的不错,简单易懂,循序渐进。
相关推荐
rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails ...
[Pragmatic Bookshelf] Crafting Rails Applications Expert Practices for Everyday Rails Development (E-Book) ☆ 图书概要:☆ Rails 3 is a huge step forward. You can now easily extend the framework, ...
Ruby on Rails Guides v2 - Ruby on Rails 4.2.5
《Ruby on Rails Tutorial》中文版(原书第2版,涵盖 Rails 4) Ruby 是一门很美的计算机语言,其设计原则就是“让编程人员快乐”。David Heinemeier Hansson 就是看重了这一点,才在开发 Rails 框架时选择了 Ruby...
Hogwarts - Ruby on Rails 静态 Web 应用程序 这是一个简单的静态网络应用程序,描绘了哈利波特成名的霍格沃茨登陆页面。 这是 WDI 的第 5 周项目。 这是为了帮助练习 css 样式和 ruby on rails。
一个用Ruby on Rails搭建的图片分享的网站项目.完整源代码
《Rails之道》按照Rails的各个子系统进行组织编排,分别介绍了Rails的环境、初始过程、配置和日志记录,Rails的分配器、控制器、页面生成和路由,REST、资源和Rails,ActiveRecord的基础、关联、验证和高级技巧,...
本资源是参照rails敏捷开发第四版书中的例子,rails的版本是rails3.2.6
Bootstrap 3 和 Rails 4(样例用的是Ruby 2.1.1,Rails 4.1.4) Table of Contents Preface 1 Chapter 1: Introducing Web Application Development in Rails 7 Why Bootstrap with Rails? 8 Setting up a Todo ...
adminlte-rails, AdminLTE Rails gem 将AdminLTE主题与 Rails 资产管道集成 AdminLTE Rails gem AdminLTE 是后端的高级 Bootstrap 主题。英镑 AdminLTE Rails gem 与 Rails 资产管道集成了英镑AdminLTE主题。安装将...
High Voltage - 容易在Rails应用程序中包含静态页面
中文世界唯一一本Rails 4.0.0 + Ruby 2.0.0 的自學書籍
rails文档 rails api 英文
使用Aptana+Rails开发Rails Web应用 有Aptana的安装配置等等,中文
rails指南 中文版
NULL 博文链接:https://hlee.iteye.com/blog/747070
介绍rails框架,版本是rails2点几的,不过思路差不多,具体区别可以去看官网
rails2-sample good book
Ruby on Rails helps you produce high-quality, beautiful-looking web applications quickly. You concentrate on creating the application, and Rails takes care of the details., Tens of thousands of ...