网页制作基础知识(张志平)

网页制作基础知识(张志平)

ID:37473967

大小:1.26 MB

页数:30页

时间:2019-05-12

网页制作基础知识(张志平)_第1页
网页制作基础知识(张志平)_第2页
网页制作基础知识(张志平)_第3页
网页制作基础知识(张志平)_第4页
网页制作基础知识(张志平)_第5页
资源描述:

《网页制作基础知识(张志平)》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、网页制作基础知识张志平苏州大学网络中心zpz@suda.edu.cn网页的实质网页相当于刊物中所发表的一篇篇文章,但与纸上的文章相比,它增加了多媒体信息和网上交互的功能。网页的实质=表格+文本+图片+动画+声音+超级链接+……网站的实质网站相当于发行到全世界的期刊。网站的实质=服务器上的文件夹主页相当于期刊的封面。主页的实质=打开网站的第一个网页网页和网站的分类网页现在可分为静态网页和动态网页两大类,由此,网站也可以相应被称为“静态网页网站”或“动态网页网站”什么是静态网页、动态网页?所谓静态网页,指的是网页从服务器传到客户端时,网页的内容是“固定不变”的,也就是说,服务器

2、只是把所存储的网页的内容原封不动直接传递给客户端浏览器,这种网页一般是标准的HTML代码。什么是静态网页、动态网页?所谓动态网页,它在由服务器传递给客户端的时候必须由服务器把它转换成相应的HTML格式,而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。动态网页一般要用专门的脚本语言编写,如ASP、ASP.NET、PHP、JSP等等。制作静态网页的工具用HTML语言直接编写用WORD编写用Dreamwaver编写用Frontpage编写……………………静态网页制作工具制作静态网页的工具图片编辑工具:Photoshop、Firworks等;动画制作工具:Flash、S

3、wish、Cool3d等;还有网页特效工具:有声有色、网页特效梦工厂等。静态网页与word文本有何不同?我们在用word写文章时,由于word排版功能强大,我们只要定义好行距、分栏和图片插入方式,就可以实现图文混排。但html语言却没有这样强大的图文混合排版能力,甚至连定义行距的功能都不够理想。所以一切网页上的对象,都要装入页面的表格之中,才能精确定位。这就是两种文本制作时最大的不同。静态网页(站)制作的一般步骤网页(站)规划制作主页及超级链接制作二级页面及超级链接申请站点域名和空间上传发布全部网页定期更新维护,每次更新都要重新制作一大批网页静态网页制作的具体步骤方法一使用

4、Photoshop制作一个页面的图片;将制作好的图片进行“切片”,并保存为网页方式;用Dreamwaver对生成网页进行编辑。静态网页制作的具体步骤方法二使用Photoshop制作需要的图片;在Dreamwaver中创建页面,在相应的位置插入图片,并编辑文字等。静态网页制作的具体步骤方法三使用Photoshop制作需要的图片;在Word中进行编辑,插入相应的图片,将编辑好的文档另存为HTML格式;用Dreamwaver对生成网页进行编辑。Photoshop使用简介常用网页图片文件的格式有两种:GIF和JPG。一般情况下,GIF文件多用于单一颜色块而没有渐变色的图片,或者需要

5、设置透明区域的图片,或者动画图片;JPG文件则用于要求质量较高的图片。Photoshop使用简介网页制作工具很多,Photoshop是一个很不错的选择。利用Photoshop制作网页的一般步骤是:新建一个画布新建的画布上绘制我们的界面将设计的界面使用切片工具裁切成小的便于编辑的模块另存成web格式Photoshop使用简介标题栏菜单栏工具箱状态栏图像窗口工具属性栏调板Photoshop使用简介工具箱在PhotoshopCS3中,为了让用户能拥有更大的工作区域,Photoshop程序开发者将工具箱设计为可折叠的,用户只需单击顶部的双向箭头按钮,即可将工具箱在单排和双排效果间切

6、换。默认状态下,工具箱以单排形式放置在工作界面的左侧。Photoshop使用简介调板调板位于程序窗口右侧,它们浮动于图像的上方,不会被图像所覆盖。与以前版本不同的是,PhotoshopCS3中的调板被设计为可伸缩型的,用户只需单击调板右上角的双箭头按钮,调板将转变成精美的图标,再次单击双向箭头按钮,即可恢复默认状态。Photoshop使用简介调板调板位于程序窗口右侧,它们浮动于图像的上方,不会被图像所覆盖。与以前版本不同的是,PhotoshopCS3中的调板被设计为可伸缩型的,用户只需单击调板右上角的双箭头按钮,调板将转变成精美的图标,再次单击双向箭头按钮,即可恢复默认状态

7、。Photoshop使用简介Dreamwaver使用简介插入栏菜单栏代码区设计区属性区面板组插入栏“插入栏”(如图所示)包含用于将各种类型的“对象”,如图像、表格和层等插入到文档中的按钮。每个对象都是一段HTML代码,允许在插入它时设置不同的属性。Dreamwaver使用简介编辑窗口状态栏Dreamwaver使用简介不要忘记加入网页的title<标题> ——title是显示在浏览器标题栏的文字,在网页下载时,它是最先出现的,所以你可以用它提示网页的主要内容,或者写些欢迎的话将首页命名为index.htm ——这是规

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。