课件19张PPT。第十课 成竹在胸,井井有条---站点规划与网页设计学习目标123学会规划网站文件的存放结构
了解主页版面设计构想
认识主页设计工具---FrontPage2000
了解网站设计中需要注意的问题4 我们制作的网站,是由一系列的文件构成的,为方便对这些文件的使用和管理,我们可以对它们进行分类,分别存放在不同的文件夹中,如图?。
文件分类的方法很多,可以根据类型分类,也可以根据功能来分类,针对不同的情况我们可以采用不同的分类方法。在网站设计中,文件多数是“按功能分类”的方法进行存放的,一个功能模块的内容存放到一个文件夹中。1.??规划文件的存放结构完成你们的网站文件存放表: 主页是网站的“门面”,因而主页的设计应该考虑美观而有特色,给访问者留下深刻的印象。主页在设计时还应注意色彩搭配,布局合理、美观,可适当增加一些装饰性的图片,比如动态的?GIF?图片,使主页增添一些动感和生气,如图? 2.??主页版面设计构想试一试 推选绘画基础较好的同学先把自己网站的主页画出来。可以先设计多个方案,然后再一起讨论,选择一个最佳的方案。 制作网页的工具很多,Microsoft 公司的FrontPage2000 是 Office2000 办公组件的组成部分。它的界面与Word非常接近,因而很容易学习与掌握,如图 3.??认识网页制作工具—FrontPage2000单击“文件”菜单下的“新建站点”,打开“新建”对话框,如图,选择“只有一个网页的站点”。4.??新建站点主页图片文件夹编辑主页1、双击打开主页2、输入文字 3、打开主题4、选择主题插入“水平线”插入“滚动字幕” “字幕”,是一种网页组件,它可以让文字在网页的某个区域中不断跑动。一般来说,我们如果希望引起人们注意,或是写些欢迎的文字,就放在“字幕”之中插入“滚动字幕”1、打开web组件2、选择字幕连续选项,这样“字幕”就会一直跑下去。3、将背景色设置为黄色点击“预览”可预览网页效果对于建成的站点,FrontPage2000?能够实现: ●?自动建立相应的文件或文件夹,如主页文件? (index.htm)?和图片文件夹(images);
●?对站点(包括对站点中的网页及网页中的图片)进行管理,以避免出现网页或图片链接错误的问题。例如:在我们的网页中引用了图片后,系统在网页保存时,会提示将图片保存到站点内的文件夹中。通常情况下,我们将图片存放在站点下的?images文件夹中,如图? 网页中图片的定位1、单击“绝对定位”按钮2、拖动此处移动图片站点的保存1、单击保存按钮3、选中“image”文件夹,再单击确定2、单击”更改文件夹“4、单击确定网页设计中其他几个要注意的问题 (1)?网站、网页要有自己的风格。网站风格要根据网页的内容来定,如科学网站要严肃认真,娱乐网站要生动活泼,即不同的网站要有不同的风格,不同的品味。
(2)?版面的安排要主次分明,重点突出。一个网页的主要内容应在突出的位置,并且文字与背景之间有较大的反差,可以通过一些动态图片或文字加以突出。
(3)?合理的色彩搭配。同一网页上不同色彩之间搭配要互相协调、美观。图片的运用要合理、恰当。图片在网页上主要起点缀或装饰作用,但图片用得过多,不仅不能起到美化网页的作用,而且会影响网页打开的速度。
(4)?遵守国家法律,不侵犯版权。网页上引用别人的作品,要经过作者的同意,并且要注明原作者、来源网站等信息。知识林T谢谢观看HANK YOU!附:日期代码