GeezerVison is showing github.com — fullstackpython.github.com/static-content.html at gh-pages · xidianwlc/fullstackpython.github.com

Expand file tree

static-content.html

Copy path

More file actions

Latest commit

History

256 lines (251 loc) · 12.9 KB

static-content.html

Copy path

File metadata and controls

256 lines (251 loc) · 12.9 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

<!DOCTYPE html>

<title>Static Content - Full Stack Python</title>

<!--[if lt IE 9]>

<![endif]-->

<style>

html,

body {

font-size: 18px;

color: #222;

background: #fefefe;

}

body {

padding-top: 10px;

}

.footer {

padding: 20px 0 30px 0;

}

a, a:hover {border-bottom: 1px dotted; color: #444;}

a:hover {text-decoration: none; color: #000;}

.logo-title a, .logo-title a:hover {font-size: 72px; font-weight: normal;

letter-spacing: .04em;

vertical-align: middle;

margin-left: 5px;

color: #000; text-decoration: none;

border-bottom: none;

font-family: "Helvetica Neue",

sans-serif;

line-height: .9em;}

.logo-title a:hover {color: gray;}

.logo-image {vertical-align: middle; border: none;}

.logo-header-section {margin: 15px 0 15px 0;}

a.list-group-item.active {background: #444; border: 1px solid #222;}

a.list-group-item.active:hover {background: #444; border: 1px solid #222;}

#sidebar {margin-top: 30px;}

.select-next {

min-height: 300px;

}

.choose-btn {

font-size: 1.1em;

margin: 10px 0 0 0;

}

.choose-next {

border: 1px solid black;

background-color: #444;

margin-left: 25px;

color: #ddd;

}

.choose-next a {

color: #eee;

}

.btn-full {width: 100%; box-shadow: 1px 2px 1px #222;}

p.under-btn {text-align: left; margin-top: 20px;}

h3.panel-head {margin: 5px 0 0 0; font-size: 26px; color: #fff;}

.smaller-item {font-size: .8em; padding: 5px 0 5px 10px;}

@media (max-width: 1200px) {

h3.panel-head {font-size: 22px;}

}

@media (max-width: 992px) {

.choose-next {

margin-left: 0px;

}

.select-next {

min-height: 100px;

}

.smaller-item {font-size: 1em; padding: 15px 0 15px 10px;}

}

@media (max-width: 600px) {

.logo-header-section {

margin: 20px 32px 0 0;

}

</style>

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-19910497-7']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

</head>

<body>

</a>

<span class="logo-title"><a href="/">Full Stack Python</a></span>

</div>

<h1>Static content</h1>

<p>Some content on a website does not change and therefore should be served

up either directly through the web server or a content delivery network (CDN).

Examples include JavaScript, image, and CSS files.</p>

<h2>Types of static content</h2>

<p>Static content can be either assets created as part of your development

process such as images on your landing page or user-generated content. The

Django framework calls these two categories <em>assets</em> and <em>media</em>.</p>

<h2>Content delivery networks</h2>

<p>A content delivery network (CDN) is a third party that stores and serves

static files. <a href="http://aws.amazon.com/cloudfront/">Amazon CloudFront</a>,

<a href="http://www.akamai.com/">Akamai</a>, and

<a href="http://www.rackspace.com/cloud/public/files/">Rackspace Cloud Files</a>

are examples of CDNs. The purpose of a CDN is to remove the load of static

file requests from web servers that are handling dynamic web content. For

example, if you have an nginx server that handles both static files and

acts as a front for a Green Unicorn WSGI server on a 512 megabyte

virtual private server, the nginx server will run into resource

constraints under heavy traffic. A CDN can remove the need to serve static

assets from that nginx server so it can purely act as a pass through for

requests to the Green Unicorn WSGI server.</p>

<p>CDNs send content responses from data centers with the closest proximity to the requester.</p>

<h2>Static Content Resources</h2>

<ul>

<li>

<p><a href="http://blog.iambob.me/the-super-stupid-idiots-guide-to-getting-started-with-django-pipeline-and-s3/">The super stupid idiot's guide to getting started with Django, Pipeline, and S3</a>

shows how to host static content on S3 and use those files with Django.</p>

</li>

<li>

<p><a href="http://blog.doismellburning.co.uk/2012/07/14/using-amazon-s3-to-host-your-django-static-files/">Using Amazon S3 to host your Django static files</a></p>

</li>

<li>

<p><a href="http://www.hanselman.com/blog/CDNsFailButYourScriptsDontHaveToFallbackFromCDNToLocalJQuery.aspx">CDNs fail, but your scripts don't have to</a></p>

</li>

<li>

<p><a href="http://django-storages.readthedocs.org/en/latest/">django-storages</a> is

a Django library for managing static and media files on services such as

Amazon S3 and other content delivery networks.</p>

</li>

</ul>

<h3>What's next for building your app?</h3>

How do I version my source code and content so I don't lose it?

</p>

</div>

</a>

I want to learn more about the users of my application.

</p>

</div>

Something in the logs looks strange. How do I learn about

security?

</p>

</div>

How do I automate the server configuration I've set up?

</p>

</div>

</div> </div>

<div class="panel-heading"><h3 class="panel-head">Static Content</h3></div>

<a href="/">Full Stack Python</a> is an open source book explaining

each layer of the Python web application stack along with the

best Python resources from around the web.

<hr/>

<a href="http://twitter.com/mattmakai">Matt Makai</a> designed and

wrote this site with assistance from community pull

requests. If you're on GitHub you can

<a href="https://github.com/makaimc">follow him</a>

to see what daily changes are made or

<a href="https://github.com/makaimc/fullstackpython.github.com">star the repository</a> for future reference.

</div>

<h3 class="panel-head">Table of Contents</h3>

</div>

<a href="/introduction.html" class="list-group-item smaller-item ">Introduction</a>

<a href="/bottle.html" class="list-group-item smaller-item ">Bottle</a>

<a href="/deployment.html" class="list-group-item smaller-item ">Deployment</a>

<a href="/other-web-frameworks.html" class="list-group-item smaller-item ">Other Web Frameworks</a>

<a href="/servers.html" class="list-group-item smaller-item ">Servers</a>

<a href="/web-frameworks.html" class="list-group-item smaller-item ">Web Frameworks</a>

<a href="/django.html" class="list-group-item smaller-item ">Django</a>

<a href="/operating-systems.html" class="list-group-item smaller-item ">Operating Systems</a>

<a href="/flask.html" class="list-group-item smaller-item ">Flask</a>

<a href="/web-servers.html" class="list-group-item smaller-item ">Web Servers</a>

<a href="/platform-as-a-service.html" class="list-group-item smaller-item ">Platform-as-a-service</a>

<a href="/databases.html" class="list-group-item smaller-item ">Databases</a>

<a href="/wsgi-servers.html" class="list-group-item smaller-item ">WSGI Servers</a>

<a href="/application-dependencies.html" class="list-group-item smaller-item ">Application Dependencies</a>

<a href="/cascading-style-sheets.html" class="list-group-item smaller-item ">Cascading Style Sheets</a>

<a href="/javascript.html" class="list-group-item smaller-item ">JavaScript</a>

<a href="/static-content.html" class="list-group-item smaller-item active">Static Content</a>

<a href="/source-control.html" class="list-group-item smaller-item ">Source Control</a>

<a href="/caching.html" class="list-group-item smaller-item ">Caching</a>

<a href="/task-queues.html" class="list-group-item smaller-item ">Task Queues</a>

<a href="/api-integration.html" class="list-group-item smaller-item ">API Integration</a>

<a href="/no-sql-datastore.html" class="list-group-item smaller-item ">NoSQL Data Stores</a>

<a href="/web-application-security.html" class="list-group-item smaller-item ">Web Security</a>

<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>

<a href="/monitoring.html" class="list-group-item smaller-item ">Monitoring</a>

<a href="/configuration-management.html" class="list-group-item smaller-item ">Configuration Management</a>

<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>

<a href="/best-python-resources.html" class="list-group-item smaller-item ">Best Python Resources</a>

<a href="/about-author.html" class="list-group-item smaller-item ">About the Author</a>

<a href="/change-log.html" class="list-group-item smaller-item ">Change Log</a>

<a href="/future-directions.html" class="list-group-item smaller-item ">Future Directions</a>

</div>

</div></div>

<hr/>

<a href="http://www.mattmakai.com/" class="underline">Matt Makai</a>

2014

</div>

</body>

</html>