网页统测知识点2公开课教案教学设计课件资料.docx

《网页统测知识点2公开课教案教学设计课件资料.docx》由会员分享，可在线阅读，更多相关《网页统测知识点2公开课教案教学设计课件资料.docx（3页珍藏版）》请在第一文库网上搜索。

1、网页设计统测知识点汇总21、掌握Drean1WCaVerCS6制作简单页面的基本操作步骤认识软件。Dreamweavercs6软件主要分为工具栏、标题栏、菜单栏、浮动面板、编辑窗口、属性面板等。创建站点。本地站点是用于存放本地用户网页、素材等资料的文件夹，是用户的工作目录。新建-保存文件。在Dreamweaver中新建一张空白页面。插入表格。表格布局是网页设计中常用的一种布局方式。插入图片。在网页中插入图片。插入文本。在网页中输人文本。预览。在浏览器中预览制作的网站。2、掌握表单创建登录页面创建站点并新建文件。存放本地用户素材的文件夹，并为网页的制作创建好文件。插入表格。通过表格的插入，规划好

2、登录框的大小和位置，并通过嵌套新的表格，对登录框进行布局。插入图像。放入相应的网页元素，达到图片混排的效果。网页预览。测试网页效果。3、掌握表单创建注册页面（制作一个注册页面的步骤）新建站点新建网页，并插入表格插入表单域插入文字及相应的表单对象保存并预览4、掌握DreanweaVerCS6制作鼠标经过效果建立站点 制作首页图片导航“鼠标经过效果”效果 完成其他选项“鼠标经过效果”效果设置5、掌握APDiV制作菜单打开Dreamweaver软件，新建文件index,htm1,设置页面属性。 创建栏目导航。用“APDiv”创建层，在“层”中插人一个1行5的表格，并输入文字。 创建下拉菜单。用“AP

3、Div”在“栏目导航”第一个单元格下创建层，在“层”中插入5待1列的表格，在表格中输入文字。 设置当鼠标经过导航文字“所有商品”时，出现下拉菜单。用“行为”面板的内置方法隐藏-显示层方法，及鼠标移至和阑标移开来触发层的隐藏和显示。保存网页文件，预览网页效果。6、掌握SPry菜单栏组件制作子菜单 打开Dreamweaver软件，新建文件index,htm1 插人一个1行1列的表格。 在表格中插人水平布局的spry菜单。 修改“spry菜单栏”的各项属性，为spry菜单添加主菜单项和子菜单项。 修改spry菜单样式。保存网页文件，预览网页效果。7、掌握网页中设置图片轮播效果表格布局。在新建好的网页

4、中，插入表格，并使用APDiv进行简单布局。图片插入。在设置好的Div中插入轮播图片。添加按钮。添加控制轮播的按钮。添加行为效果。使用行为面板中的显示隐藏效果控制每张图片的显示时间。8、掌握网页中设置图片强调效果用表格进行布局。在新建好的网页中，插入表格和已经做好的优惠券，进行简单布局。添加行为效果。打开行为面板，为优惠券图片添加行为效果。保存并预览。打开网页测试不同的行为效果在网页中的显示。9、利用D1V和CSS制作浮动广告输入网页内容设置网页内容CSS样式设置文字CSS样式设置左浮动预览10、掌握CSS美化详情页建立站点。运行Dreamweaver软件，建立网站并打开要美化的网页文件。定位

5、页面。在Dreamweaver设计界面中，选中需要美化设计的元素。设置样式器。在样式选择器中，选定ID样式给选定的元素进行样式美化操作。预览。预览美化效果，进行检查和修改等操作。11、掌握DIV+CSS制作宝贝详情页绘制宝贝详情页建立站点利用DIV+CSS进行页面布局导入网页素材，浏览网页12、掌握网页站内搜索功能的设置建立站点打开详情页修改表单提交动作。在表单动作属性中将动作指向搜索引擎修改表单文本域的Name值插入隐藏域预览13、掌握购物车的组成要素模块组成：显示模块、修改模块、支付模块购物车需要的外部交互：商品、库存、促销14、掌握购物车和买家订单结算页面的设计与制作购物车的设计：浏览购

6、物车。浏览不同电子商务平台的购物车页面，了解购物车。分析购物车。分析不同电子商务平台的购物车页面，熟知购物车的组成模块。设计购物车。制作购物车页面，掌握购物车的设计要领。买家订单结算页面的设计：浏览买家订单结算页面。浏览不同电子商务平台的买家订单结算页面，熟悉头家单结算页而。分析买家订单结算页面。分析买家订单结算页面的实现功能，熟知其构成。设计买家订单结算页面。制作买家订单结算页面，掌握设计要领。15、掌握卖家订单管理页面和后台发货页面的设计与制作卖家订单管理页面的设计：浏览淘宝网的卖家订单管理页面。打开淘宝网的卖家订单管理页面浏览，熟悉卖家订单管理页面。分析卖家订单管理页面。了解卖家订单管理

7、页面，熟知其构成。制作卖家订单管理页面。制作卖家订单管理页面，掌握设计要领。后台发货页面的设计：打开淘宝网后台发货页面。浏览淘宝网的后台发货页面，熟悉后台发货页面。分析淘宝网后台发货页面。了解后台发货页面组成，熟知其模块构成。制作淘宝网后台发货页面。掌握后台发货页面制作的要领。16、掌握网页模板的制作创建模板。首先要制作好一个完整的店铺首负。另存为模板。将现有制作好的店铺首页另存为模板。为模板添加可编辑区域。创建的模板不能直接应用于网页中，还应为其指定可编辑区域，通过模板创建的网页文档中只有可编辑区域中的内容能进行编辑。17、掌握移动端和PC端电商网站首页设计的区别尺寸不同。移动端屏幕的大小较

8、PC端要小，如果简单地把电脑端的图片放到移动端，尺寸的不合适会造成界面混乱、浏览不佳的问题。布局不同。移动端用户要求快速预览，重点阅读，简便操作，这就要求移动端的布局要简洁明了。分类不同。移动端分类结构明确，体现小而精的特点，一般利用图片来突出体现。颜色不同。PC端很多时候会使用深色系来体现店铺的风格，而移动端浏览由于尺寸小，因此颜色要鲜亮，以便让消费者浏览得舒适。移动设备的屏幕比较小，网络连接不够稳定，所以我们在设计制作移动端电商网站时必须有合适的尺寸、简明的结构、精简的内容、明确的分类、突出的重点、鲜亮的颜色，才能提高用户的使用体验。18、掌握移动端电商站首页的制作制作店招模块。打开淘宝移动端装修平台“无线装修”，对移动端的店招模块进行制作，主要修改店招图片和链接。选择模块。根据淘宝移动端首页布局，制作淘宝移动端首页轮播图模块、优惠券模块、品类导航模块，以及产品展示部分，主要包括热销产品和新品上市模块。发布和测试首页。将制作完成的淘宝移动端首页发布，并且测试“优蜜母婴”移动端店铺首页效果。