dw网页制作详细步骤，dw网页制作成品免费下载

老铁们，大家好，相信还有很多朋友对于dw网页制作详细步骤和dw网页制作成品免费下载的相关问题不太懂，没关系，今天就由我来为大家分享分享dw网页制作详细步骤以及dw网页制作成品免费下载的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！

求DW制作网页的基本步骤

具体操作步骤如下：

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

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

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

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

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

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

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

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

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

如何用dw制作网页首页

ps做模板其实可以用ps生成一个简单的网站，不过这是真的很简单的，而且适应性很低。

方法就是用ps打好切图的标记后存储为web格式时选择存储为网页格式，并且带有html文件的网页格式。这就是一个简单的由图片组成的网站了。

用dw也不难，dw有个模式可以像ps一样添加，其实和ps也差不多了。不过适应性还是很低。看一下html和css的文档基本都可以做了，用dw就更简单了

怎么用dw制作如图的网页

如果你会运用Dreamweaver div+css来写前端的话，仅靠这个就足够写一个漂亮的前端页面了，可以尝试几点来使页面效果更丰富：

运用好盒子的浮动，做好层级的设计，页面会更有层次

设计一个Logo，有图形设计的logo不仅仅是几个文字，可以在iconfont找一些成熟漂亮的图标，切记新手要学会利用素材，而不是搞全新的创作，为什么，因为不具备创作的能力

:hover的运用，比如hover设置底部边框线颜色改变，就会有鼠标滑过变色的效果，也同样可以使用鼠标滑过字体颜色大小改变，背景图的改变等，一句代码、事半功倍

制作一个漂亮的导航条，无需js使用 ul li即可完成一个带下拉菜单栏的导航栏，一个可下拉的导航栏会为整个页面增加不少高级感，建议使用浅灰色不必那么鲜艳，同时加入鼠标滑过效果体验更佳

引入成熟的js轮播图，首页有一个通屏的滚动banner效果会不错，这里可以直接引用成熟的轮播图代码事半功倍，在这里不要觉得不会写js下载代码是不可取的办法，在网页设计上，使用成熟或开源的代码是合理高效的方法，在写网页设计报告的时候也直接写清楚是引用的，自己通过调整尺寸适配等引入到自己的网页中即可

学生作业还是要尽可能的将所学知识点融入在网页中，比如音频、视频、表单验证等功能的运用，也是丰富页面的一个手段

最后可以去大设计师论坛看下我这边做的一些成品，旅游、美食、明星、校园、游戏等等主题，也都有共享源码，可以看下我的css、导航栏是怎么写的，就酱~

文章分享结束，dw网页制作详细步骤和dw网页制作成品免费下载的答案你都知道了吗？欢迎再次光临本站哦！