排序2-4公开课.docx

《排序2-4公开课.docx》由会员分享，可在线阅读，更多相关《排序2-4公开课.docx（2页珍藏版）》请在第一文库网上搜索。

1、1.制作其他交易类电商网页A.画出当当网首页布局图。B.准备当当网上的各类图片素材。C.利用DrearnWeaVerCS6软件制作店铺首页。D.布局店铺首页。E. 美化店铺首页。F. 预览测试效果。2.DIV+CSS布局流程A.使用CSS+DIV进行定位B.设置被分割的模块的位置C.对页面进行整体规划D.使用CSS进行美化3.创建模板A.执行【文件】【另存为模板】命令。B.在“另存为”文本框中输入名称“temp1ate”，单击“保存”按钮C.在打开的提示对话框中单击“是”按钮，完成模板的创建。此时，将打开“temp1atedwt”模板文件。D.打开“另存模板”对话框，在“站点”下拉列表中选择“

2、myweb选项E.先创建个myweb”的站点，再使用DreamWeaVerCS6软件打开“素材index.htm1”网页4.为模板添加可编辑区域A.选中店铺首页中的轮播图片，执行【插入】【模板对象】【可编辑区域】命令，打开“新建可编辑区域”对话框，在“名称”文本框中输入“hb”,单击“确定”按钮.B.打开“新建可编辑区域”对话框，在“名称”文本框中输入名称“banner0,单击“确定”按钮。C.选中店铺首页中“宝贝推荐”这块的表格，执行【插入】【模板对象】【可编辑区域】命令，打开“新建可编辑区域”对话框，在“名称”文本框中输人名称“bbtj”单击“确定”按钮。D.选中模板文件导航栏中的“首页”

3、文本，执行【插入】【模板对象】【可编辑区域】命令。E.使用相同的方法，为导航栏中的其他对象创建可编辑区域，并分别将其命名为banner02bannerO3”bannerO4”bannerO5*bannerO6ubannerO7,5新建基于模板的网页A.在“站点myweb的模板”列表中选择temp1ate”选项B.在“站点”列表框中选择“myweb”选项C.执行【文件】【新建】命令，打开“新建文档”对话框。D.单击“创建”按钮E.选择“模板中的页”选项卡6 .在网页中添加内容A.使用相同的方法，先删除导航栏中的其他对象可编辑区域中的内容，并分别输入文字B.选择“hb”可编辑区域中的内容，按“De

4、1ete键删除，然后执行【插入】【图像】命令，打开“选择图像源文件”对话框，在其中选择需要插入的图片IrnageS下的haibao.jpg,单击“确定”按钮。C.保存并预览D.选择导航栏“banner”可编辑区域中的内容，按“De1ete键删除，然后输入“首页二E. 返回网页，将光标定位在插入表格后的第1行中的第一个单元格，执行【插入】【图像】命令，在打开的对话框中选择插人的images下的坚果图像。使用相同的方法将第3行、5行、7行中把图像插入每个单元格内。F. 选择“bbtj”可编辑区域中的内容，按“De1ete”键删除，然后插入一张12行x4列，表格宽度100%,边框粗细OPX单元格边距

5、、间距为。的表格。G.将光标定位在第2行、4行、6行、8行中，输入每件商品的相关文本。7 .开启IIS功能A.打开“Windows功能”窗口，在其功能列表框中单击“Internet信息服务”选项前的复选框，使其呈选中状态。用户也可展开该目录手动选中需要打开的功能。8 .在“程序和功能”窗口右侧的窗格中单击“打开或关闭WindOWS功能”超级链接C.安装后，可在浏览器的地址栏中输入http:/IOCaIhoSt测试是否安装成功D.单击“确定”按钮，将打开“正更改功能”提示框，等待其安装完成后将自动关闭“Windows功能”窗口，完成IIS的安装。E.执行【开始】【控制面板】命令，打开“控制面板”

