热门关键字:
jquery > jquery教程 > jquery教程 > html基础模版以及初始化文件创建

html基础模版以及初始化文件创建

323
作者:管理员
发布时间:2021/3/12 15:53:27
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4192
  1)初始化html文件的创建


  我们在对一个网页进行切图编码之前,我们需要创建这么几个目录文件, 便于存放我们的代码;


  css文件目录:该目录的作用是用于存放我们的网页css文件,一般我们分为2个文件,一个是用于存放我们上篇文章说到的初始化代码的base.css,还有一个是用于存放我们自己编写的网页代码的style.css文件;


  images文件目录:该目录的作用是用于存放我们网页的切图文件,网页中的背景图片以及元素图标等都可以存放到此文件夹中;


  js文件目录:该目录的作用是存放我们编写的网页java代码(关于java代码我们将在以后的文章中进行详解),js代码的作用是实现网页中的基本动态展示效果,比如选项卡切换,banner轮播图切换等效果;


  另外还有一个文件就是我们的网页html文件,首页我们一般命名为index.html,一般放于跟目录下边。标准的目录文件就如下图所示:


  备注:如果你的电脑看不到。html这个后缀的话, 在文件夹左上角找到组织-文件夹和搜索选项;


  然后点击查看-找到隐藏已知文件类型的扩展名-将前边的对勾去掉即可;


  2)标准html模版的创建


  文件创建完成之后我们就要创建标准的index.html的网页模版,一个网页模版一般是由主体html、头部head、内容body组成,其中head区域主要存放网页标题、关键词、页面描述以及css和js代码的引用;而body区域主要存放我们以后对页面的编码内容;


  具体的标准模版显示效果就如下图所示:


  好了,本篇文章就给大家说到这里,大家自己下来可以创建属于自己的通用初始化文件模版,以后开发的时候直接复制使用即可。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