网页设计与制作Dreamweaver8网页设计-64页精选文档

•
• •
6）单击“下一步”按钮，在弹出的对话框“您如何连接到远程服务器？”下 拉菜单选择“无”选项。
7）单击“下一步”在弹出的对话框中会所示相关的信息，然后单击“确定”， 完成站点的设置。 8）此时在Dreamweaver8的文件面板就会出现站点的文件夹及所有的文件。
返回 退出
2、制作网页 1
• • • • 1）启动Dreamweaver8新建一个HTML页，命名为“index” 。 2）单击属性面板中的“页面属性”按钮，打开“页面属性”设置对话框， 对页面进行相应的设置，设置完成后点击“确定” 即可。 3）根据课件设计方案，在设置好的网页中添加表格，对表格进行编辑，添加好 相应的文字，预览后保存。
返回
退出
下一页
返回Байду номын сангаас
退出
2、制作网页 2
• 4）在重新创建一个新的网页，命名为“导航页”页面属性的设置同 （2）， • 根据已经设计好的方案，编辑导航页。 • 5）然后分别制作“作者简介”、“课文内容”、“课文分析”、“生词生 字”、 • “课堂练习”、“课后习题”网页。
下一页
返回
退出
2、制作网页 3
网页课件实例
• •
1、创建新站点 2、制作网页
返回
退出
1、创建新站点
• • • • • • 1）在本地计算机硬盘创建一个文件夹，名为“唐诗教学”。 2）打开Dreamweaver 8，在菜单栏打开“站点”选项，执行“新建站 点” 命令。 3）在弹出的对话框中选择“基本”选卡，输入站点的名称。 4）单击“下一步”按钮，在弹出的对话框中选择“否，我不想用服务器技 术”。 5）单击“下一步”按钮，在弹出对话框中选择“编辑我的计算机上的本地副 本，完成后在上传服务器”选项，如图所示。单击按钮，选择站点的位置为先 前创建的文件夹。

课堂小练习：
将本次实例中的内容个人简介换成一本你喜欢的书的简介，然后把它 推荐给你的朋友们。
2.2 HTML中表单的应用
• 对于一般的网页设计初学者而言，表单功能其 实并不常用，因为表单通常必须配合着CGI、 JAVA Script程式或是ASP程式来运作，不然表 单单独存在的意义并不大。不过，一旦有机会 将表单运用到网页中时，您的网页将摆脱单向 呈现，而开始迈入和使用者互动的阶段！ 本节以介绍常见表单及表单对象代码为主，为 大家学习动态网页奠定一定基础，至于如何与 数据库连接实现它们的功能等将放在第七章详 细介绍。
2.2பைடு நூலகம்HTML中表单的应用
案例2-2问卷调查制作——畅所欲言聊奥运
案例小结：
表单是制作提供交互功能的动态网页的基础， 掌握好相应的代码可以帮助制作出更多功能强 大的动态网页。但是仅仅制作表单还不足以实 现真正的交互功能，还要进行数据库连接等方 面的工作，另外表单对象也不止本案例中所涉 及的内容，具体的深入学习表单及其实现过程 请参看本书的第7章。
2.1 HTML标记
案例2-1 个人简历制作
【操作步骤】 （1）创建文件夹，将相关图片素材拷至文件夹内。新 建 一 个 HTML 文 档 ， 保 存 到 文 件 夹 下 ， 并 命 名 “index”，打开该文档，切换到代码视图。 （2）利用<title></title> 标记修改网页标题。 （3）利用“background”选项设置页面背景。 （4）通过添加代码插入表格。 （5）通过添加代码设置超级链接。 （6）添加序列代码。 （演示操作）
第2章 HTML和网页制作 实 训
用HTML手工编写代码制作一个公司简介网站。
实训目的 1．了解不同标记对应的代码。 2．掌握编写代码制作网页的方法。 实训内容与步骤 网站规划。 建立网站文件夹，搜集相应素材，创建站点。 新建网页文件并对内容进行合理布局。 通过编写代码添加表格、文字、图片、序列、超级链接等。 测试页面是否能正常浏览。

