《项目3-网站建设初期-静态网页的设计课件》由会员分享，可在线阅读，更多相关《项目3-网站建设初期-静态网页的设计课件（20页珍藏版）》请在金锄头文库上搜索。
1、网站管理与维护,项目三网站建设初期 静态网站的设计与管理,项目三网站建设初期静态网站的设计与管理,【项目背景】 小张是东恩公司从事电子商务的工作人员，公司经理告诉他，公司要进入电子商务网站具体设计阶段，需要先建设本公司初期的电子商务网站，完成网上所需的基本功能。小张应该如何进行他所在的东恩公司电子商务网站初期的设计与管理工作。,【项目分析】,1有哪些工具可能在电子商务网站的网页设计中用到？ 2如何设计与制作静态网页？ 3设计网页时需要准备哪些素材？,【任务分解】,任务1：选择网页设计工具。 任务2：设计与制作静态网页。 任务3：准备网页中所需的各种素材。,任务1 选择网页设计工具,确认网站的类
2、型。 选择网页设计专用软件。 选择配合网页设计的其他软件。,1确认网站的类型,（1）静态网站：静态网站主要指网站建设初期或简单的网站，这种网站是以发布信息为主的的网站。这类网站的页面基本上都是设计人员事先设计好，放在服务器上，用户访问网站时直接在传给用户的浏览器上供用户浏览。 （2）动态网站：动态网站主要指较高级的网站，这种网站可能需要完成动态的信息查询、网上定购或其他较复杂的动态功能。一般，动态网站可能意味着许多网页不是事先设计好的，而是根据用户访问页面所提供的信息，临时产生一个页面网页，再传给用户的浏览器，这也是“动态”的主要含义。,2选择网页设计专用软件,记事本等简单的文本编辑软件 Mi
3、crosoft的Office组件创建的文档大多都可以保存为网页 网页设计专用软件 FrontPage Dreamweaver 其他网页设计专用软件,3选择配合网页设计的其他软件,图像处理软件 文字动画专门处理软件 图像查看与格式转换软件 平面动画设计软件 三维动画设计软件,任务2 设计与制作静态网页,认识简单的HTML文件。 用Word设计静态网页。 用FrontPage设计静态网页。 用Dreamweaver设计静态网页。,1认识简单的HTML文件,网页文件的本质就是一个HTML（Hyper Text Markup Language，超文本标记语言）文件。 例子 东恩鲜花店 欢迎你来到东恩鲜
4、花店，东恩鲜花将芬芳带给你! ,2用Word设计静态网页,（1）利用网页模板直接建立网页文件 （2）将一般的Word文档另存为网页文件,3用FrontPage设计静态网页,（1）创建新的页面 （2）页面中的文本操作 （3）在页面中使用表格 （4）在页面中使用超链接 （5）使用框架 （6）插入图像及其他多媒体 （7）创建表单 （8）插入字幕 （9）设置网页属性,4用Dreamweaver设计静态网页,（1）Dreamweaver的窗口布局 （2）添加图像占位符 （3）设置页标题 （4）添加具有样式的文本 （5）设置背景颜色 （6）Dreamweaver中使用框架 （7）Dreamweaver中使
5、用图层,任务3 准备网页中所需的各种素材,准备文字素材。 准备图像素材。 准备动画素材。 准备声音素材。 准备其他媒体形式的素材。,1准备文字素材,（1）通过搜索引擎查找文字素材 （2）通过从其他文档中复制文字素材 （3）通过扫描仪的文字识别功能获取文字素材 （4）通过文本文件过渡获取其他类型文件中的文字素材,2准备图像素材,（1）通过搜索引擎查找图像素材 （2）通过从其他文档中复制图像素材 （3）通过扫描仪将图片输入到计算机 （4）通过图像处理软件绘制与处理图像素材 （5）图像文件格式的转换,3准备动画素材,（1）动画文件的种类 （2）通过搜索引擎查找动画素材 （3）通过动画处理软件制作动画
6、素材 （4）准备三维动画素材,4准备声音素材,（1）声音文件的种类 （2）通过搜索引擎查找声音素材 （3）通过“录音机”程序录制声音素材,5准备其他媒体形式的素材,（1）准备视频素材 （2）准备VRML素材 （3）准备XML素材 （4）准备Java插件模拟三维展示所需的素材,项目小结,为了进行一个电子商务网站大项目的设计，应先了解目前主要的与网页设计相关的软件，并了解它们的作用与特点，从而在从事网站的设计工作中选择适合的软件。 同时，要能够利用静态网页设计方法进行具体的网站建设初期的网页设计，设计要求包含商业网站建设初期所需要的主要功能。 最后，要能够利用相关的软件，准备网页中所需要的各种素材，包括文字、图像、动画、声音等媒体形式。这些都是一些基本技能，需要熟练掌握，并能灵活应用在网站建设的工作中。,