6、窗口，在其中单击“程序和功能”超级链接，打开“程序和功能”窗口。8.配置IISA.在窗口左侧“连接”中右击“添加网站二B.IP地址为本机的IP地址，端口默认为80,可根据需要更改端口号。C.主机名不用填写，单击“确定”按钮。D.在浏览器地址栏中输入“http:10.36.23.146/indexhtm1”即可访问我们的“小凡果子铺”了。E. 设置默认文档的优先级。打开网站的默认文档设置。F. 在“控制面板”窗口中的“大图标”查看方式下，单击“管理工具”超级链接G.在打开的“管理工具”窗口中双击“Internet信息服务(IIS)管理器”选项。H.在“添力I1网站”对话框中填入网站名称“xfdp

7、”，物理路径为存放网站文件的文件夹，此处填“F:myweb”9.配置FTP服务。A.在窗口左侧的“连接”中单击用户名为“SYAO23146”的计算机B.在“FTP站点名称”文本框中输入“Xfdpftp,物理路径般填写存放网站的文件夹，这里填写F:myweb”。C.单击“下一步”按钮，在“IP地址”下拉列表框中输入本机(发布网页的计算机)的IP地址10.36.23.146w,端口号用默认的21D.在“身份验证”选项区域内勾选“基本”复选框，为了安全，不允许匿名用户登录，而是指用户“Webeditor”(出于安全，该用户应该是专门维护网站的，赋予其“读取”和“写入”权限)，单击“完成”按钮后FTP

8、服务即会启动。E. 单击窗口左侧的“网站”后，在弹出的快捷菜单中单击“添加FTP站点”命令，弹出“添加FTP站点”对话框。F. 双击打开“Internet信息服务(HS)管理器窗口。G.在控制面板窗口中单击“管理工具”按钮。H.勾选“自动启动FTP站点”复选框，在“SS1”选项区域内选中“无”，单击下一步”按钮。10制作移动端电商网站首页A.制作淘宝移动端产品展示部分，主要包括热销产品和新品上市模块。B.根据淘宝移动端首页布局，制作淘宝移动端首页轮播图模块C.制作淘宝移动端品类导航模块D.打开淘宝移动端装修平台“无线装修”，对移动端的店招模块进行制作,主饕修改店招图片和链接。E.制作淘宝移动端

9、优惠券模块F.将制作完成的淘宝移动端首页发布，并且测试“优蜜母婴”移动端店铺首页效果。I1移动端店招模块。A.店招图片可以使用“官方推荐”的图片，不过般我们会制作自己的店铺店招图片，用“自定义上传二B.从打开的页面“无线运营中心”“店铺装修”中的“店铺首页”进入“无线装修”C.在打开的页面中单击“无线店铺”的“立即装修”选项D.接着输入店招图片链接，或是单击后面的链接图标在“链接小工具”中添加链接。E. 进入“卖家中心”页面，单击“手机淘宝店铺”F. 单击中间实时预览中的店招模块，右侧会出现店招的编辑页面。店铺基本信息一般不需要调整。G.单击+“，会进入“图片小工具”，可以上传新图片，或是事先

10、上传到“图片空间”，然后直接选择图片。12.移动端首页产品展示部分A.操作和“智能单列宝贝”基本相同，这里不再赘述。B.在“店铺装修”的“宝贝类”模块中选择“智能单列宝贝”制作热销产品模块，拖入中间预览图中。C.在“店铺装修”的“宝贝类”模块中选择“智能双列宝贝”制作新品产品模块，拖入中间预览图中。D.选择推荐类型，可以选择“自动推荐”或是“手动推荐二选择“自动推荐”填写完整筛选条件平台会智能推荐，选择“手动推荐”需要自行添加商品，最多可加6少商品。E.在右侧“智能单列宝贝”编辑页面中，输入标题“热销宝贝”，可以加入更多链接，输入链接或是单击后面的链接图标在“链接小工具”中添加链接。13.制作移动端电商网站详情页A.然后在宝贝发布页面中找到“移动端描述:B.选择详情页图片模块进行修改，可以上移、下移、替换和删除C.在宝贝发布页面中，“使用文本编辑”“导入电脑端描述二D.在宝贝详情页各个模块制作完成之后，保存宝贝详情页。E. 宝贝发布页面中直接单击“发布”按钮即可。F. 进入“卖家中心”页面，选择“宝贝管理”中的“出售中的宝贝”，选择需要编辑的宝贝。G.可以单击下方的“+”添加音频、摘要、图片和文字等。H.登录移动端店铺，找到相应的商品，在手机中测试查看详情页效果