dw网页符号列表设计步骤_求DW制作网页的基本步骤

1、在DW中怎么插入列表项目

1、启动软件Adobe Dreamweaver CC 2018，并新建一个HTML，没有HTML静态网页基础的同学切换到实时视图。内

2、点击上方的插入容菜单按钮。

3、在插入里，点击二级菜单项目列表。

4、在页面中输入内容。

5、写完一句可以回车，符合会跟着下来，注意看前面的小圆点，重复操作输入内容即可。

2、dreamweaver怎么使项目列表的符号为图片

在其list-style属性中定义就可以的了.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
ul
{
list-style: square inside url('http://www.e-zhao.net/templets/greed/css/img/info_right.jpg
')
}
</style>
</head>

<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
</body>

</html>

当然也可以用background属性实现

3、网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

(3)dw网页符号列表设计步骤扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

4、dw怎么做这个网页(用设计)

一个表格一张图片几个文字最简单了

5、dreamweaver网页设计怎么制作

dreamweaver网页制作步骤如下：
一、定义站点
1、在任意一个根目录下创建好一个文件夹（我们这里假设为E盘），如取名为MyWeb。
备注：网站中所用的文件都要用英文名。
2、打开Dreamweaver，选择“站点—新建站点”，打开对话框。在站点名称中输入网站的名称（可用中文），在本地根文件夹中选择刚才创建的文件夹（E:web）。然后确定即可。
备注：再次打开Dreamweaver，会自动找到刚才设立的站点。如果有多个站点，可以在菜单“站点—打开站点”中去选择。
二、创建页面
1、在本地文件夹E:\MyWeb下面的空白处，按右键选“新建文件”，这样就建好了一个页面，默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。
网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。
2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称，按右键选页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像，超级链接的颜色（一般默认即可），其他都保持默认即可。
3．此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间。
4．如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。
在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。
在网页上打入空格的办法是：把输入法调为全角。
在网页上换行的办法是：shift+Enter。只按Enter则为换段。
三、为页面添加图片
1、在本地文件夹E:\MyWeb下面的空白处，按右键选“新建文件夹”，这样建立了一个文件夹，用它来放图片，可以改名为tu或pic或images都可以。
2、用菜单“窗口/对象”打开对象面板，点击“插入图像”，在对话框里选要插入的图片。如果会出现对话框：“你愿意将该文件复制到根文件夹中吗？”，必须选“是”，然后将它保存到刚建好的文件夹里。
3、选中该图片，打开属性面板，可以在上面为图片取名，重新设置图片的高、宽，拖住图片角上的点可以变大小。按住shift键，再拖动角上的点，可以使图片保持宽高比例拉伸。如要恢复这原始大小，则单击右下角的“重设大小”按钮。
4、 “链接”可以直接在这里输入地址。“替代”是图片的说明，即鼠标指向图片所显示的文字；“边框”是图片边框宽度，“对齐”是对齐方式。
四、添加超级链接
1、为文字添加链接。
比如，在页面上输入“我的文章”，然后将其选中，打开属性面板，在“链接”一格中，选择它所要链接到的页面即可。后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口；或是选择blank即打开新窗口。
2、为图片添加链接
与上面文字的链接同理，插入图片，然后在属性面板中的链接一格中选择即可。
图片可以创建不同的多个链接。方法如下：
在属性面板中的“地图”一项下面有一些图形，比如点击方形，光标变成十字，在图片上画一个蓝色矩形的热区，此时在属性面板上可以为这个热区设置链接地址，鼠标指向会显示。同样，再用圆形设置一个热区，就可以再为该图片设置其他链接了。
3、添加E-mail链接
选中需要添加E-mail链接的文字或图片，打开属性面板，在“链接”一格中输入填写邮件地址。格式如下：mailto:邮件地址。注意中间不空格。
4、如果链接到浏览器无法打开的文件，例如exe、Zip等文件，那么浏览者在点击这个链接的时候，就会实现文件下载、或是在线播放的功能。
五、表格的使用
1、点击插入/表格，打开表格面板进行设置。行数、列数、宽度、边框等，“单元格填充”为单元格内侧与内容的距离；“单元格间距”为单元格之间的距离，单位均为像素。
2、插入表格后，在表格的边框上点击一下，可以全选整个表格。然后在下面的属性面板里可以进行各种设置。
3、把光标移到其中一个单元格，此时看到的属性面板，就是单元格的属性面板。也可以进行各种关于单元格的操作。如背景色、背景图、边框、合并、拆分等。
六、关于表格的其他操作
一制作细线表格原理：
1、选中整个表格，设置其背景为黑色（该颜色即表格线的颜色）。
2、选中所有单元格，设置其背景为白色。
二自动格式化表格
1、先制作好一张表格，然后选中。
2、选菜单中的命令/格式化表格。即可以其中选择预设好的一些表格样式。
三一像素分割条
1、插入一个1行1列，宽为200像素，边框边距均为0的表格。
2、选中表格，设置表格高为1像素，并设置一个背景色（即所要的线条颜色）。
3、切换到代码和设计窗口，将代码<td> 删除。
七、用表格构建完整的页面
一网页顶部（一般包括图标、广告、导航菜单）
1、创建一个1行2列，宽为760像素，边框及边距均为0的表格。
2、选中表格，设置排列方式为居中对齐，背景色为#3366CC。
3、将光标置于左边单元格中，设置其水平排列为左对齐，垂直排列为顶端对齐，然后插入一张图像，一般在此插入的是网站的图标，即logo。
4、将光标置于右边单元格中，设置其宽度为500，水平排列为居中对齐，垂直排列为中间，然后插入图像，一般是网页广告，即banner。
5、将光标置于刚完成的表格之后，插入/表格，创建一个1行1列，宽为760像素，边框及边距均为0的表格。
6、选中刚创建的表格，设置排列方式为居中对齐，背景色为#005173。
7、在该表格中依次插入多个图像，作为导航条菜单。
二网页中部（左边栏目列表、中间网站新闻、右边栏目列表）
1、在导航条表格后面，插入/表格，创建一个1行3列，宽为760像素，边框及边距均为0的表格。并设置排列方式为居中对齐，背景色为#FFFFFFF。
2、将光标置于左边单元格中，设置其宽度为18%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入一张图像，插入一个导航条。
3、将光标置于刚插入的图片后，插入/表格，插入一个12行1列，宽为90%的表格。设置其单元格间距为1，背景色为#CCCCCC。
4、将光标放在表格第一个单元中，设置其高为20，背景色为#FFFFFF。插入/图像，插入一个导航文字前面的小点。同样设置其他11个单元格，这样左边的栏目分类列表就完成了。
5、将光标置于主体表格的中间单元格中，设置其宽度为66%，水平排列为居中对齐，垂直排列为顶端对齐，然后插入/图像，插入一个导航条。
6、将光标置于图像后，插入/表格，插入一个4行1列，宽为95%的表格。设置其单元格间距为1，背景色为#CCCCCC。
7、将光标置于表格的第一个单元格中，拖动鼠标，将4个单元格都选中，设置高为60，背景色为#FFFFFF。
8、将光标置于主体表格右边的单元格中，设置其宽度为16%，水平排列为居中对齐，垂直排列为顶端对齐，插入/图像，插入一个导航条。
9、将光标置于图像后，插入/表格，插入一个7行一列，宽为90%的表格。设置其间距为1，背景色为#CCCCCC。
10、按住Ctrl键，用鼠标点击刚插入的表格的第1、3、5、7单元格，然后设置它们的高为55，背景色为#FFFFFF。
11、选中第2、4、6单元格，设置其高为6，背景色为#FFFFFF。
12、切换到源代码窗口，将第2、4、6单元格中的空格符号“ ”删除。
三网页底部（一般包括版权信息及其他相关内容）
1、将光标置于主体表格后，插入/表格，创建一个2行2列，宽为760像素，边框及边距均为0的表格。
2、选中表格，设置排列方式为居中对齐，背景色为#3366CC。
3、将光标置于表格第1行的左边单元格中，设置其宽度为50%，水平排列为默认，垂直排列为基线，背景色为#FFFFFF，然后输入版权信息，内容颜色随便。
4、将光标置于表格第1行右边单元格中，插入/图像，插入一个圆角图像，在它后面输入Email字样，设置其大小和颜色为1和#FFFFFF。
5、插入/表单对象/文本域，插入一个文本域，宽度可以随意。
6、插入/图像，插入一个GO的图像。
7、设置页属性。点击菜单修改/页面属性，在标题一栏中输入标题，并选择背景图像，将顶部边界设为0。
***将整个网页分部分放到不同的表格中组合而成，还可以加快浏览器读取页面的时间。；因为浏览器是读完整个表格后才显示内容的，所以最好不要框在整个一个表格中。
八、用布局表格构建完整的页面
1、单击插入/布局，里面的布局视图按钮，就切换到布局视图状态（默认为标准视图）。也可以用菜单里的查看/表格视图/布局视图来进入。
2、先单击绘制布局表格按钮，然后在页面中像绘图一样创建出布局表格。
3、就像上一个例子一样，先绘制好网页的顶部，再中部，再底部的大表格。
4、再单击绘制布局单元格按钮，然后在已经绘制好的布局表格中，再绘制布局单元格。
5、返回到标准视图，在已经划分好的表格里，再插入嵌套的小的表格，把页面再细化，就可以完成整个页面的设计了。
注意把整个页面都放在一个大的布局表格中，因为这样的网页浏览速度会很慢。应该按照页面的版面和内容划分出几个布局表格，然后在其中分别插入布局单元格。

九、层的使用
1、点击插入/层。也可以点击图标，然后拖动鼠标创建出一个层。
3、选中创建的层，看属性面板。“层编号”和“标签”都使用默认即可。“层编号”是编程时需要用的，我们现在一般不用。“上”即距页面上边界的距离；“左”是距左边界的距离。“z轴”是层的顺序，数字大的叠加在数字小的上面。
如不设置颜色时，层是透明的。
4、点中层左上角的小方框可以随意拖动层，大小也可以调节。
5、“溢出”一栏中，当文字多于层的大小时，visible(超出的部分照样显示)、hidden(超出部分隐藏)、scroll(不管有否超出，都显示滚动条)、auto(有超出时才出现滚动条)。
6、点击菜单窗口/其他/层，此时将出现层管理窗口。可以在其中修改层的名称和Z轴值，也可以点击眼睛图标使层可见或不可见。还有一个防止重叠的选项。
7、层的对齐。按住shift键，同时选中几个层。然后用修改/对齐，用这里的选项。
8、嵌套层。⑴首先在文档中插入一个层。⑵将光标置于该层内，然后继续插入一个层，就得到了嵌套层。⑶里面的叫子层，外面的父层。它们的Z轴顺序是一样的。拖动父层时，子层也会相对移动。移动子层时，父层不会随之移动。
十、了解时间轴
1、点击菜单中的插入/层，插入一个层。
2、在层中插入图片，如一张飞机的图片。（这里的图片也可以是一张小动画的.gif图像）
3、点击菜单中的窗口/其他/时间轴，打开时间轴窗口。
4、选中页面上创建的层，用鼠标按住层左上角的小方框图标，将层拖放到时间轴的第1帧中。这时自动创建了一个长度为15帧的时间轴。
5、选中时间轴上的第1帧，将页面中的层拖放到页左上角，即动画开始时的位置。
6、选中时间轴上第15帧，可以拖动该帧至任意长度，如30帧。
7、选中第30帧，将层拖放到页面的右下方，此时窗口中显示出层从第1帧到第30帧的运动轨迹。(此时运动为直线)
8、可以点中第15帧，右键选“增加关键帧”，在选中第15帧的状态下，拖动层到页面中下方。
9、勾选“自动播放”项。
十一、制作滚动公告牌
1、在页面上插入一个层，然后为层设置一个背景，作为公告版的框架。
2、然后在创建的层中插入嵌套层，将嵌套层移动到父层的下方。
3、在嵌套层中输入文本，并将其居中排列。
4、打开时间轴面板，将子层作为对象添加到面板中。
5、为子层创建一个向上移动的路径，将其移动到父层的上方。
6、拖动最后一关键帧，增长动画时间，然后勾选“自动播放”和“循环”两项。
7、选定父层，在其属性面板中将“溢出”属性设置为“hidden”。

总结：
dreamweaver是一款很强大的网页制作软件，还有很多功能和制作方法要自己不断地摸索，这样做出来的网页才会更加好

6、用Dreamweaver8设计网页有哪些基本步骤

切图
写html
写css

7、怎么在DW中设计网页啊。具体怎么做

DW是网页可视化工具，直接编辑就可以了html和css会自动生成，如果有特别的CSS得在代码视图里面直接写代码

8、求DW制作网页的基本步骤

具体操作步骤如下：

一、首先，在计算机C盘下创建一个“myweb2”文件夹，如下图所示。

二、然后打开Dreamweaver软件，如下图所示。

三、新建一个站点，命名为“myweb2”,跟创建在C盘里的“myweb2”一样，如下图所示。

四、先在网上下载一张图片，再保存到C盘下的myweb2，如下图所示。

五、然后导入新建的HTML中，如下图所示。

六、在图片下输入一些名字，如下图所示。

七、在文字下，创建一个链接，链接为“www.baidu.com”,别人打开这个文字时，会弹出“百度”界面，如下图所示。

八、然后点击如下图画圆圈所示的工具栏。

九、打开图片下的文字，就进入了百度界面，如下图所示。

9、Dw网页设计制作9个小技巧，你都会吗

1）怎样将 Dreamweaver 集成到 IE 浏览器？
Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令，我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样，通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。
将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径，把它们保存为一个 *.reg 文件，双击它将信息添加到注册表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
如果要设置为 IE 缺省的编辑器，打开 IE 的“Internet 选项”，在程序标签指定。
2）为了使用某些脚本，经常要为图形或文本加上空链接，但是浏览时点击有空链接的对象时，会跳到页面的顶端，如何避免？
因为浏览器以为链接到同一页，可它又找不到定义的书签（ anchor ），于是停留在页面的顶端。用“ javascript:void(null) ”替换空链接的“ # ”，解决这个问题。
3）使用 CSS 、层的时候，在不同浏览器的效果不一样，有时甚至出现错位现象，怎样解决？
在对不同浏览器的兼容方面， Dreamweaver 作得不错，但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下，用不同的浏览器浏览同一个网页的外观不可能完全一样，这是不同厂家的浏览器本身决定的。
一般要尽量注意以下问题：
不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内；
内联式的 CSS 在 Netscape Navigator 中经常会出现问题，使用链式或内嵌式；
有时需要在空层插入表格或者透明图片，以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层，改用图片来实现；
避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。
4）为何从别的文档拷贝文本到 Dreamweaver ，所有的段落会挤成一团，而在 Dreamweaver 内部又带有格式代码？
Dreamweaver 复制和粘贴文本有二种类别，标准的方式将对象连同对象的属性一起复制，把剪贴板的内容作为 HTML 代码；另一种方式仅复制或粘贴文本，复制时忽视 html 格式，粘帖时则把 html 代码作为文本粘贴。多按一个“ Shift ”（ Ctrl+Shift+C/Ctrl+Shift+V ）键即按后一种方式操作。
5）为什么网页用 IE 浏览正常，用 Netscape Navigator 却不符合要求甚至出错，而且在 Dreamweaver 的文档窗口老是修改不好？
请检查代码。因为用所见所得编辑器反复修改页面的某些部分，有时会留下一些多余的代码，比如多余的链接，这些代码在 Dreamweaver 的文档窗口看不到， IE 会忽视它们。但是 Netscape Navigator 对代码要求更严格，预览时就出现不可思议的现象。
6）在 Netscape Navigator 中，有些书签（ anchor ）不起作用，有些好象消失了？
Netscape Navigator 的书签是大小写敏感的。在 Navigator 中，多层嵌套的表格里面的书签会丢失，把书签放到表格外面。
7） Dreamweaver 文档窗口布满了各种各样的面板，为了编辑文档，不得不扒开一个个空隙，太累，如何是好？
一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些，不过即便是 1024X768 ，也放不下所有的面板。关键是好好组织。
关闭那些在编辑中暂时用不到的面板，把常用的面板放在一起，节省屏幕空间；
除非现在要用，否则关闭“ HTML Source Inspector ”，它除开占用屏幕空间，还占用相当的系统资源；
按 F4 隐藏所有打开的面板，一览文档的全貌，再按一下，显示面板；
在“ Windows ”选单有个“ Arrange Floating Palettes ”命令，使用这个命令将所有打开的面板放在窗口四周，并互不重叠。
多用快捷键并熟练掌握是很好的提高工作效率的方法。
当添加不可见的对象时，Dreamweaver会在文档窗口的页面顶部加上相应的图标，如果图标太多，可能妨碍编辑。可以按“Ctrl+Shift+I ”（主选单 View|Invisible Elements ）来隐藏和显示它们。也可以设定不出现这些图标，不过不建议这样作，因为它们能帮助选择对象，便于编辑。
8） Head 对象面板只能添加内容，能在文档窗口修改标记的内容吗？
可以。有一种非常直观的方式，按“ Ctrl+Shift+W ”（主选单 View|Head Content ），在文档窗口主选单栏下出现一行图标，点击这些图标修改。
9）如何选择表格、层里面那些非常小的，比如 1X1px 的图片？
在表格的单元格中点击，然后按下“ Shift ”键，用箭头键移动即可选择。
也可先选定表格单元（按下 Ctrl 键，用鼠标点击相应单元）或者层，然后在“ HTML Source Inspector ”面板中选择高亮代码中的，返回文档窗口，图片即被选择。

导航:首页 > 万维百科 > dw网页符号列表设计步骤

dw网页符号列表设计步骤

与dw网页符号列表设计步骤相关的知识