01-网站设计与开发之静态网页课件.ppt

网站设计与开发;主要内容;网页相关概念;动态网页与静态网页;动态网页与静态网页;动态网页;动态网站与静态网站;参考书目;网站设计流程 ;页面结构设计;1、用文件夹来合理构建站点结构 Html文档中不仅仅是文字，还包含其他任何类型的对象，例如图像、声音、动画等，这些文档资源不能直接存储在Html文档中。为清晰起见，不要把所有文件都存放在根目录下，文件多时可以创建多级子目录。 如首先为站点创建一个根文件夹（根目录），然后按栏目内容建立多个子文件夹，每个子文件夹下再将Html文件和图形文件及其它文件分门别类地存储到相应的文件夹下。但目录的层次也不能太深，以便于维护管理。;2、使用合理、意义明确的文件名和目录名 使用合理的文件名非常重要，特别是在网站的规模变得很大时。文件名应该简洁易懂，让人看了就能够知道网页表述的内容。 可以使用长文件名来命名文件，以充分表现文件的含义和内容。（但是太长的目录名不便于记忆 ） 尽管中文文件名清晰易懂，但是应该避免使用中文文件（文件夹）名，因为很多Internet服务器使用的是英文操作系统，不能对中文文件名提供很好的支持；而且浏览网站的用户也可能使用英文操作系统，中文的文件名称可能导致浏览错误或访问失败。如果对英文不熟悉，可以用汉语拼音作为文件名。 很多internet服务器采用UNIX操作系统，它是区分文件大小写的。例如Index.html和internet.html是完全不同的两个文件，而且可以同时出现在一个文件夹中。因此，建议在构建的站点中，全部使用小写的文件名称。;3、在制作的每一个网页上都加上一个“返回主页”的超级链接，而且应当避免强迫用户使用工具栏中的向前和向后按钮。绝大多数站点在每一页同样的位置上都有相同的导航条（网站的目录结构），使浏览者能够从每一页上访问网站的任何部分。 4、在制作Web网页时，一个Web网页最好不要过长。如果某一个Web网页内容很多，最好把它们分成多个，这样做的好处是不致于使Web网页由于网络速度的问题，而影响用户的浏览。;5、适当地使用动画可以增加网页的动感和趣味，但不能太多，以免网页太花哨。 6、需要使用特殊字体时，最好用图片来代替。 7、如果网页中有比较大的图像，要想办法进行处理，如尽量缩小或省略图形，或改变图象格式，以加快网页显示的速度。否则即使制做的Web网页很好看，用户也没有耐心等待整个图片下载完毕。 8、在网站中还应有联系方式。如电话、通讯地址或E-mail地址以及联系人等等，这样可建立与浏览者联系和交流的桥梁。 ;制作网页时要注意的问题;序号;常用的网页制作工具;Dreamweaver制作网页;工具栏;HTML语言;创建站点;文件和文件夹的命名 不能使用中文 最好使用小写字母 不能使用特殊字符，如~、！、@、#、%、^、、*等 不推荐使用拼音命名 合理使用下滑线 网站首页命名：index.htm;创建网页文档;设置页面属性;使用表格排版内容;使用表格;插入表格;选择表格;属性设置;编辑表格;表格的其他操作;表格的其他操作;练习：插入表格;页面中的文本;设置文本属性;练习：文本编辑;多媒体网页的制作;插入图像;练习：图片编辑;插入Flash影片;添加背景音乐;插入视频文件;超链接的创建;文本链接;图像链接和图像映射;邮件链接;锚点链接;修改链接样式;框架网页制作;创建框架集;修改框架的大小;编辑框架;保存框架;框架中的链接;谢 谢！