Full Stack Python

全部主题 | Blog | 时讯 | @fullstackpython | Facebook | 源码

Web 设计

Web 设计就是使用 CSS 和 JavaScript 来创造 Web 应用的风格和用户交互界面。

为什么说 Web 设计很重要？

你不会喜欢使用看起来像下面这样的 Web 应用吧？

创建具有自有风格和交互性的 Web 页面，以便用户能更加容易完成他们的工作是现代 Web 应用创建过程的主要任务。

响应式设计

将内容和显示规则分离，使得设备能根据诸如屏幕大小和设备类型等不同的因素呈现不同的输出内容。基于不同的屏幕参数来显示不同的内容的技术，通常被叫作 响应式设计。响应特性是通过在 CSS 中使用 媒体查询功能 实现的。

例如，移动设备没有足够的空间将导航栏显示在页面的侧边，因而它通常将导航栏下推，显示在主要内容之下。 Bootstrap 上的 Blog 例子 演示了这个效果，当你改变浏览器的宽度时，导航栏会重新定位。

设计相关资源

• Web 设计仓库 是一个一站式服务的网站，上面有博客、播客、灵感、教程和工具等与 Web 设计有关的各种链接。

• 前端指南 是一篇讲述 HTML、CSS 和 JS 最佳实践的文章。

• 如何使用颜色 这篇精彩的文章来自一位专业设计师，讲述他对颜色的理解以及如何使用颜色来实现他的设计中的某个特定效果。

• Bootstrapping 设计 这本书是我迄今为止读到的有关学习设计的最清晰简洁的资源了。特别推荐给那些感觉自己没有设计才能但又需要学习设计的人。

• 学习设计原理 就如何根据特定的规则如轴、对称性、层次和节律等来思考设计给出了清晰的讲解。

• Kuler 是一款来自 Adobe 的辅助取色器，能帮助你在设计中选取颜色。

• 如果你想了解浏览器的工作原理，这里是 关于如何创建浏览器引擎的系列文章，它会向你展示了如何创建一个简单的渲染引擎。

接下来你想学习 CSS、JavaScript、和静态文件吗？

我的应用可以运行但是很难看。如何美化用户界面？

我应该如何提供静态内容文件服务？

在我的 Python Web 应用中如何使用 JavaScript？

想找到一个完整的，一步一步的部署方案吗？请看《The Full Stack Python Guide to Deployments》.

邮件获取更新

目录

1. 简介学习编程为什么用 Python？Python 2 还是 3？企业 PythonPython CommunityBest Python Podcasts最佳 Python 资源最佳 Python 视频2. 开发环境VimEmacs3. 核心语言生成器推导式4. Web 开发Web 框架DjangoFlaskBottlePyramidMorepath其它 Web 框架Web 设计级联样式表 (CSS)JavaScriptWebSockets模板引擎Web 应用安全静态网站生成器Jinja25. 数据关系型数据库NoSQL 数据存储对象关系映射器PostgreSQLMySQLSQLite6. Web APIsAPI 集成API 的创建Twilio7. 部署服务器平台即服务（PaaS）操作系统Web 服务器WSGI 服务器源码控制应用程序依赖静态内容任务队列配置管理持续集成日志监控Web 分析Docker缓存微服务DevOpsNginxApache HTTP 服务器CaddyGreen Unicorn (Gunicorn)UbuntuPelicanLektorMkDocs8. 测试单元测试集成测试代码度量调试9. MetaBotsChange LogFuture DirectionsAbout the AuthorSQLAlchemyPeewee …或者显示全部目录内容.

Web 设计

重要的更新内容会通过 Twitter 账号@fullstackpython发布。

需要更加详细的教程吗？请看 《The Full Stack Python Guide to Deployments》。

Chapters

1. 简介2. 开发环境3. 核心语言4. Web 开发 » Web 设计 5. 数据6. Web APIs7. 部署8. 测试9. Meta …or view the full table of contents.

This site is based on Matt Makai's project Full Stack Python, thanks for his excellent work!

此网站由 @haiiiiiyun 和 开源爱好者们 共同维护。 若发现错误或想贡献，请访问： Github fullstackpython.cn 项目