第3章电子商务网站的实现工具

臧良运崔连和:[e-mail]第3章电子商务网站的实现工具北京大学出版社电子商务网站建设03章电子商务网站的实现工具•臧良运崔连和、创建、设置、应用层的创建、编辑、应用模板概念创建模板编辑模板使用模板概述工作环境基本操作邵亦波规划网站、规划人生Dreamweaver使用入门03章电子商务网站的实现工具•臧良运崔连和．Dreamweaver的基本使用、站点设置及页面操作；2．表格的基本操作；3．样式和层的使用；4．模式的使用。本章学习方法纸上来得终觉浅,绝知此事要躬行！大量的练习是本章学习的唯一法宝，练习书上的实例，用自己所学的知识模拟实际存在的网页。经过大量的练习，Dreamweaver自然会熟能生巧，手下自然会妙“键”生花。03章电子商务网站的实现工具•臧良运崔连和,1973年9月出生于上海。1999年创建易趣网，出任首席执行官。邵亦波先生11岁在有150人参赛的首届全国“华罗庚金杯”少年数学竞赛中获全国第三名；在初高中全国数学竞赛中连获特等奖与一等奖，成为中国中学数学竞赛中明星选手。高二跳级直接进入全世界最著名的美国哈佛大学，是中国以全额奖学金赴哈佛读本科的第一人；成为应届毕业生中的最高荣誉生；1995-1997期间被世界最著名的两家策略咨询公司－麦肯锡（McKinsey&Co.）与波士顿咨询集团（TheBostonConsultingGroup）争相聘请；1999年谢绝美国年薪达20万美元聘请，回上海创办易趣网。1999年8月18日易趣网正式开通。2000年公司继首期融资650万美金后，再次完成二期融资2050万美金。入选“2000年度IT十大魅力男士”。学生时代的邵亦波，经过努力、刻苦地学习，拥有了睿智的头脑，毕业后，在事业的征途上一展风骚，我们定要抓住今天大好的学习机遇，拼搏、进取。03章电子商务网站的实现工具•臧良运崔连和：1．Dreamweaver具有可视化编辑功能，可以快速创建Web页面而无需编写任何代码。2．Dreamweaver可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。3．Dreamweaver可以在Fireworks或其他图形应用程序中创建和编辑图像，然后将它们直接导入Dreamweaver，从而优化开发工作流程。4．Dreamweaver提供了其他工具，可以简化向Web页中添加Flash资源的过程。03章电子商务网站的实现工具•臧良运崔连和．Dreamweaver还提供了功能全面的编码环境，其中包括代码编辑工具（例如代码颜色、标签完成、“编码”工具栏和代码折叠）；有关层叠样式表(CSS)、JavaScript、ColdFusion标记语言(CFML)和其他语言的语言参考资料。6．Macromedia可自由导入导出HTML技术可导入手工编码的HTML文档而不会重新设置代码的格式，可以随后用编写者首选的格式设置样式来重新设置代码的格式。7．Dreamweaver还可以使用服务器技术（如CFML、ASP.NET、ASP、JSP和PHP）生成动态的、数据库驱动的Web应用程序。8．Dreamweaver可以完全自定义。可以创建自己的对象和命令，修改快捷键，甚至编写JavaScript代码，用新的行为、属性检查器和站点报告来扩展Dreamweaver的功能。03章电子商务网站的实现工具•臧良运崔连和．第一次启动2．起始页3．工作界面图3-1工作区设置打开最近项目创建新项目从范例创建单击03章电子商务网站的实现工具•臧良运崔连和•臧良运崔连和•臧良运崔连和+新建文件方法+基于模板创建单击03章电子商务网站的实现工具•臧良运崔连和•臧良运崔连和（1）保存单个文件（2）换名存盘（3）保存框架文件(4)保存为模板返回03章电子商务网站的实现工具•臧良运崔连和+面板操作+重新组合返回03章电子商务网站的实现工具•臧良运崔连和•臧良运崔连和．站点建立2．文件夹创建三大部分五个步骤编辑文件测试文件共享文件单击单击03章电子商务网站的实现工具•臧良运崔连和•臧良运崔连和•臧良运崔连和+J03章电子商务网站的实现工具•臧良运崔连和．设置外观2．设置链接3．设置标题4．标题/编码设置5．跟踪图像单击单击单击单击03章电子商务网站的实现工具•臧良运崔连和•臧良运崔连和•臧良运崔连和•臧良运崔连和．文本属性设置3．插入日期4．插入水平线5．插入邮件链接可在【插入】菜单下也可在【插入】面板中执行插入操作。字体设置、文字大小设置、文字颜色设置【插入】【日期】【插入】【HTML】【水平线】【插入】【电子邮件链接】6．插入特殊字符【插入】【HTML】【特殊字符】03章电子商务网站的实现工具•臧良运崔连和•臧良运崔连和（1）在【插入】栏的【常用】类别中，单击“图像”图标。；（2）在【插入】栏的【常用】类别中，将“图像”图标拖入网页窗口中（如果正处理代码，则拖入“代码”视图窗口中）；（3）选择【插入】【图像】；（4）单击【窗口】菜单的【资源】显示资源面板，将图像从【资源】面板拖到网页窗口中的所需位置；（5）将图像从【站点】面板拖到【文档】窗口中的所需位置；（6）将图像从桌面或文件夹中拖到网页中的所需位置。返回03章电子商务网站的实现工具•臧良运崔连和•臧良运崔连和•臧良运崔连和（或称“热点”）的图像；当用户单击某个热点时，会发生某种操作；例如，网页上有一个人体图片，单击眼睛会链接到眼部介绍页面，单击耳朵会链接到耳部介绍的页面，人体图片的每一个区域称为一个热点【链接】文本框中在“目标”下拉菜单可以选择链接文件打开的窗口，具体含义如下：（1）_blank链接的文件在一个未命名的新浏览器窗口中打开；（2）_parent链接文件在含有该链接的框架的父框架集或父窗口中打开。如果包含链接的框架不是嵌套的，则链接文件加载到整个浏览器窗口中；（3）_self链接的文件在该链接所在的同一框架或窗口中。此目标是默认的，所以通常不需要指定它；（4）_top将链接的文件载入整个浏览器窗口中，因而会删除所有框架。03章电子商务网站的实现工具•臧良运崔连和．基础知识2．链接的基本操作绝对路径和相对路径链接目标虚拟链接脚本链接（1）选中需要建立链接的文本或图像；（2）在属性面板中设置要链接文件的路径及文件名。（3）如果链接到邮件，则需要在邮箱地址前加上Mailto，03章电子商务网站的实现工具•臧良运崔连和．插入表格2．选定表格（1）确定在哪插入（2）确定插入几行几列的表格（3）确定插入什么样的表格单击单击03章电子商务网站的实现工具•臧良运崔连和“表格”对话框返回03章电子商务网站的实现工具•臧良运崔连和•臧良运崔连和．行列操作2．尺寸调整3.3.2表格的编辑3．单元格操作插入菜单修改菜单（1）整体尺寸调整（2）行列尺寸调整（1）常规复制粘贴（2）选择性粘贴（3）单元格的清除单击单击03章电子商务网站的实现工具•臧良运崔连和•臧良运崔连和•臧良运崔连和．表格在页面布局中的应用2．表格布局的注意事项图3-17“表格”对话框严禁一表到底表格不可行、列同时拆分嵌套表格尺寸的设定要注意表格边框设置03章电子商务网站的实现工具•臧良运崔连和．CSS的含义2．CSS样式的分类3．层的含义4．CSS+DIV的页面排版优越之处单击内联样式内部样式表外部样式表单击单击03章电子商务网站的实现工具•臧良运崔连和，翻译成中文的含义就是“层叠样式表单”，一般称作“层叠样式表”，或“样式表”。它实质上是一系列格式设置规则，它们控制Web页面内容的外观。使用CSS设置页面格式时，内容与表现形式是相互分开的。页面内容（HTML代码）位