dreamweaver自学教程(dw制作个人网页的步骤)

一、新建一个站点

dreamweaver自学教程(dw制作个人网页的步骤)

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

1.设置图片存储路径:点击上图的管理站点弹出下图界面

dreamweaver自学教程(dw制作个人网页的步骤)
dreamweaver自学教程(dw制作个人网页的步骤)

2.设置服务器:

dreamweaver自学教程(dw制作个人网页的步骤)

三.新建一个HTML文件,修改页面属性:

1.打开页面属性:

dreamweaver自学教程(dw制作个人网页的步骤)

2.选择标题编码项,文档类型选择HTML5

dreamweaver自学教程(dw制作个人网页的步骤)

3.配置首选参数,这样新建的HTML文件会默认使用HTML5格式

dreamweaver自学教程(dw制作个人网页的步骤)
dreamweaver自学教程(dw制作个人网页的步骤)

四、代码缩进快捷键:

dreamweaver自学教程(dw制作个人网页的步骤)

五、HTML知识:

1.标题:标题有h1到h6几种样式,都是单独一行,字体加粗变大的效果,h1最大,h6最小

示例:

2.段落:

换行:

3.加粗: 语法强调

倾斜: 语法强调

下划线: 语法强调

4.大号字体:

小号字体:

水平分割线:


5.文本标记:

6.项目列表:

7.编号列表:

    自动排序

8.列表项:

分组,dt和dd是并列关系

9.使用表格: 表格的宽和高,边框

表格的标题

表格的行

表格的列

10.定义书签: 创建链接,跳转到页面底部

在代码底部创建链接

11.播放音频:

六、CSS样式表:

1.链接CSS文件: stylesheet是样式表的意思

秒鲨号所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考。用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们反馈!本站将在三个工作日内改正。
(0)

大家都在看

品牌推广 在线咨询
返回顶部