网页制作课程设计

《网页制作课程设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、湖南工学院南校区经济与管理系电子商务网页制作课程设计课题名称：网页制作课程设计系别：经济管理系专业：电子商务姓名：刘云峰班级学号：电商1001指导老师：曹毅完成时间：2011年12月湖南工学院2011年12月目录一、课程设计的目标及要求二、站点规划2.1需求分析2.2站点结构分析2.3网站风格分析2.4组织素材三、网站设计3.1定义站点3.2页面布局设计3.3导航栏设计3.4素材处理四、网页制作4.1首页制作4.2目录（标题）页制作—二级页面制作4.3内容（文章）页制作—三级页面制作五、网页测试、发布与维护5.

2、1站点整理5.2网页调试5.3站点发布与维护六、设计过程中遇到的问题及解决的办法七、设计后的感想一、课程设计的目标及要求因本课程是网络工程相关专业学生的专业必修课。本课程设计的主要目的是：通过本科城设计，全面帮助学生加强对网站的认知；学会设计和制作网站，包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站，熟练网页制作及相关工具（AdobePhotoshop，MacromediaDreamWeaverMX，MacromediaFlashMX，MacromediaFireWorksMX）的使用，掌

3、握AdobePhotoshop，MacromediaDreamWeaverMX，MacromediaFlashMX，MacromediaFireWorksMX软件的使用技巧，掌握相关行业的相关标准。从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。了解网站的软、硬件平台，会发布和维护一个实际的网站，学会设计和制作网站，包括完成设计报告。能够使用相关工具（AdobePhotoshop，MacromediaDreamWeaverMX，MacromediaFlas

4、hMX，MacromediaFireWorksMX）的熟练制作网页。尽量运用业界默认的网站开发规范，努力使自己的站点专业化。通过本课程的训练，使学生掌握HTML语言的语法结构，能够使用HTML语言编写静态网页，控制网页中的文字，图片，超级链接，表格，表单，框架等，能够使用HTML语言实现移动的文字，制作多媒体页面，能够读懂复杂网页的源代码。熟练使用网页设计工具Frontpage、DreamweaverMX，能够使用DreamweaverMX设计网页的框架，导航条，设置文字，图片，超级链接，滚动文字，弹出窗口的属

5、性，能够使用DreamweaverMX设计出比较复杂的网页，建立小型网站。熟悉FlashMX的绘图，帧，层，属性面板的使用，能够使用FlashMX制作简单的动画，设计网页的FLASH标题。掌握基于WEB的数据库应用，理解在B/S模式下网页如何同数据库之间建立联系，重点了解基于IDC和ASP两种方式以及各自的原理和运行环境，学会使用ASP的基本语法、内建对象、内建组件以及ASP访问数据库的方法，能够读懂并修改大型动态网站（ASP网站）的代码。二、站点规划2.1需求分析网站的总体规划，是从总体上对网站的架构进行整体

6、规划。因为只有这样，才能在网站的制作与维护中对网站的功能有一个清晰的把握。此外，做好网站规划，会对网站以后的功能扩展起到事半功倍的作用互联网丰富多彩，这些信息大多通过网页与用户进行交互。网页的实现形式多种多样，无论是短小精悍的个人主页，还是结构清晰、信息丰富的大型网站，网站的需求分析和规划设计都要放在第一步，因为它直接关系到网站的功能是否完善，质量是否能够达到保证。2.2站点结构分析首先建立站点，规划好布局，文件要划分好，清晰明了。指定文件的位置和存储的资料。⑴打开：“窗口”下的“新建站点”⑵按“下一步⑶单击“

7、下一步”⑷单击“下一步”（出现“你如何连接到远程服务器”时选择“无”）⑸单击完成2.3网站风格分析“风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素。风格是有人性的，不管是色彩、技术、文字、布局，还是交互方式，只要能由此让浏览者明确分辨出这是本网站独有的，这就形成了网站的“风格”。一般都要求：清纯简洁，主题鲜明，内容编排得当合理、有一定的艺术感，美观、实用，相关链接正常，能体现网站的基本功能，可以从

8、以下几个方面来为网站设计一个独特的风格。　　1。网站标志（LOGO）　　LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变