电子商务网页设计与制作 第一单元 网页设计初步了解 PPT课件.pptVIP

点击添加标题您的内容打在这里，或通过复制文本后在此选择粘贴，并选择只保留文字。E-commercewebdesignandproduction电子商务网页设计与制作目录ONTENTSPart1Part2Part3网页设计基础模块CSS基础模块CSS+DIV网页美化与布局模块Part1?知识目标了解有关网页制作的基本知识与网页的构成元素，了解常见的网站类型，理解网页设计配色方法，熟Dreamweaver软件的安装与工作环境，掌握站点创建的方法及基本操作，掌握常见HTML标签的含义与使用方法。技能目标能够在本地计算机端创建网站站点，能够快速了解网页设计的基础知识，能够利用Dreamweaver软件进行简单网页文档的制作，能够熟练使用常见HTML标签进行网页文档的编写。第一单元MyBitShop——Part1任务一网页设计初了解网页设计相关概念常见网站类型网页结构网页元素网页配色02网页设计（webdesign，又称为WebUIdesign，WUIdesign，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。网页设计一般分为三种大类：功能型网页设计（服务网站B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。Part1任务一网页设计初了解天猫商城网站艾瑞网网站顺丰速递网站湖南花木篮网站知乎网站天猫商城网站具有以下特点：一、商品的展示二、商品或者服务的订购三、完备的配送方式和支付方式湖南花木篮网站具有以下特点：一、企业形象展示二、客户沟通与联系三、产品与服务的推广顺丰速递网站具有以下特点：一、快递寄件服务二、运单追踪服务艾瑞网网站具有以下特点：一、信息量大二、信息更新频率高三、拥有热点专题功能知乎网站具有以下特点：一、发表文章功能二、提出问题功能三、回答问题功能四、参与讨论功能Part1任务二DreamweaverCS6的使用Dreamweaver可以用于创建单个网页，但在大多数情况下，是将这些单独的网页组合起来成为站点。DreamweaverCS6不仅提供了网页编辑特性，而且带有强大的站点管理功能。网站站点Dreamweaver站点是一种管理网站中所有关联文件的工具，通过站点可以实现将文件上传到网络服务器、自动跟踪和维护、管理文件及共享文件等功能。什么是站点站点是用来存储一个网站的所有文件的，这些文件包括网页html文件、图片文件、服务器端处理程序、音频文件和视频文件等。站点及目录的作用站点的目录结构与站点的内容多少有关。如果站点的内容很多，就要创建多级目录，以便分类存放文件；如果站点的内容不多，目录结构可以简单一些。合理建立目录Part1任务二DreamweaverCS6的使用0304010205准备工作安装DreamweaverCS6软件创建文件夹在Dreamweaver中创建本地站点DreamweaverCS6创建简单网页在安装DreamweaverCS6之前，首先准备一台性能良好的计算机，将DreamweaverCS6官方中文原版安装程序下载到自己的计算机中。下载完DreamweaverCS6官方中文原版安装程序后，直接单击压缩包程序，解压到指定文件夹，安装使用即可。打开本地计算机，在E盘创建名为mySite的文件夹。在mySite文件夹中，创建5个二级文件夹，分别命名为index、Company_news、Products、Honors、Contacts。进入站点设置对象面板，在“站点名称”中输入“我的网站”，单击“本地站点文件夹”选项右边的小图标，选择“E:\mySite”文件夹，将“我的网站”与“E:\mySite”文件夹进行映射。直接点击“新建”面板中的“HTML”按钮，就可以创建一个新网页文件。Part1任务三HTML基础常见的HTML结构元素HTML和XHTML常见的HTML块级元素常见的HTML内联元素（1）图像元素img（2）链接元素a（3）文本内区块元素span（1）标题元素（2）段落元素（3）表格元素（4）列表元素（5）表单元素（6）滚动元素（7）水平线元素（8）区块元素HTML是万维网编程的基础，也就是说万