Dreamweaver cs6 网页设计教程笔记

news/2024/11/25 19:17:30/

一、新建一个站点

 

 

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

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


http://www.ppmy.cn/news/520668.html

相关文章

dw怎样用css设置背景图片,dreamweaver

dreamweaverCSS使用教程&#xff1a;定义CSS样式背景属性 背 景 属 性 【定义 CSS 样式背景属性】使用“CSS 样式定义”对话框的“背景”类别可以定义 CSS 样式的背景设置。可以对网页中的任何元素应用背景属性。例如&#xff0c;创建一个样式&#xff0c;将背景颜色或…

web网页设计实例作业 网页Dreamweaver设计

Web前端开发技术 描述 网页设计题材&#xff0c;DIVCSS 布局制作,HTMLCSS网页设计期末课程大作业&#xff0c;公司官网网站 | 企业官网 | 酒店官网 | 等网站的设计与制 | HTML期末大学生网页设计作业 HTML&#xff1a;结构 CSS&#xff1a;样式 在操作方面上运用了html5和css3…

视频教程-网页设计速成之Dreamweaver-Dreamweaver

网页设计速成之Dreamweaver Adobe认证讲师 Adobe教育讲师委员会委员&#xff08;省级&#xff09; 从事Web前端设计10余年&#xff0c;在用户习惯与Web易用性上有深入的研究。为国内产地行业、政府机关进行展示类Web整体设计与指导&#xff0c;为制造行业、物流行业、电子商务行…

Dreamweaver 1 网页制作

1.站点 1.1 创建站点 点击菜单栏中站点进行站点创建&#xff0c;输入站点名称&#xff0c;路径 1.2 设置图像文件夹 1.3 站点管理 站点的编辑、复制、删除 2.页面属性栏 2.1 外观 1.设置页面整体的字体、大小、颜色 2.背景颜色&#xff0c;背景图像&#xff0c;图像是否重复&am…

Dreamweaver入门基础与HTML视频教程

Dreamweaver入门基础与HTML视频教程--中国最权威的电脑教程软件资讯网站--eNet学院 http://www.enet.com.cn/eschool/zhuanti/dwvip/ 第一章 软件简介与设置 1.课程介绍与基础知识2.软件起始页的用法3.界面布局与切换4.定制工具箱5.代码拆分与设计模式6.定制实用界面布局7.标签…

网站建设之Dreamweaver入门使用

1、Dreamweaver CC介绍&#xff1a;Abode公司用于网站设计与开发的工具&#xff0c;总之功能强大。支持同时使用其它Adobe工具、完整的CSS样式支持&#xff0c;集成的编码环境&#xff0c;支持FLV视频&#xff0c;跨平台 2、入门教程&#xff1a;https://helpx.adobe.com/cn/d…

[已解决]数据库执行任何update后再执行任何insert都会异常

项目场景&#xff1a; 环境主要配置&#xff1a; Java8、springboot v2.7.8、mybatis3.5.9、mybatis-plus3.5.2、5.7.25-OceanBase-v3.2.3.1 问题描述 数据库执行任何update后再执行任何insert都会异常。 如果执行delete&#xff0c;再insert就没问题。 即使不是同一张表也会…

Adobe dreamweaver CS6小白入门教程

1.界面认识2.创建站点&#xff1a;(针对复杂网站使用)3.管理站点的操作&#xff1a;4.管理站点中的文件5.DW文本网页的设计6.DW图像和多媒体网页设计7.超链接8.表格&#xff08;重要&#xff09;来排版9利用APDIV和spry灵活布局10.用CSS修饰美化网页11.用模板和库&#xff08;提…