第9章 网页设计.pptVIP

Index.htm dxsh.htm wsly.htm 框架网页 （1）新建“横幅和目录”的框架网页wdah.htm，将其标题设为“我的爱好”。 1. 在“新建”任务窗格中单击“其他网页模板”链接，打开“网页模板”对话框。在“网页模板”对话框中，选择“框架网页”选项卡，选择列表中的“横幅和目录”框架，单击“确定”按钮。 2. 单击“常用”工具栏的“保存”按钮，打开“另存为”对话框，在“文件名”文本框输入“wdah”，单击“更改标题”按钮，打开 “设置网页标题”对话框。在“网页标题”文本框输入“我的爱好”，单击“确定”按钮。再单击“另存为”对话框的“保存”按钮，保存此框架网页。 （2）在导航视图中将“我的爱好”加入为主页的下一级，并在其下面建立标题为“唐诗宋词”的tssc.htm和标题为“校园歌曲”的“xygq.htm”两个网页。 1. 选择“视图”|“导航”命令，切换到导航视图。在导航视图中， 在文件夹列表中选中“wdah.htm”，按住鼠标左键不动，拖曳 鼠标到“主页”的下方，释放鼠标。则“wdah.htm”成了主页的 下级网页。 2. 选中代表“我的爱好”网页的标签，单击“导航”窗格的“新建网 页”按钮，则在“我的爱好”下面建立了一个标题为“新建网页1”的 网页。 3. 选中代表“新建网页1”网页的标签，单击网页标题，则网页 标题处于选中状态，输入新的网页标题“唐诗宋词”，按Enter键 确认。用同样的方法，在“我的爱好”网页下面建立一个标题为 “校园歌曲”的网页。 4. 双击标题为“唐诗宋词”的网页，打开文件名为“new _page_1” 的网页，单击文件夹列表窗口的“new _page_1.htm”,按鼠标右 键，在快捷菜单中选择“重命名”，则文件名处于选中状态，输入 文件名“tssc.htm”，按Enter键确认。用同样的方法， 将“new _page_2.htm”的网页保存为“xygq.htm”。 * * 9.1 网页设计基础 9.1.1 网页基础知识 静态网页和动态网页 静态网页是指Web服务器中的内容是固定的。 动态网页是指Web服务器根据用户的请求动态生成网页。 HTML和ASP 对于静态网页，通常采用HTML（超文本标记语言）将静态网页内容写入HTML文件并存放与服务器中。 9.1.2 网站开发工具 Dreamweaver MX Dreamweaver MX是Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是一套针对专业网页设计师特别发展的可视化网页开发工具。 FrontPage FrontPage是Microsoft公司主推的网站开发工具，它提供网页视图、导航视图和超链接视图等多种视图，使得用户可以直观查看并管理站点的结构。 9.2 HTML简介 HTML就是英文hyper text markup language，翻译成中文就是“超文本标示语言”，扩展名为.htm或.html; HTML的编写工具：可以使用任何文本编辑器进行编辑。可以用我们Windows自带的“记事本”程序编写，启动方法是：开始 →附件→记事本。 HTML的基本格式： html body … 网页的主体内容 … /body /html head /head title显示在标题栏上的文字/title 网页制作基本操作 1. 选择“文件” →“新建” ，单击“其他网站模板”链接，打开“网站模板”对话框。 2. 单击“常规”选项卡，在列表中选择“个人网站”，在网站的位置处输入路径d:\mywebs，单击“确定”按钮，则系统将自动创建站点保存在指定路径下。 （1）启动FrontPage,利用个人网站模板创建站点， 保存在D盘的MYWEBS文件夹下。 文件夹视图：右边显示出左边选中的当前文件夹下包含的子文件夹和网页文件的一些信息，如名称、标题、大小、类型、最后修改日期、修改者及关于文件的注释等。 报表视图：显示当前站点的性能的详细记录，以及关于站点访问者的活动的信息。包括有网站摘要报表、文件报表、共享内容报表、问题报表、工作流报表和使用率报表六种类型，可通过下拉列表来切换报表类型。 导航视图：显示网站的网页层次结构，用户可以清晰地看到主页、从页之间的逻辑关系。在此视图下，用户可以方便地改变网页的逻辑关系。 超链接视图：显示出站点中各个网页之间，以及与其他站点的网页的相互链接关系。 （2）观察Mywebs站点的各个视图。 （3）打开index网页,观察网页的四种视图。