、新建一个站点
二、设置站点的服务器和图片存储路径
1.设置图片存储路径:点击上图的管理站点弹出下图界面
2.设置服务器:
三.新建一个HTML文件,修改页面属性:
1.打开页面属性:
2.选择标题编码项,文档类型选择HTML5
3.配置首选参数,这样新建的HTML文件会默认使用HTML5格式
四、代码缩进快捷键:
五、HTML知识:
1.标题:标题有h1到h6几种样式,都是单独一行,字体加粗变大的效果,h1最大,h6最小
示例: <h1></h1>
2.段落:<p></p>
换行:<br />
3.加粗:<b></b> <strong></strong>语法强调
倾斜:<i></i> <em></em>语法强调
下划线:<u></u> <ins></ins>语法强调
4.大号字体:<big></big>
小号字体:<small></small>
水平分割线:<hr />
5.文本标记:<span></span>
6.项目列表: <ul>
<li></li>
</ul>
7.编号列表:<ol> 自动排序
<li></li>
</ol>
8.列表项: <dl>
<dt></dt> 分组,dt和dd是并列关系
<dd></dd>
</dl>
9.使用表格:<tabel width="600" height="600" border="1"> 表格的宽和高,边框
<caption></caption>表格的标题
<tr> 表格的行
<td></td> 表格的列
</tr>
</tabel>
10.定义书签:<a href="#dibu"></a> 创建链接,跳转到页面底部
<a name="dibu"></a> 在代码底部创建链接
11.播放音频:<embed src="" width="0" height="0"></embed>
六、CSS样式表:
1.链接CSS文件:<link rel="stylesheet" href="" /> stylesheet是样式表的意思
tml5网站是目前非常流行,用html5技术开发的网站能实现跨平台运行,它可以轻易地接入手机浏览器、微信甚至是APP应用,灵活性非常大。目前企业建站对html5技术的需求很大,今天给大家讲讲哪些工具可以开发html5网站。
Dreamweaver
简称“DW”,程序员常说的“织梦”,利用它可以轻而易举地制作出充满动感的网页。对初级人员,可以不用写代码就能快速创建web页面,对高级人员,也有对应的成熟代码编辑工具,创作灵活性高。
Adobe Edge
Adobe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上,最大的特点就是界面友好,能替开发者省下好多编HTML和CSS的时间,也就少了代码错误的可能性。对新手来说,没有编程基础的研究一下也可以用。但缺点是Adobe Edge做出来的网站有很多冗余代码,比较适合单纯性制作动画。
WebStorm
WebStorm 为前端而生,专门为 JS 开发做了很多优化,被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。这款软件的定制功能很强大,版本更新比较快。缺点是比较占用电脑内存。
DevExtreme
专门针对Visual Studio开发者提供的一款跨平台HTML5/JS移动应用开发框架,这个框架可以帮助你直接在Microsoft Visual Studio集成开发环境,构建iOS,Android和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生组件,并且提供源代码。
Html5的开发工具还有很多,对开发者来说,以上几款工具组合应用能有很好的效果。对零基础的开发者来说,以上几段无异于看天书。其实,要开发html5网站还可以借助目前的自助建站工具,性价比较高的有建站宝盒。上千套html5网站模板,直接安装就能做网站,不涉及程序开发,完全拖拽式操作,选中模块直接添加动画效果,做出来的网站还是响应式的,大大缩短了html5网站的开发周期。
目前,一套建站宝盒展示型网站解决方案的价格才870元/年,有需要的开发html5网站的站长可以试一下,比花时间研究这些很难一下看懂的开发工具简单多了。
零基础建html5网站:http://www.iisp.com/design/?s=yuqiuping
茅台集网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计。
网页有搜素框 导航栏 js图片轮播;
网页由网站首页,公司简介,公司发展历程,最新新闻动态组成;
具体效果图展示:
*请认真填写需求信息,我们会在24小时内与您取得联系。