网页制作与网站建设樊相奎樊相奎•Tel:028-89055799•Email:•fanxk_1979@163.com•fanxk@sicnu.edu.cn本学期课程要求•考试:–期末作品(占40%)•程序:30%•文档:10%–平时上机成绩(20%)–期末考试成绩(40%)•能力:–能够掌握网站建设、网页制作相关知识和web程序设计思想–能自行开发一个简单WEB系统期末作品的基本要求•以小组为单位(最多不超过4人为一个小组)•网站内容以静态和动态两个部分组成•动态必须包括用户注册、登录、新闻三个方面;若有其他的动态形式予以加分•页面美观、布局合理•文档必须在3000字以上(包括本网站的可行性分析、功能分析、数据库设计、页面设计等方面)平时成绩的构成•满分20分,每个学生开始基本分数为10分•点到每次以2n-1扣分。•每次上机作业完成加1分,较好的加2分,没按时完成不加分,没完成扣1分。•上课回答问题积极并正确的加2分,正确的加1分。网站建设基础知识•项目以及项目的特征•网站相关基础知识•网站项目的建设步骤•相关软件和编程语言-、项目•项目:用有限的资源,在有限的时间,根据特定客户的需求,通过一系列相互关联的任务,实现特定目标的过程。•项目与日常事务流水作业等的最大区别是项目有很大的不确定性二、项目的特征•一个明确界定的目标•一系列相互关联的任务•运用各种资源•时间和寿命•客户–取得客户的信任–引导并使客户满意二、项目的特征•项目包含一定的不确定性–对项目经理来说,挑战就是防止、预测、克服各种意外三、项目的生命周期投入资源需求方案实施完成信息合同定义计划实施整理移交运行维护项目生命周期示例启动需求分析设计编码测试运行、维护定义阶段开发阶段维护阶段四、项目管理•定义:在项目活动中,运用知识、技能和工具,确保项目有组织、有计划地进行,以达到预期目标并满足相关利益者的需求网站相关基础知识的简称,中文意思是布满世界的蜘蛛网。还简称3W、W3、,中文名称是万维网Web的工作方式:以浏览器/服务器方式工作,其工作是由三个部分协调工作共同完成的,客户机、服务器、HTTP协议(超文本传送协议),客户机与服务器就是根据这个协议传送超文本信息的。Web的工作是从客户机开始,客户机通过Web浏览器向服务器发送一个查询请求,从服务器上得到一个响应和回答,根据这个回答继续或停止这次查询。服务器负责对来自客户机的请求作出回答,并负责管理信息、找到信息和传送信息。BrowserServer请求响应图普通HTML的执行过程•URL的作用•URL称为统一资源定位器,它是UniformResourceLocations的缩写,我们可以把它看成一个指针,用来指定因特网上一个具体的网络空间地址,URL经常称为“网址”或URL地址•URL地址几乎全由英文字母组成。•基本格式:方式://主机名:端口号/地点/文件名#锚点•基本格式:方式://主机名:端口号/地点/文件名#锚点•(1)方式:指数据传送的方式,也可以称为协议。例如:HTTP、FTP(文件传输协议)、NEWS、MAILTO等。•(2)主机名:指的是机器的地址,也可以是IP(InternetProtocol)地址或域名地址(DNSDomailNameSystem)简称DNS地址(其组成为:机器名.单位类别.国家简称。例如:,单位类别GOV表示政府部门、MIL表示军事部门、NET表示计算机网络服务机构、COM表示商业机构、INT表示国际组织等)。•(3)地点:指的是在WEB服务器信息资源所在的目录•(4)文件名:指的是想使用的文件的名字•(5)锚点/书签:是文件内部的书签。•WEB页面•网页:是用HTML语言编写的文本文件,网页里可以是文字、表格、图象、链接、声音以及视频。每一个网页都是磁盘上的一个文件,可以单独浏览。•网站:网页可以按一定的方式连结在一起,组成一个整体,用来描述一组完整的信息或一个部门、一个企业的情况。网站总是由一个主页和数个从页组成。•主页或首页:网站的第一个页面,它既和一般的网页一样,是一个单独的页面;同时又有特殊的作用,它是一个网站的出发点和各个网页的汇总点。主页总是和一个网址相对应。网站项目的建设步骤•确定本网站的主题(包括名称、基本色调、logo等)•分析网站的功能•分析并设计数据库•选择合适的软件和语言进行设计•测试发布•维护网站项目的建设步骤一确定本网站的主题(包括名称、基本色调、logo等)在选择题材时,注意事项:1.主题要小而精。定位要小,内容要精。2.题材最好是自己擅长或者喜爱的内容3.题材不要太滥或者目标太高一、确定本网站的主题一般建议按以下规则取名:1.名称要正气2.名称要易记3.名称要有特色名称平实可以接受,但如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。在体现网站主题的同时,要有这画龙点睛之笔。二、网站名称的选择三、定位网站的形象1.设计网站的标志(logo)2.设计网站的标准色彩3.设计网站的标准字体4.设计网站的宣传标语网站项目的建设步骤二分析网站的功能一、确定网站的栏目和版块(功能分析)一般的网站栏目安排要注意以下几个方面:1.一定记住要紧扣主题2.设一个最近更新或网站指南栏目3.设定一个可以双向交流的栏目4.设一个下载栏目或常见问题回答栏目栏目实质是一个网站的大纲索引,索引应该将网站的主题明确显示出来。在指定栏目的时候,要仔细考虑,合理安排。划分栏目需要注意的是:(1)尽可能将网站最有价值的内容列在栏目上。(2)尽可能方便访问者的浏览和查询。(3)尽可能删除与主题无关的栏目。二、确定网站的目录结构建立目录结构的一些建议:1.不要将所有文件都存放在根目录下2.按栏目内容建立子目录在设置网站的目录结构时,需要注意的问题有:(1)不要使用中文名字的目录名。(2)不要使用过长的目录名。(3)尽量使用意义明确的目录名,尽量做到“见名知意”。(4)目录的层次不要太多,建议不要超过3层。网站项目的建设步骤四选择合适的软件和语言进行设计一、数据库相关软件ACCESS(小型网站、个人网站、数据量不大,特点:方便、容易上手)SQLSERVER(中型数据库,)ORACLE(大型数据库)mysql...二、开发软件DreamweaverFrontPagePhotoShopFlashFirework•三、编程语言HTMLJAVASCRIPTVBSCRIPTASPJSPPHPXMLJAVAasp.netajax...本学期我们要学习的:•数据库:Access•软件:DW8•语言:HTMLJAVASCRIPTASP•局域网内的发布:•(1)、Win98+PWS•(2)、WIN2000+IIS•(3)、winxp+IIS•INTERNET上的发布•(1)在网上或到专门的网络服务公司申请域名和空间,(),成都长丰公司,给你一个FTP帐号和密码,把做好的网页上传即可•补充:网站的发布