您好!PHP家园欢迎您! [个人会员]

您可以学习、提问、发布您的作品——将所学的知识转化为财富。

收藏本站 | 关于我们
最新资讯MORE

武汉PHP培训就信赖PHP家园网站

php就业及薪资待遇情况实时图表分析

谁承认IT培训机构所颁发的证书?

哪些大型网站在用PHP语言?

网站开发学习为什么首选PHP语言?

最新提问MORE

PHP报错:Fatal error: Call to undefined function curl_init() in

滚动条的颜色在不同浏览器中的颜色不同

一条SQL语句从一张表中分别查询两组不同类型数据的各自总数量

Fireworks教程MORE
Fireworks常用快捷键整理 fireworks常用的快键工具条的用法 Fireworks钢笔工具的重要性及学习技巧 模仿——Fireworks网页设计的必修课 Fireworks里文本工具的学习方法及使用技巧
HTML教程MORE
用TABLE来做布局一张页面,我们提供网页模板供您做练习 HTML的颜色值 SEO与HTML的语义 HTML中不常用的标签学习 HTML的框架元素及框架使用中的注意事项
CSS教程MORE
CSS的命名规范 利用IEtester测试CSS样式在不同浏览器中的兼容性 CSS样式调试的附助工具firebug CSS的在不同浏览器中的兼容性处理IE不同版本及GOOGLE、火狐等 CSS的滤镜学习
JavascriptMORE
javascript基本对象结构图 javascript的概念及用法 Javascript函数-函数名:getUTCSeconds(),属于Date的方法 Javascript函数-函数名:getUTCMonth(),属于Date的方法 Javascript函数-函数名:getUTCMinutes(),属于Date的方法
网站综合知识点MORE
PHP算法:求1-10000 之间所有数字总和的一个函数,要求用效率最高的方法写 PHPdoc介绍及使用方法 API文档及其相关知识
PHP教程MORE
php的SESSION和COOKIE的区别和联系 用PHPDOC生成PHP文档 PHP培训教程,用PHP统计在线人数的方法 参考资料——正则表达式快速入门教程 参考资料——ASCII表
Web服务器教程MORE
什么是分布式计算以及分布式计算的应用 什么是云计算? 在Linux平台上搭建版本控制系统SVN 搭建FTP服务器及FTP软件的使用方法 在windows平台上搭建版本控制系统SVN

第18课 模仿——Fireworks网页设计的必修课

分类:>网页设计教程>Fireworks教程 发表时间:2011年07月03日 03:00:48 版权所属:PHP家园
  你不会设计网页不重要,但是你至少会模仿吧。一点一点照着别人的网站模板画,不断地重复自己的学习内容。重复重复再重复,你就会在不知不觉中掌握很多Fireworks的使用技巧。而且能从整体上开始把握一个设计任务的要领。
  这里,我们会大家精心收集了一些具有代表性的网页,通过这些网页的学习模仿,相信你会在模仿完毕之后,不仅对fireworks学习有巨大的成就感,而且能开始接一些设计私单的活回来做做了。
  到此,网页设计的课程,我们差不多就告一段落了。但是还没有完,我们会在后面的网页代码学完之后,再教大家一些目前的课程里面没有讲解的与网页代码相关的一些重要知识。准备一下,这一课学完,开始我们的HTML+CSS+JS的学习之旅吧。

 

一、说说网页版面的宽度和高度

  网页版面的宽度一般设为以下几种比较常见:

(1)宽度760像素,高度不限,适合在800*600像素的显示分辨率下使用。
(2)宽度860像素,高度不限,适合在1024*768像素的显示分辨率下使用。
(3)宽度960像素,高度不限,适合在1024*768像素的显示分辨率下使用。其实960、980、990的宽度都不错,如果想做类似于百度,GOOGLE这种网站的联盟广告,990有些非常大的优点。这一点,以后你做了就明白了。因为它可以一行放两上不同的广告。正好能放得下。否则分布广告位的时候,会让你很头疼。
003像素,高度不限,适合在1024*768像素的显示分辨率下使用。
(5)宽度大于1003像素,高度不限,适合在大于1024*768像素的显示分辨率下使用。一般都是页头宽度比较大的版面,比如像现在的淘宝商城的页头效果。

  如果我们用fireworks或PS设计版面,一般情况下,不要在版面周边留白(即,画面上的图片都最好紧挨着边缘,不要有空白的部分,由其是页面头部,头部下边的中间部分自然会有合适的留白出现,可以不用理会)

二、网页设计练习方法

  其实做网站有点像练书法,不过比练书法要轻松有趣一些。我们也是要经过以下一些方法的练习,才能达到一定的水平。

  描红临模:抓取一张网页,如果你用的是360浏览器,“文件”菜单里有一个“将网页保存为图片...(CTRL+M)”的功能,你可以直接将一个网页保存为一张PNG格式的图片,这样对你临模一个网站有很大的关系。做网页设计,如果是把别人的网站做为参考来学习制作,临模描红这样的方法是同时使用的。也就是说,你现在可以打开你保存的网页,然后锁住它所在的图层,一点一点画就行了。画个三五张网页,你也许就明白一张网页是怎么做的了。你就会一些基础概念。当然,当你学会了HTML、CSS、JS之后,你将会对如何做一张更加实用的网页会有更深刻的理解。

三、该画和不该画的部分

  一张网页,其实有些部分是要画的,有些部分是不用画的。比如,网页上的照片,产品图片,风景图,FLASH动画,广告位上的图,这些都不需要你把里面的画面画出来。在设计网页的时候,留下空位,上面打上字,比如说这里是广告位,这里是产品图等等就可以了。而那些菜单名称等一些小的图标按钮,我们往往都是要画出来的。不然将来切图,或者要用这些图的时候,可能因为上面的字要变更或其它因素,就没有办法使用别人原来的图片,图切不出来就无法使用。这就会变成一个比较大的问题。这些是初学者应该注意的一些问题。


PHP家园在线客服 PHP家园在线客服
态度决定一切,细节决定成败。
所有语录>>