HTML+CSS

Here you can find more resources about working with HTML+CSS. 你可以在这里找到使用HTML+CSS的资源。

Video Lecture

视频教程

An improvised and incomplete introduction to HTML+CSS was recorded during Fab Academy 2015 at Opendot+Wemake in Milan. Watch it in full resolution. 这是一段临时录制的、非完整版的关于HTML+CSS的介绍视频，于Fab Academy 2015期间在米兰的Opendot+Wemake 录制。

译者注：由于国内用不了Youtube，可点击查阅腾讯视频

Editors

编辑器

An open source HTML5+CSS3 editor with Live Preview (in Chrome) is Brackets. 你可以使用 Brackets，一个带有预览功能（在Chrome中）的HTML5+CSS3开源编辑器。

Reference

相关资源

The starting point for reference, tutorials and interactive tests regarding HTML+CSS+Javascript is w3schools.com. w3schools.com是一个关于HTML+CSS+Javascript 很好的入门网站，里面有参考，指南和交互示例。

Template

模板

Since in 2015 it is easier to develop a website from a framework rather than from scratch, learning from my own Fab Academy in 2012 I created an MIT-licensed template based on Bootstrap but with more technical things already set up for a typical Fab Academy website. 从2015年开始，使用framework开发网站比使用scratch简单，我是参考my own Fab Academy in 2012（网站打不开），然后自己基于Bootstrap建立一个MIT授权的模板网站，但更多技术性东西在Fab Academy网页上被使用。

Features:

  • Code highlight
  • Image format
  • 3D Model (.stl/.obj) embedded in the page
  • Download button

  • Gantt chart for planning the final project

  • Automatic Ajax menu

  • Basic structure ready
  • 代码高亮
  • 图像编排
  • 网页上3D模型(.stl/.obj)的嵌入
  • 下载按钮
  • 用于毕业项目的甘特图（Gantt chart）
  • 自动 Ajax 菜单
  • 现成的网站结构

It is not meant for being used as it is, but for being modified into a personal website and for taking inspiration from its solutions for other templates. I did not touch the style from Bootstrap for this reason, I only tried to solve some typical Fab Academy issues. So, please note that this doesn't save you from:
这不意味着它能拿来直接使用，但你可以修改后放入个人网页。或者从它的方案中获得启发，用于其他模板。我没有接触Bootstrap的style是因为这个原因，我只尝试解决Fab Academy常见问题。因此，它并不能帮你

  • Learning HTML and editing it
  • Learning CSS and editing it
  • Learning Javascript and editing it
  • Choosing and adding your own licenses
  • Adding your own pages
  • 学习HTML并如何编辑它。
  • 学习CSS并如何编辑它。
  • 学习Javascript并如何编辑它。
  • 选择和增加你自己的licenses。
  • 添加你自己个人的页面。

You can download it here: https://github.com/openp2pdesign/FabAcademy_Template/releases 你可以在这里下载它: https://github.com/openp2pdesign/FabAcademy_Template/releases

Just note that for "safety" settings some Javascript parts don't work locally (on your computer) on Chrome, but work perfectly once online and on your computer with Firefox. 注意，因为安全设置，Javascript的部分功能不能在本地（你的电脑）的Chrome上运行，但能够在线以及你电脑的Firefox上完美使用。

Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.

Massimo Menichinelli - info at openp2pdesign.org - massimo.menichinelli at aalto.fi

results matching ""

    No results matching ""