半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

怎么用dw做网页设计的页面

2022-07-17 02:09:29 暂无评论 115 网站建设 怎么   一个   网站

使用Dreamweaver制作网页时候,网页的框架往往在某些方面有固定的格式,像是导航栏、banner条,如果每制作一个网页就要重新设计这些内容是很耗时间的,为了提高工作效率,我们可以使用DW为我们提供的网页模板功能建立模板
第一步――首先是必须建立好一个页的基本框架,把固定的元素先确定下来,留出一些空白的编辑区域给一些变动元素。

第二步――在菜单栏上依次打开【插入】――【模板对象】――【创建模板】

第三步――重新命名你的网页模板。创建网页模板必须先建立网站站点。

第四步――将鼠标光标定位到需要插入编辑区域的地方,然后在菜单栏中打开【插入】――【模板对象】――【可编辑区域】

第五步――建立好的可编辑区域后以后可以直接在这里面输入相应的内容,大多数需要不断更新的。然后就可以直接CTRL+S保存这个模板了,网页模板的格式是.dwt

第六步――使用网页模板,可以在菜单栏中打开【文件】――【新建】――【模板中的页】,选定刚刚重命名的制作好的模板就可以直接引用了。

怎么用dw制作如图的网页?

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

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

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

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

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

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

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

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

怎么用DW做一个网站?

你应该在网络上搜索相关视频教程观看学习,这不是一两句话就可以说清楚的。需要付出时间精力来达到你的目的,或者找找自己的同学朋友。帮做一个也可以。某宝也可以找建站公司。价格不高。

猜你喜欢