大学网页设计课程.pptVIP

模块1 创建空白网页 图1-4 空白网页效果图 2 查看网页源文件 操作流程 操作流程 (1) 在网上打开任意一个网页文件，如图1-5所示。 模块2 查看网页源文件 图1-5 网页效果 模块2 查看网页源文件 (2) 单击IE菜单“查看”|“源文件”选项，如图1-9所示。 (3) 查看源文件执行结果，如图1-6所示。 (4) 查看index.htm的源文件，拖动滚动条，观察并留意HTML文件中的各种标记，如html、head、body、table、tr、td和img等，并体会HTML的语法规则。如图1-7所示。 模块2 查看网页源文件 图1-6 查看菜单操作 模块2 查看网页源文件 图1-7 网页源码文件内容 模块2 查看网页源文件 四、作业： (1) 编辑“个人主页.htm”网页文件，使用IE浏览“个人主页.htm”网页文件，并查看其HTML源代码。 (2) 打开百度网站，查看其源文件，分析XHTML代码的结构。 模块2 查看网页源文件 (3) 平常上网时，看到一篇好的文章，想复制下来，但该网页不允许，怎么办？有些网页不允许查看源文件，怎么办？有些网页不允许“另存为”，怎么办？请在互联网上通过搜索找到解决办法。 (4) 保存地址为的网页上的图像和文字到本机D盘上。 模块2 查看网页源文件 (5) 在IE浏览器地址栏中输入URL：telnet://，使用Telnet服务访问清华大学的BBS系统。 (3) 备齐网页开发工具软件，包括网页制作工具、服务器端程序开发工具及一些实用的辅助工具。 (4) 备齐素材制作和加工软件，包括对图形、动画、流媒体和声音进行处理的素材制作和加工软件。 (5) 备齐常用的网站发布工具，如FTP文件传输软件等。 3) 规划页面设计和布局 要设计出好的网页，应遵循3个原则： (1) 有创意、新颖以及有自已的特色。 (2) 有充实的内容和浏览价值。 (3) 网页的布局有一定的艺术性。网页的设计与网页内容的配合最为关键，确定网页的主题和定位方向以后，就有一个目标去搜集相应的材料充实和丰富主题。 4) 创建内容资源 在设计网页时，千万不要让信息和图片填满网页，网页看起来必须是干净、有组织有条理的，使用很容易阅读的字体。 (1) 文字与图片。文字与图片是任何一个网站最基本的要素。浏览器会根据网页文件中的HTML代码，将文字与图片正确地表现出来。在一个页面中，文字与图片的比例要适当，文字太多，会降低网站的吸引力；图片太多，又会使页面的浏览速度下降，浏览者可能还没等到网页内容全部出现，就已经跳到别的网页甚至把浏览器关掉。 (2) 动画。假如网页上只有静止的文字与图片，就未免显得过于沉闷，如有些动画点缀，必定会生色不少。通常看到的网页动画都是动态的GIF格式图片。动态GIF使用不能过多，否则，不仅网站的浏览速度会大打折扣，更会给人一种眼花缭乱的感觉。如果需要在网页上加上一些大型或复杂的动画，就需要借助Flash动画。 (3) 音乐。在多媒体技术大行其道的今天，网页不仅仅可以有色，还可以有声。适当地在网页上加点音乐效果，会使网页更具有吸引力。网上流行的声音格式有MIDI、WAV、MP3、Real Audio。 (4) 视频影像。众所周知，视频影像是一种非常直观而有效的表现方式，但碍于网速所限，下载一个视频文件要花费很多时间。而借助一边下载，一边播放的串流技术(Steaming)，就可以解决这个问题。视频流技术常见的文件格式有Real Video、Microsoft Media及Apple Quicktime，它们各有所长，其中Real Video的使用者最多。 (5) 搜索功能。搜索功能就是使得浏览者在短时间内快速地从大量的资料中找到符合要求的资料。这对于一个资料非常丰富的网站来说，非常有用。要建立一个搜索功能，就要有相应的脚本程序以及完善的数据库支持。 (6) 留言板、论坛及聊天室。留言板、论坛及聊天室为浏览者提供一个信息交换的地方。浏览者可以就个别的产品、服务或话题进行讨论。顾客也可以就他们提出的问题提出咨询，或者得到售后的支持服务。 (7) 提交表单。提交表单的用途很多，从收集顾客的意见、资料登记到服务申请或网上购物等，都需要使用提交表单的功能。提交表单的功能看似很简单，其实也需要动态脚本程序将收集到的资料进行处理才能用作其他用途。 (8) 网页程序。要设计一些更复杂、更大型、用途更多的网页，例如大型的门户网站、拍卖网站或购物网站等，就需要更专业、更高级的网页程序支持，