类似月丘兔的美女:二、深入学习和使用-草稿图在页面中的显示效果（点击放大

来源：百度文库编辑：偶看新闻时间：2024/04/28 21:29:23

　　二、深入学习和使用

2、图形化的网页

　　俗语说：一图解千文！图形的影响力往往胜过冗长的文字叙述。在设计网页时，图形不但可以表达一定的信息和意义，还可以表现出一个网站的风格和特色。

　　看到这个主页了吗？这就是图形界面的主页（图1），整个画面基本由图形组成，链接也是加在图上的，当鼠标停在上面时，图形会发生一些变化。

图1　点击可看到浏览效果

　　你想知道这是如何完成的吗？那我们就一起来做一下吧！

（1）画出你的主页来

　　你是否羡慕一些网站的精彩布局和独特的视觉效果？

　　别急，还有一个方法可以帮助你定位图层，规划网页布局！你可以将主页画出来，然后在Dreamweaver中“临摹”。

　　打开一个绘图软件，比如PhotoShop，把你想象中最美的网站布局画出来，这其间既可以吸取其他网站的长处，也可以加入自己的构思和创意，画好之后，把这幅图存为JPG格式的文件，也可以存为GIF或PNG格式（图2）。

图2　用绘图软件做好的图片（点击放大）

　　在Dreamweaver中新建一个空文档，按下Ctrl+J，调出“Page Properties”对话框（图3）。

图3　页面属性对话框

　　选择“Tracing Image”输入框右侧的“Browse”按钮，从对话框中选择我们所画的草稿图，拖动“Image Transparency”滑动按钮，调整草稿图的透明度，将其调为50%，单击“OK”，看，草稿图在网页中出现了（图4），你可以在这个图上建立表格或图层，将画出来的主页做出来，相信你很快就会进入佳境的。

图4　草稿图在页面中的显示效果（点击放大）

　　草稿图不同的网页的背景图，它只是设计阶段的辅助工具，在浏览时是看不到的，如果草稿图的颜色太深，也可以调整它的透明度，以方便制作。

怎么在WORD中的同一个页面同时显示横的和竖立的字？使用dreamweaver编写注册页面，如何把填入的注册信息显示在另一页面上？ SQL怎么深入学习深入学习WINDOWS 怎么深入学习电脑病毒深入DOS学习《深入敌后》中的一首歌有关电子信箱中的草稿纸怎摸用 1,电视节目的栏目的名字用什么标点符号?2,某个法案的草稿的"草稿"二字应该放在书名号里面还是外面? 在IE中使用ajax，更新页面节点后IE中没有显示，是什么原因呢？如何使administrators这个帐户显示在开机时“欢迎使用”那个页面上使用何语句可使数据库中表的内容在ASP的页面中显示出来我使用的是tomcat5.5.12，为什么显示的jsp页面中的中文是乱码？要怎么解决？谢谢！在V8中怎样删除产品介绍中的分类显示,删后不影页面的布局呢为什么在IE中百度知道页面中的登录、退出按钮显示不出来啊？ 163邮箱中的草稿箱里的草稿怎样修改？？ “没”和“不”在使用中的区别使用flash fxp上传页面,图片在本地时正常显示,上传后却无法显示了,请指教. 使用flash fxp上传页面,图片在本地时正常显示,上传后却无法显示了,请指教关于VC++的深入学习怎么深入学习C语言? 深入学习还是尽快找工作? 请问在新浪博客里存入草稿中的文章怎样找出来盟军敢死队使命召唤和深入敌后在哪可以下载