Dreamweaver cs6 网页设计教程笔记

一、新建一个站点

 

Dreamweaver cs6 网页设计教程笔记_第1张图片

 

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

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

Dreamweaver cs6 网页设计教程笔记_第2张图片

 

        Dreamweaver cs6 网页设计教程笔记_第3张图片

    2.设置服务器:

        Dreamweaver cs6 网页设计教程笔记_第4张图片

 

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

     1.打开页面属性:

Dreamweaver cs6 网页设计教程笔记_第5张图片

 

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

Dreamweaver cs6 网页设计教程笔记_第6张图片

 

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

Dreamweaver cs6 网页设计教程笔记_第7张图片

 

 

Dreamweaver cs6 网页设计教程笔记_第8张图片

 

四、代码缩进快捷键:

Dreamweaver cs6 网页设计教程笔记_第9张图片

 

五、HTML知识:

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

           示例: 

        2.段落:

           换行:

        3.加粗:     语法强调

           倾斜:       语法强调

           下划线: 语法强调

        4.大号字体:

           小号字体:

           水平分割线:


        5.文本标记:

        6.项目列表:

                                       

  •                             

        7.编号列表:

    自动排序

                                       

  1.                            

        8.列表项:   

                                    

  分组,dt和dd是并列关系

                                           

                           

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

                            表格的标题

                                      表格的行

                                            表格的列

                                   

                           

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

                              在代码底部创建链接

        11.播放音频:

 

六、CSS样式表:

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

你可能感兴趣的:(Dreamweaver cs6 网页设计教程笔记)