dw制作网页简单吗?

dw制作网页简单吗?,第1张

简单。

Dreamweaver,昔日风靡全球的网页三剑客之一,集网页制作和管理网站于一身的所见即所得网页代码编辑器。它最大的特点之一就是提供了很多现成的页面模版,以及可视化编辑窗,并借助经过简化的智能编码引擎,通过简单的配置就能实现很多不错的前端效果,对没什么网页制作经验的用户非常友好,很容易就上手。经过二十多年的发展,它现在支持的开发语言也是比较丰富的,常见的JAVA,PHP、C#、VB等都可以使用。虽然它现在没落了,市面上有了更多更强大的开发软件,但Dreamweaver对零基础的初学者仍是不错的选择。

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

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

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

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

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

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

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

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

1首先在dw中点击“文件->新建->常规->基本页->HTML”;按照步骤一次打开这几个选项

2然后在电脑DW中创建一个“无标题文档”;

3接着在刚刚创建标题空格处输入网页的名称;

4最后通过在菜单上寻找出“窗口/属性”,按照需要再打开属性面板进行设置即可。

就是说,与其用空格排版不如用CSS元素

比如 indent 就是表示文字缩进,

<div style="text-indent:10px">这里文字</div>

就会让文字缩近 10个像素点

padding 是文字填充,不改变框大小

margin 是定义眉/脚,即框大小会变

hspace,vspace是上下左右空格

可以看看 w3schoolorg的css介绍

如何用dw设计网页动态?想要设计制作一张动态,如果要使用dw设计软件,只需要点击软件功能菜单的右键->设置->动态->字符库。我们可以调用默认字体、字体样式、文本样式和文本模式等选项来设计效果。那么我们如何进一步调整动画呢?通常,我们使用字体样式文件,选择合适的字体,并从左侧输入如下图所示的。在这样的文件中,字体设置为最常用的字体样式,字体大小为20点,文字大小为12磅,图像分辨率为72像素/英寸,字体颜色为灰色。这个文件在应用图层里面,就自动设为白色。在这个图层上面有很多小图像点缀,你可以把它们放在背景里面,也可以自己定义大小。不同的图像通过不同的滤镜得到不同的效果,在这个例子里,一个有了很多层次,就可以把它变的暗、显得很强。

欢迎分享,转载请注明来源:表白网

原文地址:https://h5.hunlipic.com/biaobai/3830322.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2024-03-28
下一篇2024-03-28

发表评论

登录后才能评论

评论列表(0条)

    保存