Dreamweaver cs6 网页设计教程(dreamweaver设计网页步骤)

yumo6664个月前 (07-21)技术文章46

一、新建一个站点



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

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是样式表的意思

相关文章

精美html个人主页(html主页设计)

有半年之久没有更新新作品了,但这个小小领地我并没有忘记,我会坚持下去,一直在这等你,等你的每次回眸,感恩你的每次驻足,这已经足够成为我坚守的动力和理由,尽管现在有很多不足和不尽人意,也没很多的时间管...

(2)0基础,一定要知道的网页制作流程

记得2014年,我在安阳工学院给艺术系学生上课时,问过这个问题,有谁知道网页制作流程是什么?对网页感兴趣的同学还能回答个一二三来,不过一听就知道是从网上看来的。对于这个问题,网上有各种答案。每个答案都...

如何设计和编码制作个人网站?(制作网站的代码)

许多开发人员认为擅长设计是一种天生的能力,而创造力是与生俱来的。但是设计是一项可以像其他任何东西一样学习的技能。你不必天生就可以创建一个漂亮的网站的艺术家,这需要实践。在身边的小伙伴的博客,自己的网站...

建设网站的具体步骤,企业网站制作多少钱

自助建站平台,顾名思义,是一种集创新技术与便捷服务于一体的在线工具,它允许用户仅凭简单的操作——如直观的拖拽、便捷的点击以及灵活的配置等,就能迅速搭建出既符合个人或企业特色,又具备高度个性化的网站。0...

动态网页如何制作(动态网页制作用什么软件)

下载一个网站系统后,在电脑上安装iis和相应的软件,进行运行和测试,然后发布到网上给所有人浏览。今天小编分享动态网页如何制作,希望对大家有所帮助。一、需要具备的知识1、基本脚本:HTML、CSS、ja...

【网站建设自己制作网站流程】自己制作网页难吗?制作网页的步骤

自己制作网页可以说是一项非常有挑战性和创造性的任务。尽管对于初学者来说,会有一些困难,但是如果按照正确的步骤进行,就可以很好地完成任务。下面是一些建立网页的一般步骤,希望对你有所帮助。1. 确定网站目...