编程零基础想要入门学习SVG互动排版之前,建议大家还是先了解一下HTML5网页基础知识,因为SVG是HTML5的一小部分,掌握HTML5网页基础有利于学习和上手SVG互动排版的相关知识,本文给大家讲解如下几点:
-
一篇公众号文章就是一个网页
-
HTML5网页包含HTML、CSS、JavaScript
-
创建HTML5网页文件
-
SVG排版常用元素/标签
-
SVG排版常用样式属性
-
了解JavaScript脚本
1. 一篇公众号文章就是一个网页
当我们在公众号后台编辑群发一篇文章,关注我们的用户能在微信(微信里面有内置浏览器)或浏览器里打开查看文章内容,那么用户打开的公众号文章其实就是一个HTML5网页。从网页前端开发的角度来理解,编辑排版公众号文章就是在编辑开发网页,比如文字的行高、文字的大小、文字颜色、段落间距等等,这些都需要使用HTML5的代码从而实现文章内容排版。
大家可能会问,编辑排版时我又没有编写代码,怎么会是在编辑开发网页呢?公众号后台的编辑器是一个富文本编辑器,它可以灵活设置内容的样式,有点类似word办公软件。在编辑器操作的每一个步骤都会自动转换成HTML5相关的代码,比如在编辑器操作文字加粗,编辑器会自动生成文字加粗的HTML5代码<stron
更多推荐
SVG排版教程 | SVG排版入门基础知识汇总
发布评论