一、网页制作和美化工具
(一)三种网页界面设计常用软件
1. Dreamweaver
Dreamweaver是WEB 站点开发的中心环节。完全用户自定义控制可以迅速完成页面以及站点的设计。Roundtrip HTML/Javascript 行为库以及可视化编辑环境大量减少了代码的编写,同时亦保证了其专业性和兼容性。通过 Dreamweaver 与其它群组产品的配合使用以及众多第三方支持可轻松完成动态发布个电子商务网站的构建。到目前为止,全世界范围超过 60% 的专业网页设计师都在使用 Dreamweaver。
2. Microsoft FontPage
使用Frontpage2000创立主页,你能真正体会到"功能强大,简单易用"的含义。页面制作由Frontpage中的Editor完成,其工作窗口由3个标签页组成,分别是WYSIWYG的编辑页,HTML代码编辑页,预览页。站点管理功能由Explorer完成.是2000的优势所在.预置了50种主题(Themes),便于设计者创立页面风格一致的站点。
3.Adobe pagemill3.0
功能不算强大,但使用起来很方便,适合除学者制作不太复杂的主页。特色是有一个剪贴板,可以将任意多的文本,图形,表格拖放到里面,需要时再打开.用pagemill2.0创立多帧页十分方便,可以同时编辑各帧中的内容。 Adobe pagemill允许在HTML代码上编写和修改。
(二)网页美化工具
1、图像(网页插图、网页背景图、分割线、小动画)
Photoshop
Coreldraw
Firework
友立gif动画制作软件2、动画视频
Flash
二、网页基本要素
在因特网上浏览时,看到的每一个。页面,称为网页,很多网页组成一个网站。一个网站的第一个网页称为主页。主页是所有网页的索引页,通过单击主页上的超链接,可以打开其他的网页。正是由于主页在网站中的特殊作用,人们也常常用主页指代所有的网页,将个人网站称为“个人主页”,将建立个人网站、制作专题网站称为“网页制作”。
网页元素 包括,文字、图片、音频、动画、视频。 文字,符合排版要求。图片、音频、动画、视频,符合网络传输及专题需要,需要精选。
(一)文字
1、标题:文字略大,或通过粗体字使其更突出
2、字号:一般用中等大字,便于阅读
3、字型:建议采用所有人的电脑共有的 宋体、黑体、楷体、仿宋体
大字或普通人电脑没有的字体,一般用图片文字,使文字有更多的变化。
观察:新浪网 蒲公英现代诗歌
(二)图形
1、背景图:本页背景来源于《蒲公英现代诗歌》的主页背景
2、插图:美化网页的重要元素,可以用来分割网页,突出主题的作用
3、动画:突出主题,或用于页面广告
观察:秘密花园链接1,秘密花园链接2
(三)链接标志
链接的建立演示
(四)交互功能
利用链接实现网页的交互功能
三、网页制作的基本步骤
(一)整体规划
(二)网页设计与制作
(三)测试网页
(四)网页上传发布