《网页设计与制作》全套ppt电子课件教案第1章电子商务网站及网页概述

《《网页设计与制作》全套ppt电子课件教案第1章电子商务网站及网页概述》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作南邮吴江学院目录第1章电子商务网站及网页概述第2章站点创建与页面属性第3章网页中元素的添加第4章表格第5章链接第6章使用框架第7章样式第8章创建交互式表单第9章层及层动画第10章行为和事件的应用第11章DreamweaverMX与其他应用程序的集成第12章管理站点资源、库和模板第13章站点的发布第14章数据库与网页开发语言第15章HTML语言和XML语言第1章要点WWW服务与网页的发展电子商务网站及网页的特点网站建设的工作流程DreamweaverMX概述1－1了解WWW服务及网页Wo

2、rldWideWeb的诞生网页概述网页中的常见术语一、WorldWideWeb的诞生WorldWideWeb又称WWW、W3、Web，中文名称叫做“全球信息网”。1.运行浏览器阅读Web文件Web文件2.浏览器向服务器要求超链接的文件Web客户端Web服务器端网络连接3.服务器将HTML文件传给浏览器，译成Web文件二、网页概述网页的定义网页的分类网页的构成要素网页制作的基本原则网页的定义在网站中，供用户阅读的一个个页面，就称之为“网页”，又称为Web页。网页的分类按网页在网站中所处位置不同，网页可

3、分为主页和内页。按网页的表现形式，可将网页分为静态网页和动态网页导航栏超链接网页的构成要素组件文字图片LOGOBANNER按钮三、网页中的常见术语站点发布URL域名超文本标记语言导航条超级链接表单站点管理网页文档的场所一个个网页页面的集合。发布将制作好的网页上传到网上的过程即是发布，也称为上传或上载。统一资源定位器（UniversalResourceLocator）URL(UniversalResourceLocator,全球资源定位法)，URL所代表的正是Web服务器的网址。超文本标记语言（Hyp

4、erTextMarkupLanguage）简称HTML，它是WWW创建超媒体文本的语言，它也是网页创建中最基本的语言，制作的任何一个网页都是基于HTML文本标识的。HTML语言最基本的特征就是超文本和标记，用HTML语言编写的网页文件的扩展名一般为*.htm或*.html。域名域名是用一些英文字符或汉语拼音来代替IP地址的方式。导航条导航条能十分有效地实现超级链接功能。超级链接一种与其它文件的链接，当用户点击后，所链接的信息就能显示出来。表单表单是用于填写申请或提交信息的交互页面。如电子邮箱、主页空

5、间、QQ号码等的申请页面，以及论坛、聊天室、留言簿等，都是采用表单来实现交互的。四、网页制作的基本原则整体规划鲜明的主题善用图像鲜明的导航时时更新取个有创意的站名制作通用网页不要使用过多的动画1－2电子商务网站及网页的特点网站的分类BtoC网站的特点BtoB网站的特点一、网站的分类根据网站内容来分，可以将网站分为4类，即门户网站、职能网站、专业网站和个人网站。门户网站职能网站专业网站个人网站二、BtoC网站的特点1、主要功能的体现商品展示；结算；网上支付2、技术体现（1）版面规划（2）增加网站吸引力

6、，网页元素的添加（3）人机交互一般不追求直接网上交易三、BtoB网站的特点阶段三：将网站上传至Web服务器阶段四：网站的更新与维护并加以推广阶段一：搜集数据与规划网站结构阶段二：网页制作与测试1-3网页的一般制作步骤图解一般流程1、收集整理资源2、规划站点内容（1）描述网页的服务对象（2）确定制作网页的目的（3）具体确定网页的信息内容、浏览界面和信息设置（4）具体确定网页的制作时间和软硬件环境阶段一：搜集数据与规划网站结构1、构建页面框架（1）“右框”型（2）“亘”字型（3）“曰”字型（4

7、）“目”字型2、创建导航条3、填充内容4、创建返回主页链接5、站点测试阶段二：网页制作与测试阶段三：将网站上传至Web服务器网页发布阶段四：网站的更新与维护并加以推广站点的更新与维护1-4网页制作工具网页制作常用软件DreamweaverMX2004的界面介绍DreamweaverMX2004中建立一般网页的方法一、网页制作常用软件图像处理软件动画制作软件网页布局软件二、DreamweaverMX2004的界面介绍插入栏文档工具栏编辑窗口网页标签扩展按钮浮动面板组属性面板的使用标签选择器插入栏

8、“插入栏”（如下图所示）包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮。显示为菜单应用程序HTML文本表单布局文档工具栏该栏中放置了“文档”窗口视图（如设计视图、代码视图、设计和代码混合视图）按钮、标题设置框和文档管理（如在浏览器中预览网页）等按钮，如下图所示：单击该按钮可以切换到“代码”视图中。“代码”视图是用于编写和编辑HTML、JavaScript、服务器语言代码（如MicrosoftActiveServerPage（ASP）或ColdFus