下载文档原格式
第一课：网页设计基础一、网站的概述1、网页与网站浏览网页时在浏览器中看到的一个个页面就是网页，而多个相关的网页的集合就构成了一个网站。
举例： (搜狐网) (百度网) (优酷网)等等。
2、浏览网页的工具-浏览器浏览器：用于打开显示网页的软件。
最常见的是Windows系统自带的IE浏览器。
还有火狐Firefox、360安全浏览器、遨游、腾讯TT等等。
1）网址：用于定位某个网站某个页面的一串字符，通常是这种格式/nba.shtml2）主页：访问网站时，默认打开的第一个页面就是主页也叫首页。
3、认识网页的组成元素文本视频网页标题LOGO导航栏超级链接表单图片二、初识Dreamweaver1、制作网站的流程规划网站类型及主题à搜集资料素材à使用软件进行网页制作à测试及发布2、认识Dreamweaver是当前最流行、最方便的网页设计和网站开发工具软件。
Dreamweaver：梦想编辑者。
通过这个工具，实现编辑网页的梦。
Dream：梦想weaver：织布者，织工早期是Macromedia公司推出的“网页三剑客”之一。
“网页三剑客”指的是Dreamweaver、Flash、Fireworks这三个软件，它们这三个集合起来，就像江湖中最厉害的剑客一样，成为了网站开发中的专用利器。
它集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的可视化网页开发工具，前两年Macromedia公司被Adobe公司收购，DM CS5是最新推出的版本。
【操作演示】启动Dreamweaver实例：制作一个简单页面(两种方法对照)三、Dreamweaver的用户界面状态栏浮动面板文档工具栏文档编辑窗口属性面板插入面板菜单栏提高：工作窗口的设置、保存、恢复【操作演示】关闭Dreamweaver四、网页文件的基本操作基本网页的文件类型为HTML文档，保存的文件扩展名为“.html”创建网页文档（HTML文档）•文件→新建→新建文档→常规→类别→基本页保存指定文件（编辑中的文件如果文件名后面带有“*”号，表示未保存）•文件→保存（或Ctrl+S)•文件→另存为•文件→保存全部注意：1、网页文件要用英文或数字进行命名，莫用中文。
第一课网页设计基础一、学做网页的基础知识1、学好做网页（在互联网上基于http协议传播信息的页面）要做到三个方面:一是多看；二是多想；三是多做。
2、好的网站（反应同一主题的多个网页的集合）颜色搭配：儿童网站:橙色,粉红色,紫色；时装网站:黑、白色；高科技网站：蓝色3、做网站时的三大原则：1建立网页前需要新建一个网站；2文件名，对象ID名，尽量使用英文，拼音，数字尽量避免使用中文，首页一般命名为：index.htm（l）或default.htm（l）（注：主页必须放在网站的根目录下面，同时名称也有特殊的要求）；3尽量要存盘。
4、网页内容的组成：（1）文字；（2）图片（jpg，gif，png）；（3）动画（swf，gif）；（4）多媒体；（5超链接；（6）表单；（7）网页特效；（8）其它元素；（9）网页标题；（10）LOGO；（11）导航栏。
5、网页的制作方法；（1）代码法：html；（2）软件制作：Dreamweaver 、frontpage（所见即所得）。
6、DW cs6的界面：７、设置工作区：在DS6界面的“工作区菜单”的下拉箭头进行选择，默认是⑴设计器，然后有⑵经典等16种样式进行选择。
8、调整工具栏：从菜单[查看]－[工具]的下级菜单中选择文档、样式呈现、标准三种工具输入法；编码工具栏（只在代码和拆分视图时窗口左边垂直显示，也可在菜单[查看]－[工具]的下级菜单中选择）、浏览器导航工具栏只在实时视图中显示。
9、保存自定义工作区：设计好各种面板、工具栏等工作区后则可从菜单[工作区]－[新建工作区]，在弹出菜单中输入名称后确定则可。
10、创建自定义的快捷键（是独立于自定义工作区加载和保存的）：⑴从菜单[编辑]－[快捷键]，弹出“快捷键”窗口；⑵单击“复制副本”按钮，在弹出的“复制副本”窗口中的“复制副本名称”框中输入名称后点击“确定”按钮；⑶从“命令”框中选择“菜单命令”，从“文件”命令列表中选择“保存全部（L）”（此命令还没有快捷键，经常使用），在“按键”框中插入光标，同时按下“Ctrl+Alt+S”组合键（则会提示此组合键已分配给“拆分单元格（P）且与QQ的消息窗口快捷键相同），我们可选择“Ctrl+Alt+Shift+S”；⑷单击“更改”，“确定”，则会保存好，在之后就可以使用了。
《Dreamweaver CS5网页制作基础教程》课程教学大纲一、课程性质和任务本课程是网页制作的一门实用课程，是网络类专业的一门实践性很强的技术基础课。
它的主要任务是培养学生规划、设计和制作网站的实际技能。
二、课程教学目标1、掌握Dreamweaver CS5界面的组成2、掌握创建和发布站点的基本方法3、掌握首选参数及页面属性的设置方法4、掌握添加和设置文本、图像和媒体的方法5、掌握创建和设置超级链接的方法6、掌握创建、编辑表格及其属性设置方法7、掌握使用框架创建网页的方法8、掌握使用Div和CSS样式布局网页的方法9、掌握使用模板和库创建网页的方法10、掌握使用行为的基本方法11、掌握使用表单设计网页的方法12、掌握创建ASP应用程序的方法四、教学内容和基本要求第1章网页制作基础∙ 了解与网页有关的一些常用名词术语。
∙ 了解HTML和CSS的一些基本知识。
∙ 了解Dreamweaver CS5的工具栏和功能面板。
∙ 掌握Dreamweaver CS5设置首选参数的方法。
第2章旅游网站站点设计∙ 了解旅游网站的基本知识。
∙ 了解站点规划的基本知识。
∙ 掌握定义和管理站点的基本方法。
∙ 掌握创建文件夹和文件的基本方法。
第3章旅游网站文本设置∙ 掌握设置页面属性的方法。
∙ 掌握插入文件头标签的方法。
∙ 掌握添加文本和特殊对象的方法。
∙ 掌握设置字体属性的方法。
∙ 掌握设置段落属性的方法。
第4章旅游网站CSS样式设置∙ 了解CSS速记规则与普通规则的区别。
∙ 了解设置CSS样式首选参数的方法。
∙ 了解CSS类型等属性的基本涵义的设置技巧。
∙ 掌握创建、编辑、管理和应用CSS样式的方法。
第5章旅游网站CSS和Div布局设计∙ 了解常用的页面布局类型和技术。
∙ 掌握插入和编辑Div标签的基本方法。
∙ 掌握使用CSS+Div布局页面的基本方法。
∙ 掌握创建和设置AP Div的基本方法。
∙ 掌握使用Spry布局构件的基本方法。