3.1 Dreamweaver8简介 3.2 网页文本及媒体的应用 3.3 表格的应用 3.4 布局表格的应用 3.5 超级链接 3.6 框架的应用 3.7 CSS样式的应用 3.8 层和行为的应用 3.9 时间轴的应用 3.10 表单的应用 3.11 模板的应用
3.1
本节知识
认识Dreamweaver8
在需要添加特殊字符的位置单击鼠标，设置插入点。 选择插入栏的“文本”类别（如图所示），单击最右边的
下三角
按钮，在弹出的下拉菜单中选择“其他字符”命令，弹出如图所示的 对话框，可在其中选择要输入的对象。
3.2.2
文本的编辑操作
也可通过软键盘来输入“★、■、※、【】”等特殊字符符号。
3.2.2
选择“关闭”命令。
在Dreamweaver 8窗口中选择“文件”|“退出”菜单命令。 在当前窗口为Dreamweaver 8工作界面时，按“Alt+F4”键退出
Dreamweaver 8。
3.1.3 Dreamweaver 8工作界面介绍
知识要点
插入栏
文档工具栏 文档编辑区 网页标签 扩展按钮 浮动面板组 属性面板 标签选择器 水平标尺和垂直标尺
3.1.1
知识要点
系统要求
Dreamweaver8的认识
在安装Dreamweaver8之前请确保硬件和软件环境满足以下条件： ① Intel Pentium III 600MHz或更快的处理器和等效的处理器 ② Windows 2000、Windows XP或Windows Server 2003 ③ 至少128MB的可用内存（建议采用256MB内存或更大内存） ④ 能达到1024×768像素分辨率或更高分辨率的监视器

《dreamweaver8网页设计》目录第一章遨游DREAMWEA VER8精彩世界1第二章创建与规划站点3第三章文本及其格式化10第四章表格13第五章图像15第六章框架18第七章页面布局视图的使用21第八章链接24第九章层与时间轴 28第十章表单32第十一章行为35第十二章制作动态页面38第十三章代码片断、库项目和模板 42第十四章网页的制作45第十五章网站的测试与上传49第十六章使用FIREWORKS 8处理网页图像 52第一章遨游Dreamweaver8精彩世界课题：Dreamweaver8简介及创建文档一、教学基本内容1、Dreamweaver8 的工作界面2、建立html文档二、课型：新授课三、课时：2个课时四、教学重点与难点重点：熟悉Dreamweaver8工作界面中各个工具的作用难点：1、各个面板的调用2、建立一个HTML的网页3、插处图像五、教学目的1 、对Dreamweaver这个制作网页的工具及网页有一定的认识，激发学生学习网页设计的兴趣2、一定要学会建立一个空白网页3、会对页面有一个简单的设置六、教学过程1、引入（1）为什么要用Dreamweaver而不用Frontpage?Dreamweaver是Macromedia公司的出品，它以程序小、运行速度快、所制作网页代码少这些优点，赢得了网页制作人员的喜爱。

（2）相关工具的介绍因为这是第一节网页制作课，所以首先要简单介绍下制作网页的一些相关工具，比如与Dreamweaver合称为网页三剑客的Flash和Fireworks。

2、讲授新课（1） Dreamweaver的界面a．文档窗口：主菜单、工具栏、底部启动条、文档编辑区b．对象面板：标准、表格、表单、框架、特殊、文件廷冖隐藏、字符c．启动面板：站点管理、代码检查、HTML样式、CSS样式、行为、历史记录、资源管理d．属性面板：随目前对象不同而内容不同(2)创建HTML网页(3)在网页中插入图像输入文字以后，插入图像，并对图像设置对齐的方式，使之与文字呈混排的状态。