图书网站.docxVIP

宁夏大学新华学院课程设计网站名称图书介绍姓 名学 号分 数班 级系 别专 业贺金凤120142474622014级网络班信息与计算机科学系网络工程梁兴琪12014247470任课教师签字批改日期备 注目录一、网站主题1二、 制作工具1三、 设计框架1四、网站分工1五、设计详情11、首页22、现代文学——诗歌43、现代文学——散文64、现代文学——小说85、古籍——唐诗96、古籍——宋词117、古籍——元曲128、先秦129、两汉1410、魏晋、南北朝1511、清朝15六、文档目录15总结17一、网站主题 我们的主题为图书介绍，在很多图书网站中，都只是在作品肯作者的介绍之中侧重一点，在古籍方面的系统介绍不多，在现代文中分类也很散乱，所以，我们小组将在本次设计中为大家详细介绍各类文学制作工具DreamweaverCs6和Photoshop网站设计框架 首页现代文学古籍宋词元曲唐诗诗歌散文小说清代南北朝魏晋两汉先秦网站四、网站分工 贺金凤：现代文学、首页 梁兴琪：古籍、先秦、两汉、魏晋、南北朝、清代五、设计详情1、首页首页利用3*1的表格进行布局，banner上我们插入了图片，并利用PS将我们的网站名加入到了图片里面，在配色上我们吸取的是图片本身的颜色，以达到融合的效果；在中间部分，我们加入了菜单栏，分为首页、现代文学（诗歌、散文、小说）、古籍（唐诗、宋词、元曲），因为有部分书籍有强烈的年代特色，不同年代所代表的文学大有不同，所以我们进一步将其他未分类的，按年代分为先秦、两汉、魏晋、南北朝、清代，这一部分我们利用的是图片链接，用PS制作。在首页中，我们加入了音乐文件在精品藏书部分我们加入了背景图，利用DIV将图书图片布局，方便控制，为了美观给图书图片加以效果，并在图片上加以链接（链接见下图）。最后一部分是我们两个人的信息。这一部分的链接我们采用模版制作，首先我们依旧用表格布局，第一行插入之间在PS中制作好的图片，在中间部分我们先插入了一个两列一行的表格，并将其设定为可编辑区，在左边的部分插入了图像占位符，后将剩余部分也设定为可编辑区，版尾依旧是我们的信息。这一部分的链接都由模板制作，左边是书籍的图片，右边则是作者的介绍，下部分则是书籍的各个面的细节图，和这本书的目录及精选内容。在这一部分我们制作了冯骥才、毕淑敏、季羡林等10位作家的代表书籍，其内容制作大致相同。2、现代文学——诗歌在诗歌部分采用表格布局，插入了图片和背景图，在这一部分我们将诗歌按照流派进行分类，将主要内容这一部分分为左右两部分，左边介绍流派的详情及发展，右边则是该流派的代表人物，每个人物都通过链接进行详细介绍在流派代表的连接中，我们采用了摸板的方式，在banner上插入了图片，并在页面上加了背景色，版尾则是我们的信息和一些快捷键。通过摸板制作的页主要是介绍代表人物和代表作，如下图示：在这一部分我们分为简介和代表作两大部分，在简介部分主要介绍作者的生平事迹，在这一部分结束后，为了满足用户的各种心理，我们加了直达页底链接。在第二大部分，我们将主要分为三部分:第一部分：作者的代表作名称，第二部分则是代表作的详细信息，第三部分则做了一个返回上一页的链接。在每个作品名上都加了连接，可以直接到达该作品的位置。为了方便操作，我们在版尾加了TOP和返回的链接3、现代文学——散文散文部分采用AP DIV进行布局，在DIV中插入图片作为BANNER，在中间部分使用DIV进行大的布局，后用表格进行详细划分,在这一部分在文字链接部分加入类和复合类，让其鼠标经过变色，点击后变色在这个界面，我们用了五行两列的表格，将散文划分为新作在线，散文诗界，校园散文和女性散文四部分，每一部分都会有详细的页面进行连接介绍这一部分主推古代散文和国外散文，做法同上，版尾我们加入了返回上一页和我们的个人信息这个是详细散文界面的链接示例，主要分为三部分，第一部分插入了图片。第二部分则为正文，第三部分则加入了人上一页和TOP4、现代文学——小说小说部分采用安代表任务介绍的方法，在这个部分的制作中，采用了框架的方法，在TOP框架中加入了图片，在MAIN中插入了需要介绍的作者照片和姓名，在姓名处加以链接，并加入返回，在BOTTOM中依旧是版尾信息在每个作者详细点进去后会出现人物简介和作品简介，这部分采用浮动框架的形式，将人物介绍和作品介绍的链接显示到浮动框架中，每位作者的构思都相同，再次，一沈从文及张爱玲为例，其余便不一一讲解，版尾则依旧是信息5、古籍——唐诗古籍部分分为唐诗、宋词、元曲，在这三个的布局上我采用了模板方式，在模版中我利用表格布局，加了背景图，将其分为上下两部分，做了可重复可编辑区域在唐诗中利用表格布局，在第一部分中又插入了一个两列一行的表格，在左侧加入图片剧中对其，右侧是唐诗三百首的简介唐诗三百首根据诗