那天我尝试使用Lightly的HTML在线编辑器在iPad上编程,效果惊人!从导入素材到预览网页效果,没想到iPad上也可以进行文字高亮自动填充。编程体验已经可以媲美电脑了。在本教程中,我们主要演示HTML在线编辑器在iPad上的效果。您可以根据自己的喜好选择其他平板电脑或笔记本电脑作为编程设备!此外,本文需要一些基本的HTML和CSS编程。以前从未接触过HTML和CSS编程的朋友,可以看看我们的一些入门文章:简单网页教程资料和制作可切换主题HTML的源码传送门:https://03c306cbfb-share.ligh...先来看看网页的预期效果:打开Lightly的HTML在线编辑器后,我们可以在项目面板新建一个HTML项目,然后从左边的项目栏上传需要的素材。直接使用素材和代码包打开项目快照的朋友也可以点击“复制项目”将整个项目的所有内容复制到自己的项目面板中。如果是直接新建一个空白项目的朋友,打开项目后会发现HelloWorld的基本模板已经内置了。点击HTML文件后,可以在IDE中直接在屏幕右侧预览网页效果,也可以在iPad上直接上传设备中的文件。由于网页其实很简洁,HTML文件其实也很简单,我们只需要关注
标签部分即可。我们这次做的首页可以分为顶部导航栏和首页内容两部分。在导航栏部分,我们继续细化导航栏的内容,将其放在标签分类标签中。2022newproduct好衣服
的英文全称是division,即除法。我们可以按类命名分区,然后在CSS中调整参数。在导航栏中,我们分别放置了网页LOGO、导航链接文字和购物车图标。其中,
在Lightly中,我们只有如果你需要输入一些关键字,你可以使用Tab自动填写代码。也可在iPad上使用!完成HTML部分后,我们继续使用CSS文件来调整页面的元素。这时候我们刚才用的div类别名就可以派上用场了。在CSS文件中,我们根据刚刚做的分类调整各种参数。CSS中参数的种类很多,大家可以根据自己的想法一一调整,试验每个参数的不同效果:查看CSS文档。内容部分这里的内容主要分为两部分,一是文字,二是图片。新建一个div,并照常命名文本,方便后面调整CSS中的参数:好衣服
能凸显品味
时下最流行的冬装