宁波网站设计专栏

宁波网站设计:网页设计的常用工具

发布时间:2018-09-22 22:59:28

  网页设计的常用工具
  图片管理软件ACDSee
  ACDSee是非常流行的看图工具之一。它提供了良好的操作界面、人性化的操作方式,优质的快速图形解码方式、支持丰富的图形格式,具有强大的图形文件管理功能。
  功能支持
  读取支持。
  ①ANI:Windows光标动画。
  ②ART:AOLART静态图像。
  ③BMP:Windows位图。
  ④CUR:Windows光标。
  ⑤DCX:多页PCX,支持所有子类型及多页。
  ⑥DJV:DjVu。
  ⑦EMF:增强型元文件格式,Win32增强型可定位元文件。
  ⑧EPS:仅显示嵌人的缩略图(TIFF格式)。
  ⑨FPX:FlashPix,多重分辨率支持。
  ⑩GIF:可交换的图像文件格式单页和动画。
  写人支持。
  ①BMP:Windows位图。
  ②GIF:可交换的图像文件格式。
  ③JPEG。

宁波网站设计:网页设计的常用工具的图片195

  ④PCX:ZSoft发布的程序画笔,RLE未压缩。
  ⑤PNG:可移棺的网络图像。
  ⑥RSB:红色风暴图像格式,支持所有子类型。
  ⑦TGA0
  ⑧TIFF:标记图像文件格式。
  存档格式支持。
  LHA;
  ZIP;
  AVI;
  MID;
  MOV;
  MP3;
  MPG;
  WAV0
  版本介绍
  ACDSee共分为两个版本——普通版和专业版,普通版面向一般客户,能够满足一般人对相片和图像进行查看和编辑的要求,而专业版则是面向摄影师的,各方面功能都有很大增强。普通版最新的简体中文版为ACDSee15,专业版最新的简体中文版是ACDSeePro6。
  软件大小:90.5MB;
  软件语言:简体中文;

宁波网站设计:网页设计的常用工具的图片191

  软件授权:收费软件;
  文件类别:图片浏览;
  运行环境:Windows8/Windows7/Vista/WindowsXP/Windows2000/WindowsNT/Windows9X。

宁波网站设计:网页设计的常用工具的图片199

  系统要求
  要使用ACDSee浏览图像、播放视频或音频,系统必须包含以下组件:
  硬件:
  ①英特尔奔腾D1/AMDAthlon或同级处理器(建议使用英特尔奔腾4/AMDAthlonXP或同级处理器);②512MBRAM(建议使用1GBRAM);③250MB空闲硬盘空间(建议留出1GB硬盘空间);④分辨率为1024x768的高彩色显示适配器(建议使用分辨率为1280x1024的显示器);⑤CD/DVD刻录机(用于创建CD与DVD)。
  软件:
  ①MicrosoftWindowsXP家庭版或专业版操作系统(安装有ServicePack2)、WindowsVista或Windows7;②MicrosoftInternetExplorer7.0或更高版本。
  注意:不同版本的ACDSee对系统的要求可能略有不同。
  操作技艺

