网页设计技术基础.ppt

图7.8.3 发布站点成功信息框 * 　选择主题：一个网站一定要有一个明确的主题，如公司的网站是用于介绍公司的产品、技术公告、支持服务；而个人站点，可以把个人简历，兴趣爱好等个人信息发布到网上，展现个人风采，结交朋友。不同的主题，规划方法也不同。 　规划网页：根据主题来构造网站结构，在导航视图中实现网站结构。 　组织素材：有目的地收集素材，进行整理、筛选、加工，来决定放在网站上的内容。 　选择视觉外观：一个网站中的所有网页的外观要协调统一，这包括相同的文字字体、相同的网页色调、一致性的导航超链接等。 　设计有效的页面布局：根据实际情况来决定使用何种页面布局，如使用表格或框架布局页面。 　制作具体网页：下面会具体讲 　发布网站信息：下面会具体讲 前5个步骤要在本幻灯片中较详细地讲解，步骤6～7将在以后的幻灯片中全面讲解。教材参考10.7节内容。 * 　 网站是由网页组成的，网页之间是由超链接来连接的，其连接方式有三种：线性网站、树状网站、非线性网站。 　线性网站：用于组织本身是线性顺序形式存在的信息，可以引导浏览者象翻阅书籍一样按顺序浏览整个网站。 　树状网站：类似目录系统的树型结构，由网站的主页开始，依次划分为一层标题、二层子标题……逐级细化，直至提供给浏览者具体信息。在这种结构中，主页是对整个网站的概括，同时提供了与下层的链接。 　非线性网站：通常网站的结构是线性网站和树状网站的结合，这样可以充分利用两种结构各自的特点，使网站具有条理，并可同时满足设计者和浏览者的要求。 * 网站创建的基本方法： 　直接在网页视图中制作每一个网页文件，保存的时候，把所有的网页文件保存在同一个文件夹（如某某的网站）下的相应的子文件夹中（如主题1文件夹、主题2文件夹）。嵌入的图片或其他素材文件要事先拷贝到相应的子文件夹中（如图片素材文件夹）。 　将本地机中的某个文件夹指定为FrontPage站点，选择文件菜单中的新建命令，选择站点，可选择一种主题模板，创建网站。这样就可在导航视图中进一步修改网站结构，网站结构创建好之后就可双击选定的网页，进行具体的网页编辑。这种方法的好处在于保存网页文件时嵌入的素材文件也会自动导入到站点中。 　可在安装有FrontPage 2000的机器上安装Web服务器，它们是网站设计的最佳组合，这个Web服务器既可作为FrontPage的测试平台，也可以作为实际的网站发布服务器。 幻灯片中呈现的网站结构图是一个按素材内容分门别类整理存放的参考结构，当网站庞大，文件数目众多时，这样的结构设计可对网站的制作和维护起很大作用。 2．创建指向Web站点上的网页或文件夹的超链接 在网页视图模式下，先选中需要创建超链接的对象，单击工具栏上的“插入超链接”按钮 ，再从URL下拉列表框中输入或选择要链接的Web站点地址，如站点。 3．创建指向电子邮件的超链接 在网页视图模式下，先选中需要创建超链接的对象，打开“创建超链接”对话框，在URL下拉列表框中输入mailto:，或单击“制作发送电子邮件的超链接”按钮 ，打开 “创建电子邮件超链接”对话框，然后输入电子邮件地址。 “创建电子邮件超链接”对话框 在网页视图模式下，先选中已建立超链接的对象，单击工具栏上的“插入超链接”按钮，打开的“编辑超链接”对话框，将URL下拉列表框中的链接地址删除。或鼠标右击已建立超链接的对象，从弹出的快捷菜单中单击“超级链接”级联菜单中的“取消超级链接”命令。 4．删除超链接 框架网页 创建框架网页 保存框架网页 创建框架网页 FrontPage为创建框架网页提供了10种网页模板，学习其中的“嵌套式层次结构”框架模板来创建框架网页的方法。 框架网页样例： “嵌套式层次结构”框架网页示例 ⑴单击“文件”下拉菜单中的“新建”，从级联菜单中选择“网页”命令，打开“新建”对话框，单击“框架网页”选项卡。 “新建”之“框架网页”对话框 ⑵选择“嵌套式层次结构”框架模板。创建了框架网页中各框架的初始网页后，就可以编辑、修改网页元素，添加超链接等。 “嵌套式层次结构”框架网页 保存框架网页 在网页视图模式下，先选中要保存的框架网页，然后单击工具栏上的“保存文件”按钮，打开“另存为”对话框。要将每一个框架中所涉及到的网页都要保存。 框架网页“另存为”对话框 设计动态网页 在网页中加入一些动态元素，如动态按钮、滚动字幕、计数器等，可以使网页生动、活泼。这种含有动态元素的网页称为动态网页（DHTML）。 1．动态字幕 2．悬停按钮 3．横幅广告 4．站点计数器 创建水