怎样制作网页.docx

资源描述

怎样制作网页.docx

《怎样制作网页.docx》由会员分享，可在线阅读，更多相关《怎样制作网页.docx（16页珍藏版）》请在冰豆网上搜索。

怎样制作网页.docx

怎样制作网页

1、FrontPage

FrontPage是一款优秀的网页制作与开发工具之一，它本身也是Office2000中的一个重要组件，采用了与Office2000其他组件一致的界面和操作方式，只要您使用过Office软件，就可以轻松掌握FrontPage的用法。

2、网页制作三剑客

Flash、Dreamweaver、Fireworks合在一起被称为网页制作三剑客。

这三个软件相辅相承，是制作网页的首选工具，其中Dreamweaver主要用来制作网页文件，制作出来的网页兼容性好、制作效率也很高，Flash用来制作精美的网页动画，Fireworks用来处理网页中的图形。

3、Photoshop

Photoshop是Adobe公司的王牌产品，无论是在平面广告设计、室内装潢，还是处理个人数码照片方面，Photoshop都已经成为不可或缺的工具。

在网页制作方面，它多姿多彩的滤镜和功能强大的选择工具可以做出各种各样的文字效果来。

4、Swishmax

Swish是一款非常方便的Flash文字特效制作工具，你只要点几下鼠标，就可以创造出形状、文字、按钮动画，你也可以选择内建的超过230种诸如爆炸、漩涡、3D旋转以及波浪等预设的

动画效果。

5、PhotoImpact

PhotoImpact提供了多媒体时代专业影像设计者最直觉的创意空间、最方便的制作工具、及最宽广的表达形式，整合了新时代的3D物件及文字特效与粒子效果、压力笔支援、不同的自然笔触、各式直觉操作的特效图库、以及网页影像与办公室文件的相容性，将构思到表达的过程完整组合，是专业网页影像设计者不可或缺的利器。

6、SoundForge

SoundForge软件是一款非常棒的音效编辑软件,它除了音效编辑软件的功能外,还可以让你处理大量的音效转换的工作,使你能够轻松的完成各种看似复杂的音效编辑工作。

如果下载的是英文版，可以用金山快译永久汉化，但效果不是很尽人意。

7、硕思闪客精灵

硕思闪客精灵是一款用于浏览和解析Flash动画的工具。

它可以将.swf文件导出成.fla文件，还能将flash动画中的图片、矢量图、声音、视频（*.flv）、文字、按钮、影片片段、帧等基本元素完全分解，以及对动作脚本（ActionScript）进行解析，清楚的显示其动作代码，让你对Flash动画的构造一目了然。

建议你赶快去下载吧～,

8、Clipyard

你只要导入不同的Flash动画文件，将其放在不同的层上，经

调试效果，导出后就成了一个单独的flash了，操作简单，特别适合于将自己喜欢的Flash动画加入祝福、签名后赠送友人。

9、FlashFXP

是一款优秀的FTP工具，特别适合Web站点管理员使用。

支持文件夹（带子文件夹）的文件传送、删除;支持上传、下载及第三方文件续传;可以跳过指定的文件类型，只传送需要的文件;可以自定义不同文件类型的显示颜色;可以缓存远端文件夹列表，支持FTP代理;具有避免空闲功能，防止被站点踢出;可以显示或隐藏“隐藏”属性的文件、文件夹;支持每个站点使用被动模式等。

10、FlaX

FlaX是一款制作Flash文字特效的小巧软件。

在以前若要制作文字绕圆圈的动画，在Flash里一个一个字的慢慢调整位置，颇费时间，如果使用FlaX很快就可以就搞定。

FlaX有四个窗口面板:

预览窗口、影片属性面板、文字属性面板、特效属性面板。

11、WebAnimator

WebAnimator（网页动画设计）是HomePageBuilder附带的创建动画GIF的程序。

所谓动画GIF是GIF格式图像文件的一种，组合几个图像象漫画一样连续运动。

动画GIF与普通的GIF图像一样可以粘贴到页面。

使用WebAnimator可以完成如下工作:

组合现有的图像，创建类似于漫画的动画;给一个图像添加动

画效果，创建具有效果的动画;给指定的字符串添加动画效果，

创建字符动画。

软件介绍了这么多，你不必等到完全学会了它们，才开始你

的网站建设。

我喜欢边干边学，碰上不懂的问题，请叫别人或

上网查询，因此在你浏览本站时发现做的不好的地方，请你一

定不要见笑～

Dreamweaver软件优点1.制作效率

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。

使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。

对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。

Dreamweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。

除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

2.网站管理