宁波网站设计:网页设计的常用工具的图片203

  文件管理操作。
  ACDS?>^他了简鱼的玄件管拥劝能。用它可W讲杆立件的复制。稔动和重命欠等楹作,使用时只需选择”Edit“菜单上的命令或单击工具栏上的命令按钮即可打开相应的对话框,根据对话框进行操作即可。还可以为文件添加简单的说明,为文件添加说明的方法是:先在文件列表窗口中选择要添加说明的文件,然后单击”Edit“菜单中的”Describe“命令,这时打开”EditDescription“对话框,在对话框中输人该文件说明后单击”0K“按钮即可,下次将鼠标停在该文件上不动时,ACDSee就会显示该说明。
  文件批量更名。
  这是与扫描图片并顺序命名配合使用的一个功能,它的使用方法是:选中”Browses“窗口内需要批量更名的所有文件,单击文件列表中的项目名称,使其按文件名、大小、日期等规律排列。再单击”Tools“菜单下的”Renameseries“命令,打开相应对话框。在”Template“框内按”前缀#.扩展名“的格式填人文件名模板,其中通配符”#“的个数由数字序号的位数决定。另在**Startat”框内选择起始序号,单击“0K”按钮后所选文件的名称全部被更改为模板指定的形式。
  图片文件重设关联。
  在Windows下,关联程序并不难,但是有时候安装了新的图形图像软件后,某些图像格式的文件就可能不再与ACDSee相关联了,这样每次双击图形文件时就不再是用ACDSee打开的了,非常麻烦。这时候只要启动一次ACDSee,并选中其中的某一格式的图片文件,单击“Tools”菜单下的“Shell”命令,此时会弹出子菜单,选择“OpenWith”,打开“OpenWith”窗口,选中需要关联的程序,并选中**AlwaysusethisprogramtoOpenthistypeoffile“选项,以后该格式的文件就与选中的程序关联了6如果要将所有的图片格式与ACDSee相关联,则进人ACDSee的设置窗口(在”Tools“菜单下选择”FileAssociations“),选择需要与ACDSee相关联的格式即可,也可以选择”SelectAU“将所有的图片与ACDSee相关联,最后再点击”0K“按钮即可。
  为图片添加注释3
  计算机里一般都存放了许多图片,时间一长,别说文件名,就连它是干什么用的都不知道了,这时候就需要对它们进行管理,以提高效率。选中一个图片文件,然后单击鼠标右键,选择”Properties“命令,打开相应窗口,在里面写上注释的内容和关键字,以后就可以通过ACDSee的査询功能快速地找到所需要的图片了。
  更改文件日期。
  在Windows下更改文件的日期是很困难的事情,尤其是批量更改文件日期,而用ACD-See就能够解决这个问题,具体的方法是:首先将系统日期调整到相应的值,再选中欲更改日期的文件,最后单击”Tools“菜单下的”Changetimestamps“,在对话框中选择”Currentdate&time“,并按”OK“按钮即可。在ACDSee中默认的是只显示图形文件所有文件即可浏览图片。
  ①方法一:用全屏幕査看图片。
  在全屏幕状态下,查看窗口的边框、菜单栏、工具条、状态栏等均被隐藏起来以腾出最大的桌面空间,用于显示图片,这对于查看较大的图片是十分重要的功能。使用ACDSee实现全屏幕查看图片的过程也很简单。首先将图片置于查看状态,而后按”Ctrl+F“组合键,这时工具条就被隐藏起来了,再按一次”Ctrl+F“组合键,即可恢复到正常显示状态。另外,利用鼠标也可以实现全屏幕查看,先将光标置于查看窗口中,而后单击鼠标中键,即可在全屏幕和正常显示状态之间来回切换。如果使用的是双键鼠标,则将光标置于查看窗口中,然后在按住左键的同时单击右键,也能够实现全屏幕和正常查看状态的切换。
  ②方法二:用固定比例浏览图片。
  有时候,图片文件比较大,全屏幕也显示不完全,而有时候所要查看的图片又比较小,以原先的大小观看会不清楚,这时候就必须使用ACDSee的放大和缩小显示图片的功能,其操作起来非常简单,只要在浏览状态下,单击相关工具栏上的按钮即可。但是一旦切换到下一张图片时,ACDSee仍然默认以原大小显示图片,这时候又必须重新点击放大或缩小按钮,非常麻烦。其实,在ACDSee软件中有一个ZoomLock开关,只要在浏览文件时将画面调整至合适大小,再用鼠标右键单击画面,选中”ZoomLock“选项,当按”下一张“按钮浏览下一张图片时就会以固定的比例浏览图片,从而减少了再次放大和缩小调整图片的麻烦,非常方便。
  用图像增强器美化图像。
  在处理图像时,首先通过”Tools“菜单下的”PhotoEnhance“命令,来打开图像处理窗口;在该窗口的工具栏中选择需要的工具,如色彩调整,程序将打开一个调整窗口,窗口中有两个对比图,拖动窗口中的滑条,即可调整图像的色彩;如果选择”Filter“菜单,宁波网站设计程序将打开优化过滤窗口,该窗口中有一个”Despeckle“工具,这个工具能够改善某些压缩格式的图像质量,从而获得令人比较满意的效果。
  制作屏幕保护程序。
  巧妙地利用ACDSee的连续播放功能可以将图片制作为屏幕保护程序:
  首先选择”Tools“菜单下的”Options“命令,打开相应窗口,并选择”SlideShow“标签,将延迟时间由默认的5000毫秒(即5秒)改为需要的值,一般要改得小一些,这样图片显示就快一些,然后双击图片文件,并点下工具栏上的演示按钮,就可以慢慢地欣赏喜爱的图片了。
  制作HTML网页相册。
  ACDSee的HTML相册功能是用插件实现的。它的使用方法是:单击”Plug-ins“菜单下的”HTMLAlbumGenerator“命令,打开”HTMLAlbumGenerator“对话框。单击**Settings”按钮对相片缩略图的格式进行调整,其中包括图片质量、压缩比等。“Pagesettings”项用来设置HTML相册中每个页面显示的缩略图的行/列数;单击右边的按钮可以打开“PageProperties”对话框,其用来设置页面的背景色、文本颜色、下划线颜色等;在“Title”对话框中输人相册的标题(必须)。最后,用“Folder”框来设置相册所在的路径,下面的3个单选项,用来设置创建文件时处理同名文件的方式,分别是“覆盖”“不覆盖”和“询问”,选中下面的两个复选项可将源文件复制到目标文件夹中相册建立完成后调用浏览器就可以打开它。以上设置完成后单击“0K”按钮,就可以将HTML相册建好并浏览。利用这一功能还可以将普通图片制作成适合网页使用的缩略图。
  制作文件清单。
  许多文件管理工具都没有文件清单打印功能,这给文件管理带来了困难3利用ACDSee可以轻松制作文件清单,具体做法是:在“Browses”窗口内选中需要制作清单的文件夹,然后打开“View”菜单中的“ArrangeIcons”子菜单,根据需要选择按何种方式(按大小、类型、日期等)排列文件,再单击“Tools”菜单下的“GenerateFilesListing”命令,即可将当前目录下的文件清单放人文本文件,只要将其存盘就可以打印或长期保存。
  制作缩印图片。
  ACDSee允许将多页的文档打在一张纸上,形成缩印的效果。ACDSee也允许将同一文件夹下的多张图片缩印在一张纸上。具体的方法如下:
  首先选中要进行缩印的图片文件(可以多选),然后单击鼠标右键,选择“Print”(或“File”菜单下的“Print”命令),此时ACDSee会弹出打印对话框,点下“确定”按钮,由于使用的是ACDSee的缺省设置,所以这时候又会弹出打印设置框,请在“Size”的下拉框中选择“Thumbnails”,当然还可以设置其他相关选项,如保持纵横比、每张图的宽度和高度、纸张的大小等,如果觉得下次重新进行设置太麻烦的话,也可以点下“SaveSettings”按钮,将当前设置保存为默认设置。最后要做的事就是点下“0K”按钮,再接通打印机打印。

