整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

Dreamweaver cs6 网页设计教程

、新建一个站点



二、设置站点的服务器和图片存储路径

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图片轮播;

网页由网站首页,公司简介,公司发展历程,最新新闻动态组成;

具体效果图展示: