如何制作一个网站开题报告_第1页
如何制作一个网站开题报告_第2页
如何制作一个网站开题报告_第3页
如何制作一个网站开题报告_第4页
如何制作一个网站开题报告_第5页
已阅读5页，还剩18页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

小组：常国荣组参与人：常国荣，郑一岗，周梓泳，刘亚波目录如何制作网站概述……3教学目标……………4知识结构图…………5学习建议……………5学习重点……………6建立网站的根本步骤………………71.5.2初步了解HTML和CSS101.5.3了解相关软件…17知识归纳……………18习题精选……………22Moodle特色…………26概述随着互联网的开展，信息时代的大潮流已推向了每一个人。本书将全面系统地介绍制作网站的根本技巧：注册网址、网站的根本设计、空间效劳器的选择、如何将程序上传到效劳器、绑定域名及空间域名等内容。本书的特点是论述严谨、概念准确、文句精炼、理论知识与实际应用相结合，内容取舍兼顾相关知识的成熟性与先进性。随着网络信息的飞速开展，网络传媒已被越来越多的企业看好，而网站就是传媒很好的一种方式，目前有很多企业都在开发属于自己的网站，所以研究网站建设是很有必要的。本文针对开发网站的ASP(ActiveServerPages)技术做了具体的阐述，说明了ASP(ActiveServerPages)效劳器的安装及IIS的配置。数据库系统是对数据进行存储，管理，处理和维护的软件系统，每个动态网站都必须牵涉到数据库，数据库的地位是非常重要的，本文根据数据库尽可能不重复，以最优的方式组织数据的特点，对数据的增、删、改和检索由统一软件进行管理和控制。数据库和ASP(ActiveServerPages)技术也是本文研究的主要对象。本文运用ASP(ActiveServerPages)技术、数据库和相应的网站开发软件，阐述了网站前后台设计，并对其功能进行了论述，实现了整个网站功能的使用。通过对整个网站的设计，说明了在制作过程中遇到常见问题的解决方法。教学目标掌握独立制作一个网站的根本技巧。了解制作网站的语言〔如HTML、CSS、JavaScript〕学会一般的网站设计的一般过程了解与网站制作的相关软件〔如dreamwaver，Ps，Flash等等〕学会利用一些平台做网站〔PageAdmin系统，Drupal中国，Joomla系统〕了解网站在各行各业的重要性掌握网站与数据库连接，与效劳器连接的关系了解效劳器运行语言掌握使用FTP连接网站空间，注册用户名，密码掌握后期网站运行维护知识结构图学习建议所谓简单的网站，一般指静态的网站。例如做一个不可以留言的Blog,就比做一个可以留言、可以注册的Blog简单得多。跟网站开发有关的语言有HTML、CSS、JavaScript，这三者是开发一个网站〔即使是简单的网站〕必学的。PHP/ASP/JSP是开发效劳器里运行的脚本的语言。例如，你想在你的网页里创立一份表单用于收集用户填写的信息，就得用到它们来编写脚本进而处理收集到的信息。SQL那么是数据库相关的，这点我不了解。至于那些C打头的跟网站开发关系不大。DW、FrontPage等是所见即所得的网页制作工具，意思就是即使你没学过HTML、CSS、JavaScript，也可以用这些软件作出傻瓜式的网页〔就跟制作幻灯片一样〕。但专业Web开发是一定要学HTML等语言的，这些软件只是辅助。因为用它们制作出来的网页不利于维护。如果你参与开发一个大型网站，比方一个公共论坛或者购物网站，就得学数据库什么的用于存放、维护信息。PS、Flash等就是处理制作图像和动画的软件，比方你想给网站设计一个Logo,就得用PS啊什么的做。还有就是开发一个网站之前总得先设计好页面吧，这时候也要PS来先做出一个设计图。HTML、CSS较简单，一个星期的认真学习应该可以入门。学会这两样，已经可以制作出一个简单的网站了。做好了一个网站后，你需要购置一个域名、购置一个虚拟空间，这两样合起来大概一两百一年。开发一个复杂网站，肯定需要团队分工。主要有前端〔HTML/CSS/JavaScript〕、后端〔PHP/数据库〕、美工〔PS、设计〕学习重点一.建立网站的根本步骤一、确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定那么，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。二、搜集材料明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊〞。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。三、规划网站一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择适宜的制作工具尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比拟多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外，还有图片编辑工具，如firework、Photoshop等；动画制作工具，如Flash等；网上有许多这方面的软件下载，你可以根据需要灵活运用。四、明确网站主题和内容1、首先确定你要制作的网页的主题，就是你建这个网站的内容是什么2、确定你的网页的阅读对象，就是你的网页是准备给那些人看的；3、选择制作网页的工具软件，比方PageAdmin系统、shopex系统、discuz系统这些，当然还有很多优秀软件，大家可以在以后慢慢接触到。4、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用〔有发布空间的标志是你有了FTP账号，这个需要申请〕，也可以按我前面说的把自己电脑配置为效劳器〔需安装IIS等软件，这个自己百度一下〕五、制作网页材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能，这样可以大大提高制作效率。六、上传测试网页制作完毕，最后要发布到Web效劳器上，才能够让全世界的朋友观看，现在上传的工具有很多，推荐LeapFTP软件，你可以很方便地把网站发布到自己制作的网站存放效劳器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户，让他们来浏览。七、推广宣传网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、参加广告链等。八、维护更新网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。二.了解HTML和CSS超文本标记语言，标准通用标记语言下的一个应用。“超文本〞就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML标题；<h1>Thisisaheading</h1><h2>Thisisaheading</h2><h3>Thisisaheading</h3>HTML段落是通过<p>标签进行定义的；<p>Thisisaparagraph.</p><p>Thisisanotherparagraph.</p>HTML链接HTML链接是通过<a>标签进行定义的。<ahref="://w3school">Thisisalink</a>HTML图像HTML图像是通过<img>标签进行定义的<imgsrc="w3school.jpg"width="104"height="142"/>HTML元素HTML元素指的是从开始标签〔starttag〕到结束标签〔endtag〕的所有代码。开始标签元素内容结束标签<p>Thisisaparagraph</p><ahref="default.htm">Thisisalink</a><br/>

HTML元素语法HTML元素以开始标签起始HTML元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些HTML元素具有空内容〔emptycontent〕空元素在开始标签中进行关闭〔以开始标签的结束而结束〕大多数HTML元素可拥有属性嵌套的HTML元素大多数HTML元素可以嵌套〔可以包含其他HTML元素〕。HTML文档由嵌套的HTML元素构成。<html><body><p>Thisismyfirstparagraph.</p></body></html>HTML实例解释<p>元素：<p>Thisismyfirstparagraph.</p>这个<p>元素定义了HTML文档中的一个段落。这个元素拥有一个开始标签<p>，以及一个结束标签</p>。元素内容是：Thisismyfirstparagraph。<body>元素：<body><p>Thisismyfirstparagraph.</p></body><body>元素定义了HTML文档的主体。这个元素拥有一个开始标签<body>，以及一个结束标签</body>。元素内容是另一个HTML元素〔p元素〕。<html>元素：<html><body><p>Thisismyfirstparagraph.</p></body></html><html>元素定义了整个HTML文档。这个元素拥有一个开始标签<html>，以及一个结束标签</html>。元素内容是另一个HTML元素〔body元素〕。不要忘记结束标签即使您忘记了使用结束标签，大多数浏览器也会正确地显示HTML：<p>Thisisaparagraph<p>Thisisaparagraph上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。注释：未来的HTML版本不允许省略结束标签。空的HTML元素没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。<br>就是没有关闭标签的空元素〔<br>标签定义换行〕。在XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭。在开始标签中添加斜杠，比方<br/>，是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。即使<br>在所有浏览器中都是有效的，但使用<br/>其实是更长远的保障。三.CSS的初步了解CSS语法CSS规那么由两个主要的局部构成：选择器，以及一条或多条声明选择器通常是您需要改变样式的HTML元素。每条声明由一个属性和一个值组成。属性〔property〕是您希望设置的样式属性〔styleattribute〕。每个属性有一个值。属性和值被冒号分开。selector{property:value}下面这行代码的作用是将h1元素内的文字颜色定义为红色，同时将字体大小设置为14像素。在这个例子中，h1是选择器，color和font-size是属性，red和14px是值。h1{color:red;font-size:14px;}下面的示意图为您展示了上面这段代码的结构：值的不同写法和单位除了英文单词red，我们还可以使用十六进制的颜色值#ff0000：p{color:#ff0000;}为了节约字节，我们可以使用CSS的缩写形式：p{color:#f00;}我们还可以通过两种方法使用RGB值：p{color:rgb(255,0,0);}p{color:rgb(100%,0%,0%);}请注意，当使用RGB百分比时，即使当值为0时也要写百分比符号。但是在其他的情况下就不需要这么做了。比方说，当尺寸为0像素时，0之后不需要使用px单位，因为0就是0，无论单位是什么。记得写引号提示：如果值为假设干单词，那么要给值加引号：p{font-family:"sansserif";}多重声明：提示：如果要定义不止一个声明，那么需要用分号将每个声明分开。下面的例子展示出如何定义一个红色文字的居中段落。最后一条规那么是不需要加分号的，因为分号在英语中是一个分隔符号，不是结束符号。然而，大多数有经验的设计师会在每条声明的末尾都加上分号，这么做的好处是，当你从现有的规那么中增减声明时，会尽可能地减少出错的可能性。就像这样：p{text-align:center;color:red;}你应该在每行只描述一个属性，这样可以增强样式定义的可读性，就像这样：p{text-align:center;color:black;font-family:arial;}空格和大小写大多数样式表包含不止一条规那么，而大多数规那么包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑：body{color:#000;background:#fff;margin:0;padding:0;font-family:Georgia,Palatino,serif;}是否包含空格不会影响CSS在浏览器的工作效果，同样，与XHTML不同，CSS对大小写不敏感。不过存在一个例外：如果涉及到与HTML文档一起工作的话，class和id名称对大小写是敏感的。四.网站设计相关软件介绍DreamweaverCS3是Adobe〔奥多比〕公司收购Macromedia公司后最新推出的CreativeSuite3设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是制作Web页站点,Web页和Web应用程序开发的理想工具。Dreamweaver，Fireworks，Flash被称为网页制作的“三剑客〞，这三款工具相辅相承，是制作网页的最正确拍档之一。PS从功能上看，该软件可分为图像编辑、图像合成、校色调色及特功能特色效制作局部等。图像编辑是图像处理的根底，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等；也可进行复制、去除斑点、修补、修饰图像的残损等。图像合成那么是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路；该软件提供的绘图工具让外来图像与创意很好地融合。校色调色可方便快捷地对图像的颜色进行明暗、色偏的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。知识归纳网站组成元素：网站制作需要网站虚拟空间、域名以及动态网站的数据库这三个最根本的条件。网站虚拟空间是用来存放网站文件，如：图片信息，html文件，php文件等，相当于一个硬盘空间，域名即指访问网站的地址。动态网站的数据库用来存会员信息以及动态页面所用到的数据表，这里的网站数据并非网站的html文件、图像信息等，指的是如网站访客提交的留言，个人信息等，传统的静态网站无需数据库支持建站过程：一、网站制作前期筹划你想建一个什么样的网站？你的网站定位是什么？在建站之前，这是首先要考虑的问题。这就要先考虑好建设一个什么主题的网站，例如一个以计算机辅助教育为主题的网站或者教学设计系统的网站等等。再就是建设这个网站的目的是什么？是纯粹为了个人爱好而建？还是用来宣传企业而建？还是为了盈利而建？如果是后者，那么还要考虑一下盈利模式,目前比拟根底的、最常见的盈利模式是广告盈利。当然，也可以考虑其他运作方式。例如阅读付费、会员付费、下载付费、电子商务等等。二、选网站域名确定了网站类型及定位之后，需要选择一个心仪的域名。除了域名的主要局部之外，还要选择一个适宜的域名后缀，不同的域名后缀代表不同的网站类型。当然，现在已经没那么严谨了，自己喜欢什么后缀，就选择什么后缀。常见的域名后缀有(常用于商业公司)、.net(常用于网络效劳)、.org(非盈利组织)(国内域名)等等。其中后缀是最普遍的。其次是的，但目前已不开放给个人用户注册了。有些特殊域名是无权力注册的，像.gov只开放给政府机构，.edu只开放给教育机构。域名最好与网站主题相关，简单易记为宜。与网站主题紧密相连，域名后缀用的是非盈利组织的org域名。确定域名之后，就可以到域名注册机构注册了。域名注册机构有很多，像18互联、新网、万网等等。注册时，先查询一下是否已被别人注册，如果没被注册，可以提交申请。如果已被注册，那么需要重新考虑其他域名或向域名持有者购置这个域名。域名注册后，每年要向域名效劳机构交纳效劳费。如果要求不高的话，也可以找一些免费的二级域名。三、选虚拟主机确定域名之后，就需要找一个存放网站的空间〔称虚拟主机〕。首先需要估算好网站大约需要占用多大容量，根据需要的容量去找。如果占容量大的话，可租用整台效劳器或自己购置效劳器托管。其次,想要什么类型的空间？是全能型的，还是PHP专用型的，还是ASP或ASP.NET型的？数据库是MSSQL还是MYSQL？选择什么类型的空间取决于网站程序。再就选择线路，是想要电信的还是网通或铁通的？或者直接选择双线或三线的都可以。除了以上选择，还需要选择带宽，想要多快的速度？如果有条件的话，可以购置自己的效劳器、建设自己的机房。如果不想投入本钱，也可以找到免费的空间。一般情况下，不建议建设视频类、图片类以及资源下载类网站，因为运营这样的网站需要投入大量的资金购置效劳器与带宽。四、选建站程序〔网站管理系统〕备好域名、选好空间后，接下来就是为网站选择一套适宜程序了。当然，可以自己建设一个静态网站，也可以开发一个动态网站。如果即想省事，又想稳定，不妨找一些现成的程序。如何想建学校、企业、政府等内容性网站可以选择PageAdmin系统、新云系统、帝国系统这些；如果建设论坛，可考虑Discuz、PHPWind等论坛程序；如果建博客可考虑WordPress、bo-blog、z-blog、pjblog等；如果建SNS社区，可考虑uchome。完成以上选择后，需要准备一些常用的工具，例如FTP工具、网页制作软件、图片、动画处理软件等。一般常用的FTP工具有LeapFTP、CuteFTP、FlashFXP、FileZilla等。常用的网页制作工具可选择Dreamweaver，用来制作页面或修改html代码。当然一般的网站程序不需要改动html代码，常用的图像处理软件可使用Photoshop或Fireworks，用来制作或修改网站的图片及logo。可用Flash制作一些动画效果，让网站更加动感。五、上传内容完成网站的搭建后，可以上传与主题相关的内容了。需要持续不断地更新维护内容。这是一项长期性的工作。为了保证网站质量，尽量写一些原创内容，或上传一些质量较高的文章。文章最好都围绕一个主题，吸引更多的流量。六、网站备案完成网站搭建完成后，为了保证网站的合法性，需要需要申请备案。一般备案没批下来之前，不会允许网站上线。所以，最好域名注册后就立即申请备案，如果是盈利性网站那么需要到当地信管局备案。另外，涉及教育、文化、新闻、影视、医疗保健、电子公告……等特殊经营项，还需要到相关部门前置审批。七、为网站添加计数器为了统计网站的访问量，需要为网站添加计数器，常用的有51、51yes、cnzz、alexa等等。注册一个账号，将相应的统计代码添加到网站里即可。就可以登录统计网站查看网站的访问量、来路、关键词、访问者ip、地区、操作系统等一系列详细信息。精选习题一，选择题1.网页标题的内容，通常会显示在浏览器窗口的左上角。要标签网页的标题，可以使用的标签是〔〕。〔A〕〈html〉〈/html〉〔B〕〈head〉〈/head〉〔C〕〈body〉〈/body〉〔D〕〈title〉〈/title〉答案：D2.在网页中设置字号大小的标签是？〔〕〔A〕〈BIG〉〔B〕〈FONT〉〔C〕〈P〉〔D〕〈OL〉答案：B3.有关CSS，下面说法错误的选项是〔〕。〔A〕CSS，中文译为层叠样式表〔B〕是一种标签式语言〔C〕相同的CSS效果，在各种不同的浏览器上，显示效果是一样的〔D〕同一个CSS文件，可以应用到整个网站的所有页面中答案：C4.“动作〞是Dreamweaver预先编写好的〔〕脚本程序，通过在网页中执行这段代码就可以完成相应的任务。〔A〕VBScript〔B〕JavaScript〔C〕C++〔D〕JSP答案：B5.定义框架集的标签是〔〕。〔A〕〈frameset〉〈/frameset〉〔B〕〈frame〉〈/frame〉〔C〕〈body〉〈/body〉〔D〕〈noframes〉〈/noframes〉答案：A6.以下关于HTML语言的〈table〉标记正确的选项是〔〕。〔A〕border用于设置表格边线宽度，cellpadding用于设置框线厚度〔B〕cellpadding用于设置框线厚度，cellspacing用于设置数据与边框的距离〔C〕bgcolor用于单元格的背景颜色，width用于设定整个表格的宽度〔D〕valign用于强制单元格内容不换行，nowarp用于设定单元格内容垂直对齐方式答案：D7.如果一个公司希望在网络上建立自己的网站，就必须取得一个“门牌〞，例如，新浪网的“〞，这就是新浪网的〔〕。〔A〕超链接〔B〕效劳器〔C〕HTML〔D〕域名答案：D8.协议是〔〕。〔A〕远程登录协议〔B〕邮件协议〔C〕超文本传输协议〔D〕文件传输协议答案：C9.向效劳器上传网站内容的可行方法有_______。〔A〕使用Dreamweaver上传文件。〔B〕使用IE浏览器上传文件。〔C〕使用专业FTP工具上传文件。〔D〕使用发邮件方式向效劳器发送文件。答案：ABC10.关于框架，说法正确的选项是〔〕。〔A〕框架可以在页面中自由移动〔B〕框架一旦创立就无法删除〔C〕框架的边框可以设置为红色〔D〕框架只可以作为导航条使用答案：C二，简答题1.说出制作网站的制作步骤或者流程。制作一个自己喜欢的网站〔至少三个网页〕要求：1.运用自己所学的软件完成〔比方psflash等〕2.三个网页之间要添加超级链接3.内容充实，主题鲜明答案：〔1〕一、确定网站主题二、搜集材料三、规划网站四、选择适宜的制作工具五、制作网页六、上传测试七、推广宣传八、维护更新(2)答案略Moodle的特色随着网络课程的迅速开展，在线教学平台也日趋炽热，众多在线教学平台映入眼帘，而如今最为受欢送的当数Moodle网络课程平台。Moodle是面向对象的模块化动态学习环境，是由澳大利亚教师MartinDougiamas基于构建主义教育理论而开发的免费、开源的课程管理系统。目前在各国已经广泛应用。Moodle这个词是ModularObject-OrientedDynamicLearningEnvironment—模块化面向对象的动态学习环境的缩写，是一个用来建设基于Interner的课程和网站的软件包。Moodle平台依据构建主义的教学思想，即教育者和学习者都是平等的主体，在教学活动中，教育者、学习者相互协作，并根据自己已有的经验共同构建知识框架。所以认真学习并使用Moodle，有助于培养一个独立的学

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论