使用网站地图可以快速制作网站雏形、设计、更新和重组网页。

改变网页位置或档案名称，Dreamweaver会自动更新所有链接。

使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

3.控制能力

Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。

它包含HomeSite和BBEdit等主流文字编辑器。

帧（frames）和表格的制作速度快的令您无法想像。

进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。

当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。

梦幻样版和XML

Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。

建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。

您也可以使用样版正确地输入或输[1]出XML内容。

全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。

对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。

使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。

当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。

编辑本段软件缺点

1.效果难一致

难以精确达到与浏览器完全一致的显示效果也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来;2.代码难控制

页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。

而相比之下，非所见所得的网页编辑器，就不存在这个问题，因为所有的HTML代码都在您的监控下产生，但是由于非所见所得编辑器的先天条件就注定了它的工作低效率。

如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备所见所得的高效率、直观性，一直是网页设计师梦想。

在DREAMWEAVER之前，FRONTPAGE98一直被人们认为是最好的所见即所得网页编辑器，但是它同样继承了所见即所得的种种劣性。

编辑本段软件功能

1.CS6后的新增功能

利用AdobeDreamweaverCS6软件中改善的FTP性能，更高效地传输大型文件。

更新的“实时视图”和“多屏幕预览”面板可呈现HTML5代码，使您能检查自己的工作。

自适应网格

可响应的自适应网格版面

使用响应迅速的CSS3自适应网格版面，来创建跨平台和跨浏览器的兼容网页设计。

利用简洁、业界标准的代码为各种不同设备和计算机开发项目，提高工作效率。

直观地创建复杂网页设计和页面版面，无需忙于编写代码。

改善的FTP性能

利用重新改良的多线程FTP传输工具节省上传大型文件的时间。

更快速高效地上传网站文件，缩短制作时间。

Catalyst集成

AdobeBusinessCatalyst集成

使用Dreamweaver中集成的BusinessCatalyst面板连接并编辑您利用AdobeBusinessCatalyst（需另外购买）建立的网站。

利用托管解决方案建立电子商务网站。

增强型jQuery移动支持

使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程序。

建立触及移动受众的应用程序，同时简化您的移动开发工作流程。

更新的PhoneGap支持

更新的AdobePhoneGap支持可轻松为Android和iOS建立和封装本地应用程序。

通过改编现有的HTML代码来创建移动应用程序。

使用PhoneGap模拟器检查您的设计。

CSS3转换

将CSS属性变化制成动画转换效果，使网页设计栩栩如生。

在您处理网页元素和创建优美效果时保持对网页设计的精准控制。

更新的实时视图

使用更新的“实时视图”功能在发布前测试页面。

“实时视图”现已使用最新版的WebKit转换引擎，能够提供绝佳的HTML5支持。

更新的多屏幕预览面板

利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所建立项目的显示画面。

该增强型面板现在能够让您检查HTML5内容呈现。

2.CS5后的新增功能

借助AdobeDreamweaverCS5.5软件充满自信地进行设计、构建最新的HTML5和CSS3网站、令交互性更上一层楼。

同时为多个设备进行设计，并对全面的代码检查充满自信。

“多屏幕预览”面板借助“多屏幕预览”面板，为智能手机、Tablet和个人计算机进行设计。

借助媒体查询支持，开发人员可以通过一个面板为各种设备设计样式并实现渲染可视化。

CSS3/HTML5支持通过CSS面板设置样式，该面板经过更新可支持新的CSS3规则。

设计视图现在支持媒体查询，在您调整屏幕尺寸的同时可应用不同的样式。

使用HTML5进行前瞻性的编码，同时提供代码提示和设计视图渲染支持。

实时视图现在包括对

JQuery集成借助jQuery代码提示加入高级交互性。

jQuery是行业标准JavaScript库，允许您为网页轻松加入各种交互性。

借助针对手机的起动模板快速启动。

借助PhoneGap构建本机Android和iOS应用程序借助新增的PhoneGap功能为Android和iOS构建并打包本机应用程序。

借助PhoneGap构建本机Android和iOS应用程序

3.CS4后的新增功能

实时视图新增功能

借助DreamweaverCS4中新增的实时视图在真实的浏览器环境中设计网页,同时仍可以直接访问代码。

呈现的屏幕内容会立即反映出对代码所做的更改。

针对Ajax和JavaScript框架的代码提示新增功能

借助改进的JavaScript核心对象和基本数据类型支持,更快速、准确地编写JavaScript。

通过集成包括jQuery、Prototype和Spry在内的流行JavaScript框架,充分利用DreamweaverCS4的扩展编码功能。