制作网页可以用什么软件?
1、Coolsite360-新一代网页制作平台
可复制模板,更可任性DIY,无需编程,在线创建,自动适配桌面及移动端,新锐设计师优选,完全自由的样式设定,丰富的动画设定,一键部署。
2、AdobeDreamweaver
AdobeDreamweaver,简称“DW”,中文名称"梦想编织者",最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对?HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
3、Flash
Flash是由macromedia公司推出的交互式矢量图和Web动画的标准,由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是FutureWave公司的FutureSplash,是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档。
4、Fireworks
由Macromedia(在2005年被Adobe收购)推出的一款网页作图软件,软件可以加速Web设计与开发,是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具。
Fireworks不仅具备编辑矢量图形与位图图像的灵活性,还提供了一个预先构建资源的公用库,并可与?AdobePhotoshop、AdobeIllustrator、AdobeDreamweaver和?AdobeFlash软件省时集成。
5、Frontpage
Frontpage,是微软公司出品的一款网页制作入门级软件。FrontPage使用方便简单,会用Word就能做网页,因此相对Dreamweaver等软件更容易上手。
特点:所见即所得,该软件结合了设计、程式码、预览三种模式。
如何用WEB进行编写简单的在线考试系统?想写一个基于B/S结构的在线考试学习系统?
简单的?
最简单的,没有验证,没有错题本,甚至没有用户登录,甚至没有题库,
直接一个html页面,页面上几道单选题,每道题一个inputhidden保存答案
然后JS控制提交
一个HTML页面就能做一个在线考试学系统系统,最简单
但如果想做的能够撑点场面的,用户模块要有,题库要有,错题本要有,单选多选填空简答题要支持,多人在线同步考试要支持,就困难了,没几个月花下去你是做不出来的
最好去找几个开源的“在线考试学习”系统,然后再在他人的基础上稍微改写代码,写个皮肤,就成你的啦,肯定能交作业。
制作网页可以用什么软件?制作网页可以用如下软件:
1、Coolsite360。特点有可复制模板,更可任性DIY,无需编程,在线创建,自动适配桌面及移动端。
2、AdobeDreamweaver。简称“DW”,中文名称"梦想编织者",最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。
3、Flash。是由macromedia公司推出的交互式矢量图和Web动画的标准,由Adobe公司收购。做Flash动画的人被称之为闪客。
4、Fireworks。是由Macromedia推出的一款网页作图软件,软件可以加速Web设计与开发,是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具。
5、Frontpage。Frontpage,是微软公司出品的一款网页制作入门级软件。FrontPage使用方便简单,会用Word就能做网页,因此相对Dreamweaver等软件更容易上手。
参考资料:
-网站制作软件
如何创建网页?
如何创建网页?制作一个完整的网页有什么步骤吗?首先,定义网页的主题。
网页的影响力是整个企业,所以在网页建设之前一定要确定网页建设的主题。例如,需要制作的网页是用于宣传企业形象、推广企业产品或面向服务的网页。不同的需求对应不同的网页主题和不同的网页功能。如果不想漫无目的的建网站,又想保证网页的质量,就要做好这一步。
第二,设计网页界面
现在千千的网页成千上万,但是所有好的网页都有自己的特色,这些都取决于网页设计。要设计一个漂亮的、有特色的网页界面,要考虑网页风格的选择、色彩的搭配、模块的布局等等。
三。制作和发布网页
以上都是策划工作,下面是网页建设的实际操作。更简单的方法是直接套用现成的web模板。当然,制作一个网页不仅仅是搭建一个网页模板那么简单。还需要进行域名注册、备案、解析、网页之间的配置空等一系列工作,才能在线发布网页。
第四,宣传和优化网页
特别是对于新的网页,宣传和优化是必不可少的。常见的方法有广告、seo优化网页排名等等。
有没有一种最简单的网页制作软件?
一、菜鸟级网页制作软件如果你是一个网页制作初学者,那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧!
1.MicrosoftFrontPage如果你曾对Word很熟悉,那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页,你能真正体会到“功能强大,简单易用”的含义。页面制作由FrontPage中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器,支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时,不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。
2.Netscape编辑器NetscapeCommunicator和NetscapeNavigatorGold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网,使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时,单击编辑按钮,Netscape就会把网页存储在硬盘中,然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色,改变主页作者、标题、背景颜色或图像,定义描点,插入链接,定义文档编码,插入图像,创建表格等,是不是与FrontPage2000还有些像?但是,Netscape编辑器对复杂的网页设计就显得功能有限了,它连表单创建、多框架创建都不支持。Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的,Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话,能够使用Notepad或UltraEdit等文本编辑器来编写少量的HTML语句,也可以弥补Netscape编辑器的一些不足。
3.AdobePagemillPagemill功能不算强大,但使用起来很方便,适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和ImageMap图像,那么AdobePagemill的确是你的首选。Pagemill另一大特色是有一个剪贴板,可以将任意多的文本、图形、表格拖放到里面,需要时再打开,很方便。
4.ClarisHomePage如果使用ClarisHomePage软件,你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具,你不必花费太多的力气就可以增加新的Frame(框架)。而且ClarisHomePage3.0集成了FileMaker数据库,增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙,对ImageMap图像的处理也不完全。
二、中级网页制作软件如果你对网页设计已经有了一定的基础,对HTML语言又有一定的了解,那么你可以选择下面的几种软件来设计你的网页,他们一定会为你的网页添色不少。①DreamWeaver自制动态HTML动画的网页1.DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(DynamicHTML)的设计,使得页面没有plug-in也能够在Netscape和IE4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。DreamWeaver还采用了RoundtripHTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。
2.Fireworks第一款彻底为Web制作者们设计的软件Fireworks的来头实在不小,它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发,内建丰富的支持网络出版功能,比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系,可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片!
3.Flash让你的网页动起来Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小,可边下载边播放,这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画,还可在网页中加入声音。这样你就能生成多媒体的图形和界面,而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程,但用其内置的语句并结合JavaScripe,您也可做出互动性很强的主页来。有人曾经说过:下个世纪的网络设计人不会用FLASH,必将被淘汰出局!我相信这句话没错!
4.HotDogProfessional制作要加入多种复杂技术的网页HotDog是较早基于代码的网页设计工具,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee,并能在预览模式中以正常速度观看。这点非常难得,因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品,它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。HotDog是个功能强大的软件,对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者,是个很好的选择。
5.HomeSite制作可完全控制页面进程的网页Allaire的HomeSite是一个小巧而全能的HTML代码编辑器,有丰富的帮助功能,支持CGI和CSS等等,并且可以直接编辑perl程序。HomeSite工作界面繁简由人,根据习惯,可以将其设置成像Notepad那样简单的编辑窗口,也可以在复杂的界面下工作。HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程,HomeSite是你最佳选择。不过对于生手过于复杂。
6.HotMetalPro制作具有强大数据嵌入能力的网页HotMetal既提供“所见即所得”图形制作方式,又提供代码编辑方式,是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML,才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力,利用它的数据插入向导,可以把外部的Access、Word、Excel以及其他ODBC数据提出来,放入页面中。而且HotMetal能够把它们自动转换为HTML格式,是不是很棒?此外它还能转换很多老格式的文档(如WordStar等),并能在转换过程中把这些文档里的图片自动转换为GIF格式。HotMetal为用户提供了“太多”的工具,而且它还可以用网状图或树状图表现整个站点文档的链接状况。
三、高级网页制作软件
1.MicrosoftVisualStudio该系列的版本有:2003、2005、2008和未来的版本;适合开发动态的aspx网页,同时,还能制作无刷新网站、webservice功能等,仅适合高级用户。
2.Jbuilder不论是各种版本,均适合使用其开发出JSP网页,仅适合高级用户。
3.记事本别以为记事本功能非常少,软件很简单;但是,如何想使用它来制作网页,也仅适合高级用户;因为在其内容,没有任何可视化的操作可直接制作网页,而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本,方能制作出网页来。
网页怎么做做一个简单网页?
现在的新手自己制作一个网页也很简单的,就是要选择合适自己的建站工具。像我都不懂代码、设计这些,就用凡科建站这种自助建站平台,我就以它说一下网页制作的流程吧。
1、注册一个凡科账号。
2、进入后台,选择自己喜欢的网站模板。
3、在每个网页填充网站基本设置、添加产品和图片等。
4、保存设置,完成上线。
如何快速构建web页面?
1、创建模板页面最简单的办法是将一个网页另存为模板文件,通过执行命令:File→SaveasTemplate,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。
当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的NewTemplate按钮,输入文件名,就建立了一个空模板;再单击OpenTemplate按钮打开该模板,保存后自动存放于网站模板文件夹Templates中。
新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、图片、动画、脚本,设置页面属性等。
举例:这里以制作一个模板为例来说明。在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素。
准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。
2、设定可编辑区域设定模板可编辑区域,一般来说有两种方法。新建可编辑区域:选择命令:Modify→Template→NewEditableRegion。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。标记某一区域为可编辑区域:选择命令:Modify→Template→MarkSelectinasEditableRegion。
如果某区域已经有一些文字,并且希望在以后新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令即可。取消可编辑状态:选择命令:Modify→Template→UnmarkEditableRegion。
执行该命令后会弹出一个对话框,其中有当前已有的可编辑区域列表,选中要取消的区域名称,确认即可。
举例:在大片空白区中随便单击一下,执行Modify→Template→NewEditableRegion命令,在弹出对话框中输入名称:Main;选中左下角本页说明下面的文字,执行Modify→Template→MarkSelectinasEditableRegion命令,输入名称:exp。可以看到可编辑区显示为浅蓝色,保存即完成模板制作。二、使用模板1、根据模板新建页面命令:File→NewFromTemplate。弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡黄色背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。
2、对一个已经有内容的页面应用模板命令:Modify→Template→ApplyTemplatetoPage。
选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(ChooseEditableRegionforOrphanedContent)。
要是不想保留则可以选择“(none)”。
举例:我们先新建一个普通页面,输入:“CIW电脑工作室”,执行Modify→Template→ApplyTemplatetoPage命令,选择模板test,现有内容保存区域选择Main,确认后可看到页面自动变成了模板页的形式,而“CIW电脑工作室”这一行字就出现在主编辑窗口中。
3、更新模板以全面更新站点基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出所有使用了该模板的页面,询问是否要更新。
另外一种方法是执行Modify→Template→UpdatePages命令。从UpdatePages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并进行更新。非常方便!举例:Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的,现在不想要它,同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt,删除该图层,保存模板,单击右侧的“Update”按钮即可。注意:新建和使用模板前需定义站点。方法是,执行命令:Site→DefineSites;指定站点名称和本地根目录(LocalRoot)。模板使用的是相对路径,如果没有指定网站在本地的位置,软件就不能准确找到并保存模板文件;并且应用模板新建和更新页面时,页面中的超链接也不能随页面文件保存位置的不同而相应变化。
如何制作简易地图?
1、首先登录地图慧大众制图网站,进入【制图】页面,选择【点标记模板】。
2、然后需要点击【立即制图】选项。
3、完善地图详细信息,点击【保存】即可进入地图编辑页面。
4、点击【手动标记】,放大地图至需标记的地点,点击鼠标左键,输入该点的名称、描述,还可上传网点相关的图片,点击保存即可。
5、点击【批量标注】,可以根据提示将准备好的带坐标或地址信息的数据批量上传。平台批量的将点信息定位到地图上。
怎样制作网页
现在市面上的有许多制作网页的工具,office中也有一个专门作网页的工具FrontPage,其操作与word相似,比较容易上手。下面以FrontPage 2000为例,介绍网页制作的基本知识。
如何打开FrontPage了解主界面
单击任务栏“开始”按钮,选择“程序”选项,单击FrontPage就可以进入。
进入后你会发现PRONTPAGE界面和WORD很相似[图一],这是因为编辑WEB页面和编辑WORD文档有很多同样的设置,这些设置所用的图标和WORD中的是一样的。
[图一]ProntPage2000界面
视图中的组框是用来切换视图的,单击里面的小图标就可以切换到不同的视图。FRONTPAGE共有6种视图[如左],使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言,不断更新是很重要的。随着站点的成长,维护站点的工作量会越来越大。建立站点可能很快,但是如果没有这6种视图的帮助,维护起来就很困难了。
这些视图的使用不用一下就全部掌握,只要知道有这些视图就可以了。
下面看一看同一个WEB站点在不同视图中是怎样显示的。
单击“网页”按钮,切换到网页视图,再单击工具栏上的“文件夹列表”按钮,窗口中增加了一个文件夹列表框[图一]。网页视图是用来显示选中的网页的,双击文件夹列表中的某一个HTM文件,在最右方的工作区中就会显示该网页的内容。
[图一]网页视图
注意,此时工作区的左下角有三个切换显示模式的选项卡[图二]。单击“普通”选项卡,就切换到了普通模式。在普通模式可以编辑网页的内容以及设置各种格式。单击“预览”选项卡就到了预览模式。如果要看一看当前编辑的文件在浏览器中的显示情况,就使用预览模式,在预览模式下,是不能编辑网页的。单击“HTML”,有的时候,也可以切换到HTML模式直接对网页对应的HTML文本文件进行编辑,从而为网页作一些特殊的设置。
[图二]工作区的三个切换模式
文件夹视图以列表的形式给出了当前WEB站点的文件夹和文件夹里包含的文件[图三]。由于一个WEB站点要涉及到许多文件,因此将这些文件分类并分别放到不同的文件夹就很有必要。比如,可以把所有的图形文件放入IMAGE文件夹。FRONTPAGE还提供了一个_PRIVATE文件夹,用来存放一些对网络浏览者不可见的信息。下面为当前站点再添加一个SOUND文件夹,用来存放WEB站点用到的声音文件:选中站点的根目录,然后单击“文件”菜单的“新建”项,在弹出的子菜单中选择“文件夹”命令。在输入SOUND,新文件夹就建立好了[图四]。
[图三]文件列表 [图四]文件列表
其实一个站点实际上就是一个目录,在这个目录下可以建立许多子目录,并将站点的各种文件放在这些目录里。
任务视图里放着关于站点维护的任务列表,如果站点大到由许多人共同维护,他们就可以通过任务列表知道工作的进展情况了。
报表视图给出了当前站点的一些统计信息。这里可以知道在站点的目录中哪些文件被链接进站点了,哪些没有。
导航视图可以方便地组织站点中各网页的层次关系,在本视图中,每一个页框代表一个网页。如果站点设置了导航功能,就可以先在这里设置好各网页的层次关系,然后用导航栏把这种层次关系表现出来。
超链接视图是用来察看选中网页中设置的超链接的。通过它可以方便地知道在网页中设置了多少超级链接,以及是什么类型的链接。
任务视图里放着关于站点维护的任务列表,如果站点大到由许多人共同维护,他们就可以通过任务列表知道工作的进展情况了。
创建网页
这一节我们讨论怎样创建页面。
创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头,它是用来选择要新建什么,可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。
如果要新建网页,可以不用向下箭头键选择,而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。
单击文件菜单的“新建”命令,选择“新建网页”,在“新建”对话框里,可以看到FRONTPAGE提供的许多网页模板[图一],我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页,这样就创建了一个新的分为两栏的网页了。然后点确定。
[图一]新建网页对话框
使用模板可以不用总是从空白网页开始编辑,这样就省力很多。
加入文字
FrontPage中对于文字与图像的处理与word很相似,用过word的人对于FrontPage中这部分的操作很容易上手的。不过,毕竟是网页制作软件,在Web的基础上,又增加了很实用的功能,也能做出复杂而且高级的网页文字与图像。
FrontPage中对于文字以及图像的处理基本集中在这三个菜单栏里:编辑、插入、格式。编辑:包括用于处理文字的复制、粘贴等操作,调整网页内容(包括文字、图像、控件等等)的多少以及安排。是最基础的工具,经常使用其对应的快捷键。插入:用于网页各种部件及其组成部分的创建,很多选项都能创建既复杂又实用的部件,这方面较Dreamwaver更容易被初学者接受。(图2.1)
图2.1
格式:对于文字的处理大多集中在这里,这里的选项是用来协调整个网页以及整个网站的内容编制,也是个较常用到的菜单栏。(图2.2)
图2.2
(一)创建文字:在FrontPage中创建文字的方法大致分两种:输入和导入。1、新建一个网页,之后输入的文字就会在光标所在位置出现,根本得不能再根本的方法,说白了就是打字。只要光标能到的地方都可以正常输入文字。2、通过【粘贴】能将之前在任何程序中复制或者剪切的文字创建到当前编辑网页中,【编辑】菜单栏中的选项与之有关。还可以通过【插入】中【文件】的形式导入文字,包括txt、doc、htm等纯文本或者包含文字的文件。(二)处理文字字体:选择【格式】菜单栏中的【字体】选项,出现字体对话框(如图2.3)。
图2.3
字体:框中选择想应用的字体。字体文件都保存在windows目录中的fonts子目录中,可以自行删改添加。字形:有常规、倾斜、加粗和加粗倾斜四个选项。一般来说正文选用保持常规,加粗用于标题,倾斜则用于突出正文中的内容以及使文字美观。字号:可以直接在输入框中输入想使用的字号,也可以在选项中选取。一般来说在浏览器中9磅和10.5磅看起来最美观最舒服。字符间距:这个分页中的选项是用来进行行距设置以及文字定位的。预览:无论在【字体】中进行什么操作,都可以在预览框中看到样品,方便选取合适的搭配。
转载请注明:片头模版 » web设计一个简单网页(如何用WEB进行编写简单的在线考试系统)