宁波网站设计:网页设计的常用工具的图片198

  为图像文件解压。
  图像文件有若干种格式,其中大部分格式都会对图像进行不同方式的压缩处理,也就是说在使用某种格式来保存图像时,会对阁像进行自动压缩。压缩了的阁像文件在传送和存储时固然有它的好处,但是有些软件不能识别这些压缩的图像。新版本的ACDSee软件具有恢复被压缩的图像的功能,可以在该软件的菜单栏中依次单击“File”/“Saveas”命令,在弹出的保存对话框中,将保存类型设置为TIFF格式,然后在“Options”选项中,将,lCom-press“(压缩方式)设置为”None“,就可以恢复被压缩的图像了。
  为扫描图片顺序命名。
  ACDSee增加了调用TWAIN标准扫描仪的功能,可以直接在”Browses“窗口中扫描图片并按顺序命名,用它作扫描仪的”搭档“非常合适。其操作方法是:在”Browses“窗口的右窗格选中存放图片的文件夹,单击工具栏中的”Acquire“按钮(或”File“菜单下的对应命令),即可打开”Acquiresetup“对话框。其中”TWAINsource“下列出了本机安装的扫描仪及其扫描界面的型号。打开”Format“下拉列表可以选择扫描输出的文件格式,对于JPG等压缩格式,还可以单击”Options“按钮打开相应对话框,设置压缩比之类的参数。”Filenametemplate“框用于输人图片名模板,它由任意字符和表示数字的通配符”#“构成。例如要扫描输出实际——实际共16个文件,可在”Filenametemplate“框中输人”图##“,其中”#“的个数由数字位数决定。如果文件数目达到了两位数,就应填入两个”#“(依此类推)。以上设置完成后单击”0K“按钮,即可调用扫描界面进行扫描,结束后即可输出模板指定的文件,后续输出的文件均会按顺序命名。
  转换图片格式。
  ACDSee可以成批转换图片格式,转换方法是:选中”Browses“窗口内需要转换格式的图片,单击”Tools“菜单下的”Convert“命令,弹出图片格式转换对话框。可以在”Format“框内选中要转换的图片格式,对于JPG等格式,可以单击”Formatsettings“按钮设置压缩率等参数。”Tofolder“框显示转换后的图片保存位置,可以单击”Browse“按钮选择其他文件夹。右下角的”Overwriteexisting“下拉列表用来设定”Tofolder“文件夹有同名文件时的覆盖方式,可选择”Ask“进行询问,选择”Rename“自动更名,选择”Skip“跳过,选择”Replace“替换,若选中右边的复选项可移去或替换原有的文件。
  ①转换动态光标文件为标准AVI文件。
  ACDSee支持许多格式的媒体文件,包括对CUR(鼠标文件)、ICO(图标文件),甚至ANI(动态光标文件)的支持,只要打开文件夹,其中的这些文件均会被显示出来。这时候,可以双击ANI文件切换到浏览窗口,这时候的ANI文件就会被重复播放,在许多多媒体软件中,都只能够把ANI文件当作动态光标来使用,而有时候需要把它当作一般的动画文件来使用,这时候可以先切换至浏览模式,再用屏幕抓取软件,如LotusScreenCamera、HyperCam等把它抓下来,存为AVI格式文件以使其被多媒体软件使用。对于GIF文件也可以采用类似的方法。
  ②转换ICO文件为图片文件?
  ICO、CUR分别为图标文件和光标文件,在一般情况下,它们只能够以图标文件和光标文件被引人多媒体程序中,如果要把它们当作位图资源来使用就必须打开相应的软件,通过”拷贝“和”粘贴“命令来实现转换,非常麻烦。在ACDSee中已经内置了ICO和CUR文件的查看器,并支持将它们转换为标准的位图文件。具体的方法是:在进人△;窗口后,选中欲转换的ICO和CUR文件(可多选),并单击鼠标右键,选择”Convert“,选择存盘位置和格式即可,而且ACDSee还支持批量转换,使用起来更加方便。
  ③转换图形文件的位置。
  在文件列表窗口中选择需要复制或移动的所有文件,然后单击界面按钮条中的”Copyto“或”Moveto“按钮(由于复制和移动的界面是一样的,在此以复制为例说明),程序会给出设置界面。在界面中的”DestinationDirectory“文本框中输入复制文件的目的路径,然后单击”0K“按钮确定即可。此外,在该界面中也提供了目的路径下存在与复制文件同名文件时的处理方式设置,程序默认给出对比窗口,由用户决定。当使用该设置并在复制过程中出现同名文件时,程序会给出提示界面。此时可根据自己的需要选择相应的操作方式,如替换、换名保存等。
  ④转换EXE,DLL文件中的ICO资源。
  通过ACDSee能够将EXE、DLL文件中的ICO资源转换出来利用,具体方法如下:
  启动ACDSee,单击”Plug-Ins“下的”Settings“,打开相应对话框,以这里可以设置ACDSee的插件功能,使之能够显示EXE、DLL文件中的ICO资源,从而把它们抠取出来。
  选中其中的”ID_1CO.aPl“项目,打开设置框,选中”Showiconsin.EXEfiles“和”Showiconsin.DLLfiles“两项,表示让ACDSee显示EXE、DLL文件中的ICO资源,接着进入任一文件夹,选中其中的EXE或DLL文件,它的第一个1C0资源就会显示在图片区内。
  如果需要看下一个资源,双击这个EXE或DLL文件,这时会打开一个标准的浏览窗口,单击”下一个“或”上一个“按钮就可以看到其中的所有ICO资源。
  播放文件。
  ①播放幻灯片。
  在使用ACDSee浏览图像的时候,可以设置以幻灯片的方式来连续播放图像。要以幻灯片方式播放,首先必须切换到ACDSee的图片查看窗口,然后用鼠标依次选择菜单中的”Tools“/”SlideShow“/”Run“,就可以以幻灯片方式自动播放某文件夹中的图像;也可以通过鼠标右键菜单项或按快捷键”Pause“启动幻灯片播放方式。
  ②播放动画文件。
  动画文件在多媒体程序中起着至关重要的作用,以往要选择一段动画素材时,必须启动相应的编辑软件,然后逐个打开进行试播放。有了ACDSee后,这个问题就变得简单多了。在ACDSee中已经内置了MPG和AV1格式文件的解码器,可以以缩略图的形式播放动画文件,从而给选择素材文件提供了很大的方便。具体方法如下:
  首先启动ACDSee,单击Plug-Ins*/?Settings”,打开相应对话框,在这里可以设置ACDSee的插件功能,使之能够以缩略图方式动态显示MPG和AV1文件;然后选中其中的“lD_AVl.apl”项目,打开设置框,选择其中的“Option”标签,并选择“PlayAnimation”,以动态显示AVI文件,选中其中的“ID_MPG.apl”项目,也进行类似的设置,最后进人任一文件夹,选中其中的AVI或MPG文件,在ACDSee的图片显示区域中就会出现一个小小的播放器,可以使之暂停也可以播放,这样AVI或MPG文件的内容就被看得清清楚楚了。
  ③播放声音文件
  在制作多媒体程序时离不开声音,有时候为了找到一个声音,不得不打开声音软件逐个挑选。在ACDSee软件中已经内置了声音文件的解码器,它能够识别WAV、MID、MP3等格式的声音文件,只要进入ACDSee窗口中,选中这些文件,就会在图片显示区域内出现一个播放器,通过它就可以试听声音,从而免去了打开文件和切换之烦琐。
  快速查找图像文件。
  如果图像文件不具有标准的文件扩展名,ACDSee会认为它不是图像文件,这样在浏览窗口不会显示文件的预览图。这时候可以设定让ACDSee通过访问每个文件的头部信息强制确定它是否为图像文件。在浏览器方式下,进人设置菜单,选择“Tools”/Options“/”FilesList“标签项的”ReadingImageInformation“项中的”Never“选项之外的任意项。此项选择生效后,ACDSee每进入一个文件目录都会扫描目录内的文件头部,提取图像格式和尺寸信息,这样就可以浏览查看非标准后缀名的图像文件了。这个功能可以帮助使用者快速地找出一个文件夹内到底有多少图像文件,这对多媒体制作人员是很有好处的。
  压缩文件。
  一般情况下,人们都喜欢把一些文件压缩成压缩文件,以节省硬盘空间,比较流行的压缩格式为ZIP格式,但是有时候计算机上没有安装WinZIP,这时ACDSee的查看和显示ZIP压缩包文件功能就能够发挥作用了。具体的方法如下:
  首先启动ACDSee,单击”Plug-Ins“/”Settings“,打开相应对话框,选中”Archive“标签,并选中其中的”ax_zip.apl“项目一些版权信息;然后进人任一文件夹,选中其中的ZIP文件,双击它,ACDSee会把它当作一个文件夹来看待,这时候就可以査看其中的图像文件了(当然也包括ACDSee所支持的其他多种格式)。这样就可以在不解压ZIP文件的情况下对其包含的素材有个大致的了解,这是非常方便的。
  图片设计软件Photoshop
  Photoshop简介
  AdobePhotoshop是由AdobeSystems开发和发行的图像处理软件。
  Photoshop主要处理以像素所构成的数字图像。其使用众多的编修与绘图工具,可以有效地进行图片编辑工作。Photoshop有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
  年,AdobePhotoshop8更名为AdobePhotoshopCS。2013年7月,Adobe公司推出了新版本的PhotoshopCC,自此,PhotoshopGS6作为AdobeCS系列的最后一个版本被新的CC系列取代。截至2016年1月,AdobePhotoshopCC2015为市场最新版本。
  Adobe支持Windows操作系统、安卓系统与MacOS,Linux操作系统的用户可以通过使用Wine来运行Photoshop□2)Photoshop的功能处理加工。Photosh叩的专长在于图像处理,而不是图形创作。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果,其重点在于对图像的处理加工。图形创作是按照设计者的构思创意,使用矢量图形等来设计图形。
  平面设计。平面设计是Photoshop应用最为广泛的领域,无论是图书封面,还是招贴、海报,这些平面印刷品通常都需要Photoshop软件对图像进行处理。
  广告摄影。广告摄影是一种对视觉要求非常严格的工作,其最终成品往往要经过Photoshop的修改才能得到令人满意的效果。
  影像创意。影像创意是Photoshop的特长,通过Photoshop的处理可以将不同的对象组合在一起,使图像发生变化。
  网页制作。网络的普及促使更多的人学习Photoshop,因为在制作网页时Photoshop是必不可少的网页图像处理软件。
  后期修饰:在制作建筑效果图,包括三维场景时,人物与配景,包括场景的颜色常常需要利用Photoshop修改和调整。
  视觉创意。视觉创意是设计艺术的一个分支,此类设计通常没有非常明显的商业目的,但由于它为广大设计爱好者提供了广阔的设计空间,因此越来越多的设计爱好者开始学习Photoshop,并进行具有个人特色与风格的视觉创意?
  界面设计。界面设计是一个新兴的领域,受到越来越多的软件企业及开发者的重视。在当前还没有用于界面设计的专业软件,因此绝大多数设计者使用的都是Photoshop。
  Photoshop的界面组成及操作说明
  ⑴标题栏。
  标题栏位于主窗口顶端,最左边是Photoshop标记,右边分别是最小化、最大化/还原和关闭按钮。属性栏又称工具选项栏。选中某个工具后,属性栏就会改变成相应工具的属性设置选项,可更改相应的选项。
  菜单栏0
  菜单栏为整个环境下所有窗口提供菜单控制,包括文件、编辑、图像、图层、选择、滤镜、视图、窗口和帮助9项。Photoshop通过两种方式执行所有命令,一是菜单,二是快捷键。
  图像编辑窗口。
  中间窗口是图像窗口,它是Photoshop的主要工作区,用于显示图像文件。图像窗口带有自己的标题栏,提供打开文件的基本信息,如文件名、缩放比例、颜色模式等。如同时打开两幅图像,可通过单击图像窗口进行切换。图像窗口切换可使用”Ctrl+Tab“组合键。
  状态栏。
  主窗口底部是状态栏,由3部分组成。文本行说明当前所选工具和所进行操作的功能与作用等信息。
  缩放栏。
  缩放栏显示当前图像窗口的显示比例,用fife筠在姗斑口少输人数值后按回车键来改变显示比例。
  预览框。
  单击预览框右边的黑色三角按钮,打开弹出菜单,选择任一命令,相应的信息就会在预览框中显示。
  工具箱。
  工具箱中的工具可用来选择、绘画、编辑以及查看图像。拖动工具箱的标题栏,可移动工具箱;单击可选中工具或移动光标到该工具上,属性栏会显示该工具的属性。有些工具的右下角有一个小三角形符号,这表示在工具位置上存在一个工具组,其中包含若干个相关工具。
  控制面板。
  Photoshop共有14个控制面板,可通过”窗口/显示“来显示相应面板。
  按Tab键,自动隐藏命令面板、属性栏和工具箱,再次按Tab键,显示以上组件。
  按”Shift+Tab“组合键可隐藏控制面板,保留工具箱。
  绘图模式。
  使用形状工具或钢笔工具时,可以使用3种不同的模式进行绘制图形。在选定形状工具或钢笔工具时,可通过选择选项栏中的图标来选取一种模式。
  形状图层。
  可在单独的图层中创建形状。可以使用形状工具或钢笔工具来创建形状图层。因为可以方便地移动、对齐、分布形状图层以及调整其大小,所以形状图层非常适合为Web页创建图形。可以选择在一个图层上绘制多个形状。形状图层包含定义形状颜色的填充图层以及定义形状轮廓的链接矢量蒙版。形状轮廓是路径,它出现在”路径“面板中。
  
  在当前图层中绘制一个工作路径,随后可使用它来创建选区、矢量蒙版,或者使用颜色填充和描边工具创建栅格图形(与使用绘画工具非常类似)。除非存储工作路径,否则它是一个临时路径。路径出现在”路径“面板中。
  填充像素直接在图层上绘制,与绘画工具的功能非常类似。在此模式中工作时,创建的是栅格图像,而不是矢量图形。可以像处理任何栅格图像一样处理绘制的形状。在此模式中只能使用形状工具。
  档案格式。
  ①PSD。PSD是Photoshop默认的保存文件的格式,它可以保留所有图层、色版、通道、蒙版、路径、未栅格化文字以及图层样式等,但无法保存文件的历史操作记录。Adobe的其他软件产品,例如Premiere、lndesign、[llustrator等可以直接导人PSD文件。
  ②PSB。PSB最大可保存长度和宽度不超过300000像素的图像文件,此格式用于文件大小超过2GB的文件,但只能在新版Photoshop中打开,其他软件以及旧版Photoshop不支持此格式。
  ③PDD。此格式只用来支持PhotoDeluxe的功能。PhotoDeluxe现已停止开发。
  ④RAW。PhotoshopRAW包括具有Alpha通道的RGB、CMYK和灰度模式,以及没有Alpha通道的Lab、多通道、索引和双色调模式。
  ⑤BMP。BMP是Windows操作系统专有的图像格式,用于保存位图文件,最高可处理24位图像,支持位图、灰度、索引和RGB模式,但不支持Alpha通道。
  ⑥GIF。GIF格式因采用LZW无损压缩方式并且支持透明背景和动画,被广泛用于网络。
  ⑦EPS。EPS是用于Postscript打印机上输出图像的文件格式,大多数图像处理软件都支持该格式。EPS格式能同时包含位图图像和矢量图形,并支持位图、灰度、索引、Lab、双色调、RGB以及CMYK模式。
  ⑧roF。便携文档格式PDF支持索引、灰度、位图、RGB、CMYK以及Lab模式。它具有文档搜索和导航功能,同样支持位图和矢量。
  ⑨PNG。PNG作为GIF的替代品,可以无损压缩图像,并最高支持244位图像并产生无锯齿状的透明度。一些旧版浏览器(例如IE5)不支持PNG格式。
  ⑩TIFF。TIFF是通用文件格式,绝大多数绘画软件、图像编辑软件以及排版软件都支持该格式,并且扫描仪也支持导出该格式的文件。
  JPEG。JPEG和JPG—样是一种采用有损压缩方式的文件格式,jPEG支持位图、索引、灰度和RGB模式,但不支持Alpha通道。

宁波网站设计:网页设计的常用工具的图片200

  文件大小。
  像素总量=宽度x髙度(以像数点计算)
  文件大小=像素总量x单位像素大小
  单位像素大小计算:最常用的RGB模式中1个像素点等于3个Byte,CMYK模式中1个像素点等于4个Byte,而灰阶模式和点阵模式中一个像素点等于1个Byte。
  打印尺寸=像素总量/设定分辨率
  网页制作
  网页制作的定义
  网页制作,是指利用相应的工具,依据HTML标准,将已经设计好的网站图片转化为真实的HTML页面,并保障其在网页浏览器中能被准确解释和执行的过程。
  网页制作的过程
  第一步,获得网站技术方案和效果图片。
  网站的技术方案和效果图片是动手制作HTML网站前的重要参考依据。如果没有它们,则需先撰写方案和设计页面效果,不提倡在没有方案和效果图片的情况下直接动手制作网站。
  
  网站设计好后,是一幅完整的图片文件。但网页文件却是文字、图片、多媒体和程序代码的组合,页面中的所有图片,必须是已经被切碎、可灵活使用的细节图。
  通常使用Adobe公司的ImageReaderCS软件来实现页面的切割工作。
  第三步,使用网页制作工具建立站点。
  因为网站通常是多个网页的集合体,所以为了提高网页的制作效率和准确性,需要先建立站点。在建立站点时,应配备好文件目录、文件类型、FTP和测试环境等。
  虽然可以使用在记事本中直接编写HTML代码的方式制作网页,但这种方式较抽象,为了更好地掌控建设情况,人们一般选择一些具备”所见即所得“功能的工具软件来完成页面的制作。常用的页面制作工具有微软公司的FrontPage和Adobe公司的DreamweaverCS等。此外,微软公司的VisualStdio也具备一定的网页制作功能。
  利用一般的网页制作工具,都可以方便地设定网站的站点。

宁波网站设计:网页设计的常用工具的图片202

  第四步,使用网页制作工具制作网页的布局与结构。
  站点建立好后,就可以进人正式的页面制作阶段了。首先需要利用网页制作工具在空白的页面上进行结构布局。

宁波网站设计:网页设计的常用工具的图片194

  常用的网页布局方式有3种:
  使用层文件,即<(^>标签。这种方式灵活,且能实现空间叠加,还可以和程序结合,实现多种复杂的功能。
  使用表格,即〈table>.〈/table>三层标签的组合应用。利用表格来排版最严谨,能做到纹丝不差、结构翔实,故其最受网页工程师们的欢迎。
  使用页面框架,BP……〈/frameset>标签。利用框架,可以实现浏览器窗口的切割使用,也能实现在一个窗口中同时打开多个页面文件的功能。
  第五步,在网页的布局中填加具体的图文信息。

宁波网站设计:网页设计的常用工具的图片196

  当页面的布局完成后,就可以在每个局部依次添加所需的信息内容了。常见的网页信息有图片、文字和多媒体。
  其中,图片主要支持”*.JPG“”*.GIF“和”*.PNG“3种格式。多媒体主要包括Flash动画、音频和视频3类。
  一些浏览器不能直接播放或显示某些信息内容,需要添加一定的插件功能才能正常浏览。
  第六步,添加超级链接。
  网站,必须由带有超链接的各个网页文件组成。在页面中,文字、图片、Flash动画、按钮等都可添加超级链接。
  通常,并不需要在完成整个页面的信息填充后才添加超链接,而是逐项进行。每添加完一部分版块空间的图文信息后,就可以先在其上添加超链接,待完成后再添加其他局部内容的信息和超级链接。
  第七步,添加程序代码。
  通过程序代码的填加,可以让页面实现更多的功能,也可以实现动态更新,减少维护人员的工作量。
  需要注意的是,并不是每个页面都需要添加程序代码。对于一些规模较小、不需经常更新的网站,可以先制作不包含程序代码的静态网页文件,直接发布运行。
  第八步,网页的测试与修整。
  网页制作完后,还要进行一系列的测试工作,包括页面布局结构的调整、图文信息的校正,空链接或不当链接的修改、程序代码的调试等。
  测试无误后,就可以将网页上传到网络服务器上,供互联网用户访问了。
  课堂练习
  练习内容
  网站页面的设计。
  练习目标
  试设计一个个人网站的首页面。

宁波网站设计:网页设计的常用工具的图片192

  具体要求
  页面栏目设置恰当。
  页面结构布局合理。
  页面设计美观大方。
  页面色彩与风格契合主题。
  Dreamweaver基础
  当我TI在互联网上漫游时,会发现各种有趣的、美丽的网页。当我们沉醉于这些网上的”美丽风景“时,有没有想过尝试着去制作一些网页?可能有的读者对HTML语言并不熟悉,没关系,以DrearmveaverS代表的网页制作工具软件的出现,让网页制作变得简单。通过”所见即所得“的便捷方式,我们能够轻松地制作网页。
  Dreamweaver常识
  Dreamweaver简介
  Dreamweaver简称”DW“,中文名称为”织梦者“或”网络梦工厂“,是美国Macromedia公司所开发的一款集网页制作和网站管理于一身的”所见即所得“网页编辑器。Dreamweaver是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它与Hash,Fireworks—起被称为”网页制作三剑客“,这三个软件相辅相成,是制作网页的最佳选择。其中,Dream-weaver主要用来制作网页文件,其制作出来的网页兼容性比较好,制作效率也很高;Flash用来制作精美的网页动画;Fireworks用来处理网页中的图形。因其强大而便捷的功能,Dreamweaver广受市场欢迎,成为应用最多的网页制作工具。
  年,Macromedia公司被Adobe公司收购,Dreamweaver随即也变成Adobe公司的主打产品之一。
  AdobeDreamweaver使用”所见即所得“的接口,也有HTML(标准通用标记语言下的一”“t’应用)编辑的功能。它有Mac和Windows系统的版本。Macromedia公司被Adobe公司收购后,Adobe公司也开始计划开发Linux版本的Dreamweaver.。Dreamweaver自MX版本开始,使用了Opera的排版引擎”Presto“进行阿页预览。

宁波网站设计:网页设计的常用工具的图片193

  Dreamweaver的最新功能
  最新版本的Dreamweaver的功能更加丰富,除了常规的”所见即所得“的网页编辑功能之外,还包括如下功能。
  自适应网格
  Dreamweaver使用响应迅速的CSS3自适应网格版面,来进行跨平台和跨浏览器的兼容网页设计。其利用简洁、业界标准的代码为各种不同设备和it算机开发项目,提高了工作效率。利用Dreamweaver可以直观地创建复杂网页设计和页面版面,用户不必忙于编写代码。
  改善FTP性能
  Dreamweaver利用重新改良的多线程FTP传输工具节省了上传大型文件的时间3更快速高效地上传网站文件,可缩短制作时间。
  Catalyst集成
  可使用Dreamweaver中集成的BusinessCatalyst面板连接并编辑利用AdobeBusinessCata-lyst(需另外购买)建立的网站。可利用托管解决方案建立电子商务网站。
  增强型jQuery移动支持
  利用Dreamweaver更新的jQuery移动框架可为iOS和安卓平台建立本地应用程序,可建立触及移动受众的应用程序,同时简化移动开发工作流程。
  更新的PhoneGap支持
  通过Dreamweaver中更新的AdobePhoneGap支持可轻松地为Android和iOS建立和封装本地应用程序。可通过改编现有的HTML代码来创建移动应用程序,使用PhoneGap模拟器检查设计。
  CSS3转换
  Dreamweaver可将CSS属性变化制成动画转换效果,使网页设计栩栩如生。其在处理网页元素和创建优美效果时可保持对网页设计的精准控制。
  更新的”实时视图“功能
  使用Dreamweaver更新的”实时视图“功能可在发布前测试页面。”实时视图“功能现已使用最新版的WebKit转换引擎,能够提供绝佳的HTML5支持。

宁波网站设计:网页设计的常用工具的图片201

  借助Dreamweaver的”实时视图“功能可在真实的浏览器环境中设计网页,同时仍可以直接访问代码。呈现的屏幕内容会立即反映出对代码所作的更改。
  借助改进的JavaScript核心对象和基本数据类型支持,可更快速、准确地编写JavaS-cript3通过集成包括jQuery、Prototype和Spry在内的流行JavaScript框架,可充分利用Dreamweaver的扩展编码功能。
  CS5后的新增功能
  借助Dreamweaver可以设计、构建最新的HTML5和CSS3网站,令交互性更上一层楼,同时可为多个设备进行设计,并进行全面的代码检查。

宁波网站设计:网页设计的常用工具的图片197

  ”多屏幕预览“面板
  借助Dreamweaver的”多屏幕预览“面板,设计师可以为智能手机、Tablet和个人计算机进行设计。借助媒体査询支持,开发人员可以通过一个面板为各种设备设计样式并实现渲染可视化。
  可利用”多屏幕预览“面板检查智能手机、平板电脑和台式机所建立项目的显示画面。
  CSS3/HTMI5支持
  人们可以方便地通过Dreamweaver的CSS面板设置各类样式,该面板经过更新可支持新的CSS3规则。设计视图现支持媒体查询,在调整屏幕尺寸的同时可应用不同的样式。可使用HTML5进行前瞻性的编码,Dreamweaver同时提供代码提示和设计视图渲染支持。
  本文转载自
  宁波网站设计www.leseo.net
  补充词条:宁波seo排名  宁波seo外包  宁波网络seo公司  宁波seo哪家好  宁波seo推广公司