(实验二静态Web网页的制作.pptVIP

参考资料 HTML和Dreamweaver相关书籍 网上HTML和Dreamweaver相关资料 在本地机完成如下工作 创建子目录，例如：d:\html 在“Internet 信息服务”界面中，为子目录创建虚拟目录，例如为d:\html创建html虚拟目录名 Dreamweaver简介 相关概念 网页：由HTML或者其他语言编写，通过浏览器显示的页面，又称为Web页，可包含文字、图像、表格、动画和超级链接等各种网页元素。分为静态网页和动态网页。 网站：就是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。如门户网站、职能网站、专业网站、个人网站等。 超链接：实现从一个网页转跳到另一个网页。 相关概念（续） 网页的分类： 按所处位置分：主页和子页 按表现形式分类：静态网页和动态网页 静态网页：网页文件只有HTML标记，没有程序代码。 其网页文件后缀常为 .htm、.html等。 动态网页：网页文件不仅含有HTML标记，而且含有程序代码，其文件后缀常为.asp、.php、.jsp等。 相关概念（续） 网页中的常用术语： 浏览器：用于阅读网页中信息的一种软件工具，如Internet Explorer（IE）、腾讯TT浏览器、谷歌的Chrome、360浏览器等。 统一资源定位符（URL）：用来指定协议（如HTTP或FTP）以及对象、文档、万维网网页或其他目标在Internet的位置和存取方式。其格式为： 协议://服务器地址/路径/文件名 超链接：实现网站中网页之间或者网站之间的连接，是网页中最常用的元素之一。 Dreamweaver 2004 MX的基本操作 启动：双击桌面DW图标或者通过”开始” →”应用程序”的方式启动 文档的创建：文件→新建，按”创建”按钮 文档的保存：文件→保存 执行HTML文件：使用”在浏览器中预览/调试”图标或者在资源管理器中直接选择执行 退出：文件→退出 Dreamweaver 2004 MX首选参数的修改 在DW菜单中，选“编辑”→“首选参数”，在“首选参数”对话框中： 选“分类”中的“常规”，把“用strong和em代替b和i”以及“使用CSS而不是HTML标签”前的对话框复选框不选中。 选“分类”中的“代码格式”，选中“自动换行”。 Dreamweaver 2004 MX管理站点的建立 启动DW，在菜单栏中选择站点→管理站点。 在弹出的管理站点对话框中，点击新建，然后输入站点的名字。 按下一步，选择“是，我想使用服务器技术”。因建立的是一个静态站点，在“哪种服务器技术？”，选择“无” 按下一步，选择“在本地进行编辑和测试”，然后选择文件存贮位置。 按下一步，输入测试的URL。 按下一步，在出现的对话框中选择“否”。 按下一步按钮，显示站点定义总结，按完成按钮，则一个站点即建立完成 虚拟目录和DW站点设置的关系 HTML基础知识 HTML是一种标记性语言，它用一些特殊的标记控制文档中某些信息的展示方式，或与其他信息建立链接。 HTML简介 HTML不是一种编程语言， HTML所定义的范围仅局限于如何表现文字和图片，以及如何建立文件之间的超级链接。因此由HTML构成的文件不会因时间、地点的变化而改变，所以，HTML构成的是静态网页。 实现动态网页需要编写程序。 HTML文件可以使用记事本、FrontPage、Dreamweaver等任何文本编辑器编辑。本实验使用Dreamweaver 2004 MX 软件 网页的制作既简单又复杂 使用各种所见即所得的网页制作软件，可以在完全不懂任何HTML规则或略知一、二的基础上设计出相当精美的网页。 但如果要对网页进行精细的调整，必须对HTML语言有相当的认识才行。 HTML文件可以使用记事本、FrontPage、Dreamweaver等任何文本编辑器编辑。本实验使用Dreamweaver 2004 MX 软件 HTML基本语法 HTML标记 HTML标记实际上就是规定了各种内容的显示方式，例如有标记html、/html、head、/head、body等 。 标记写法：双标记、单标记 双标记：标记名…… /标记名 单标记： 标记名 起始标记和终止标记之间的部分，连同标记在内，称为HTML的元素 。 HTML文件的基本结构 HTML HEAD TITLE 文档标题 /TITLE /HEAD BODY