网页设计与制作案例教程 教学课件 陈承欢 第2单元.pptVIP

第2章 网页制作基础; 别着急，首先让我们学习网页制作的基础知识，了解网页的相关概念和术语、分析网页中主要的构成元素，认识一些制作网页、处理图像、制作动画的专业工具。 重点熟悉Dreamweaver 8的启动与退出、界面布局和工作环境。; 知识技能目标 ;; 2.1 网站和网页的基础知识; 1．WWW;2．URL;3．Server与Browser;4．网页;5．网站;6．Hypertext;7．HTTP;8．HTML;9．CSS;10．JavaScript; 网页由文本、图像、动画、超链接等基本元素构成，本节我们对这些基本元素有一个初步的了解，为后面各章中运用这些元素制作网页奠定基础。;1．文本;2．图像;3．超链接;5．动画;6．表格;7．框架;8．表单; 制作网页的专业工具功能越来越完善、操作越来越简单，处理图像、制作动画、发布网站的专业软件应用也非常广泛。; 常用制作网页的工具如下： （1）制作网页的专门工具：Dreamweaver、FrontPage。 （2）图像处理工具：Photoshop、Fireworks。 （3）动画制作工具：Flash、Swish。; （4）图标制作工具：小榕图标编辑器、超级图标。 （5）抓图工具：HyperSnap、HyperCam、Camtasia　Studio。 （6）网站发布工具：CuteFTP。; （1）直观的工作区 （2）完善的模板和库 （3）快捷的编码功能;（4）有效的网站管理 （5）可扩展性好 （6）支持多种服务器端开发语言 （7）与Flash 8和Fireworks 8的良好集成;2．Dreamweaver　8的启动与退出;（2）退出Dreamweaver 8 单击Dreamweaver 8窗口右上方的关闭按钮 ； 按下“Alt+F4”组合键； 单击菜单【文件】－【退出】。; Dreamweaver 8的工作界面主要包括：菜单栏、工具栏、文档窗口、属性面板、面板组等。;1．菜单栏;2．工具栏;（1）插入工具栏 插入工具栏包含用于将各种类型的“对象”（例如图像、声音、动画、表格、框架、层、表单等）插入到文档中的按钮。; 显示插入工具栏的方法：选择菜单【窗口】→【插入】选项，文档窗口上方将显示出插入工具栏。通常情况下会显示“常用”工具栏。 切换不同类型的插入工具栏的方法：单击插入工具栏上的“向下箭头”按钮 ，选择不同种类的对象，各种类型对象对应的按钮将会显示在工具栏上。;（2）标准工具??? 标准工具栏包含网页文档的基本操作工具，例如新建、打开、保存、剪切、复制、粘贴等按钮。;（3）文档工具栏 文档工具栏包含用于选择所需开发环境的“代码”、“拆分”、“设计”按钮和多个弹出式菜单，它们提供各种“文档”视图、各种查看选项和一些常用操作。;（4）样式呈现工具栏 使用样式呈现工具栏可以切换到“设计”视图，以查看在打印媒体类型、手持型媒体类型、投影媒体类型上的显示效果。;3．文档窗口;4．属性面板;5．面板组; 各个面板可以打开或关闭，平常没有用到时可以关闭，要使用时再显示出来，这样可能充分利用有限的屏幕空间。 显示面板的方法：单击选择【窗口】菜单相应的菜单项即可。要单独关闭某一个面板，在对应面板标题位置单击右键，打开快捷菜单，然后单击【关闭面板组】即可。; Dreamweaver 8提供了操作方便、功能完备的帮助系统，对Dreamweaver 8的使用方法提供了详细的说明。;1．打开帮助;2．提供帮助的方式;3．帮助系统的目录列表;4．使用索引查找所需的信息; （2）单击“索引”标题，切换到“索引”选项卡。 （3）在文本框中输入“HTML”。下方的列表框中自动显示与“HTML”相关内容的标题，例如“不换行空格”、“设置格式和插入”等。 （4）在下方的列表框中双击“不换行空格”，右侧便会显示详细内容。;5．有哪些信誉好的足球投注网站帮助信息; （2）单击“有哪些信誉好的足球投注网站”标题，切换到“有哪些信誉好的足球投注网站”选项卡。 （3）在文本框中输入要查找的单词：CSS，然后单击【列出主题】按钮，在下方的列表框中便会列出有关内容的标题。 （4）双击结果列表中一个主题，例如双击“使用CSS样式面板”主题，右侧列表框中便会显示该主题的相关内容，并且所有哪些信誉好的足球投注网站的单词会呈选中状态。;★ 课堂实践 ★;★ 课外拓展实践 ★;★ 本章小结 ★