网页制作基础知识.ppt
《网页制作基础知识.ppt》由会员分享,可在线阅读,更多相关《网页制作基础知识.ppt(30页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、网页制作基础知识网页制作基础知识张志平苏州大学网络中心网页的实质u网页相当于刊物中所发表的一篇篇文章,但与纸上的文章相比,它增加了多媒体信息和网上交互的功能。u网页的实质=表格+文本+图片+动画+声音+超级链接+网站的实质u网站相当于发行到全世界的期刊。u网站的实质=服务器上的文件夹u主页相当于期刊的封面。u主页的实质=打开网站的第一个网页网页和网站的分类u网页现在可分为静态网页和动态网页两大类,由此,网站也可以相应被称为“静态网页网站”或“动态网页网站”什么是静态网页、动态网页?u所谓静态网页,指的是网页从服务器传到客户端时,网页的内容是“固定不变”的,也就是说,服务器只是把所存储的网页的内
2、容原封不动直接传递给客户端浏览器,这种网页一般是标准的HTML代码。什么是静态网页、动态网页?u所谓动态网页,它在由服务器传递给客户端的时候必须由服务器把它转换成相应的HTML格式,而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。u动态网页一般要用专门的脚本语言编写,如ASP、ASP.NET、PHP、JSP等等。制作静态网页的工具 用HTML语言直接编写 用WORD编写 用Dreamwaver编写 用Frontpage编写 静静态态网网页页制制作作工工具具制作静态网页的工具u图片编辑工具:图片编辑工具:Photoshop、Firworks等;等;u动画制作工具:动画制作工具:Fla
3、sh、Swish、Cool 3d等;等;u还有网页特效工具:有声有色、网页特效梦工还有网页特效工具:有声有色、网页特效梦工厂等厂等。静态网页与word文本有何不同?u我们在用word写文章时,由于word排版功能强大,我们只要定义好行距、分栏和图片插入方式,就可以实现图文混排。u但html语言却没有这样强大的图文混合排版能力,甚至连定义行距的功能都不够理想。所以一切网页上的对象,都要装入页面的表格之中,才能精确定位。这就是两种文本制作时最大的不同。静态网页(站)制作的一般步骤u网页(站)规划u制作主页及超级链接u制作二级页面及超级链接u申请站点域名和空间u上传发布全部网页u定期更新维护,每次更
4、新都要重新制作一大批网页静态网页制作的具体步骤方法一方法一u使用Photoshop制作一个页面的图片;u将制作好的图片进行“切片”,并保存为网页方式;u用Dreamwaver对生成网页进行编辑。静态网页制作的具体步骤方法二方法二u使用Photoshop制作需要的图片;u在Dreamwaver中创建页面,在相应的位置插入图片,并编辑文字等。静态网页制作的具体步骤方法三方法三u使用Photoshop制作需要的图片;u在Word中进行编辑,插入相应的图片,将编辑好的文档另存为HTML格式;u用Dreamwaver对生成网页进行编辑。Photoshop使用简介使用简介常用网页图片文件的格式有两种:GI
5、F和JPG。一般情况下,GIF文件多用于单一颜色块而没有渐变色的图片,或者需要设置透明区域的图片,或者动画图片;JPG文件则用于要求质量较高的图片。Photoshop使用简介使用简介u网页制作工具很多,Photoshop是一个很不错的选择。利用Photoshop制作网页的一般步骤是:Photoshop使用简介使用简介标题栏标题栏标题栏标题栏菜单栏菜单栏菜单栏菜单栏工具箱工具箱工具箱工具箱状态栏状态栏状态栏状态栏图像窗口图像窗口图像窗口图像窗口工具属性栏工具属性栏工具属性栏工具属性栏调板调板调板调板Photoshop使用简介使用简介工具箱 在Photoshop CS3中,为了让用户能拥有更大的工
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 基础知识
限制150内