适合新手的网页制作工具
适合新手的网页制作工具
现在做网站已经不是一个困难的事情，借助一些专业的网站管理系统，普通用户也可以轻松的建立出相对专业的网站，比如建企业网站，可以去下载PageAdmin企业建设系统，建购物网站可以去下载ecshop 系统、建论坛网站可以去下载discuz系统，借助这些系统，我们就不需要任何编程基础，也不需要专业的技术知识，一个从来不懂做网站的人稍微花点时间熟悉，一天也能搭建好一个网站，当然网站制作中还会用到其他的一些专业网站制作软件，如图片软件，网站虽然可以下载建站系统来完成，但是网站上的一些图片，比如网站的logo，横幅等等这些就需要我们通过图片软件来完成，常用的图片软件有Firework和photoshop，这两个软件中掌握一个就足够了，下面分别介绍这些网站制作系统和软件。
PageaAdmin
开发语言：https://www.doczj.com/doc/8d3239507.html,
适用网站类型：企业网站，学校网站，政府网站，或个人网站
运行环境：Windows+IIS+Framework2.0(或以上）
Ecshop
开发语言：php
适用网站类型：购物网站，商城类网站
运行环境：windows+iis或linux+apache都可以
Discuz
开发语言：php
适用网站类型：论坛，社区型网站
运行环境：windows+iis或linux+apache都可以
Firework
Firework是Adobe推出的一款网页作图软件，软件可以加速Web设计与开发，是一款创建与优化Web图像和快速构建网站与Web 界面原型的理想轻量级工具，可以用于快速制作或处理网页上的图片。
photoshop
Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像，使用其众多的编修与绘图工具，可以有效地进行图片编辑工作，ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。相比Firework，Photoshop就专业很多，但是也复杂很多，专业的平面图片设计人员必须掌握的一款工具。
HTML及网页制作练习题-完整版
1、在HTML中，（）标记不可出现在
和标记符之间。（C） （Ａ）
（Ｂ）
（Ｃ）
（Ｄ） 2、<table>属性中，rowspan定义的内容是（D） （A）单元格所跨的列数 （B）行的宽度 （C）列的高度 （D）单元格所跨的行数 3、在HTML中，正确的嵌套方式是（B）。 （Ａ）<table><td><tr></tr></td></table> （Ｂ）<table><tr><td></td></tr></table> （Ｃ）<table><tr><td></tr></td></table> （Ｄ）<table><td><tr></td></tr></table> 4、最大的标题是:（D） （A)<h7> （B)<h6> （C)<h2> （D)<h1> 5、HTML样式格式文件的后缀名是：（C） （A).asp （B).js （C).css （D).ss 6、下面哪一个标记是用于插入背景音乐的：（D） （A)<MUSIC> （B)<SWF> （C)<A> （D)<BGSOUND> 7、请指出下面正确的说法是：（C） （A)背景音乐标记符号通常插入在<body>…</body>之间 （B)可以在JavaScript语句之间插入背景音乐 （C)背景音乐最好使用MP3格式 （D)用SRC属性指明声音文件地址 8、下列哪些是视频文件。（BD） （Ａ）jpg文件 （Ｂ）avi文件 （Ｃ）mov文件 （Ｄ）mpg文件 9、HTML是一种专门用来设计网站的计算机标记语言(T F) 10、网站模版是指网站内容的总体结构和(A) A.页面格式总体规划 B.网页制作规划</p><h2>个人网页制作全过程</h2><p>个人网页制作全过程 [日期：10-12] 来源：作者：[字体：大中小] 如何制作个人网页全过程，送给刚学做网页的朋友们 第一讲网页的基本知识和FrontPage入门 一、网页的基本知识 1、网站与网页 我们在因特网上浏览时，看到的每一个页面，称为网页，很多网页组成一个网站。一个网站的第一个 网页称为主页。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主 页在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为“个人主页”，将建立个人网 站称为“网页制作”。 2、怎么建立个人网站？ 要建立一个个人网站，必须经过网页制作、网站（页）发布和网站维护三个阶段 1）网页制作 一个网站和一本杂志一样，都是展示信息的载体，只有能提供他人需要信息（内容）的网站才能吸引 他人访问。这些都要靠制作有内容的网页来完成。确定网站主题和后，制作网页是建立个人网站的首要工作。 每个网页基本上都是一个HTML(Hyper Text Markup Language，即超文本标识语言)文件，所以网页文件的扩展名一般是.HTM或.HTML。主页文件的文件名字index.htm或index.html。 一般在电脑上写文章使用Word、Wps等文字处理软件，而制作网页则可使用Frontpage等网页制 作工具。 2）网页发布 做好的网页必须发布到因特网上，才能被大家看到。所谓发布到因特网上实际上就是将网页文件放到 始终与因特网联机的计算机上，这种计算机被称为“服务器”。实际上家里的PC机安装相应的服务器软件 且有固定的IP地址也可以做服务器，但一般都借用单位网站的服务器或租用一些空间提供商的服务器空间。这就和你要开商店必须租用一个场地一样。 3）网站维护 网页发布后就可供大家访问了，不管在什么地方，只要是与和因特网相连的计算机都可以访问到你的 网页。但这没有万事大吉。就和报纸、杂志一样，总是老内容，也就没人来访问了。需要经常更新，补充 新内容。另外网页上的错误也需要及时改正。实际上网站维护是网站建设的主要工作量。 2、什么软件可以做网页？ 假如，你熟悉文字处理的相关软件，你不用专用软件，也可以作出网页来。比如，用Word，用Wps，甚至用你计算机附件自带的记事本也行。不过用Word做出来的网页体积太大，用记事本做网页则要会用一些HTML语言，而用HTML来制作网页是一件非常麻烦的事。FrontPage等网页制作工具则使我们可 以不必和这些难记、难懂的HTML代码打交道就作出较好的网页来。 初学的人，用微软公司的frontpage比较好，它的优点是易学易懂，上手快。FrontPage是微软公 司Office系列办公软件中的一个，它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文 本一样，我们只需要在编辑器中输入文本或图片，并设置好格式，很快就可以作出一个简单的网页了。 除了Frontpage以外，还有许多制作网页的软件，如Hotdog等，其中最著名的是Macromedia公司的“网页三剑客”即Dreamweaver（网页制作工具）、Flash（动画制作工具）和Fireworks（图像编 辑工具）。 假如，你有了一定基础，还是用“网页三剑客”好。它们是专用的网页制作软件，用它们制作的网页， 体积小，占用资源少，兼容性好。 所以本讲座也从FrontPage入手学习网页制作。大家先学好FrontPage，打好基础，如果将来准备</p><h2>一个完整的网站制作流程</h2><p>一个完整的网站制作流程 一个网站的制作是负责的，耗时的，想要最有效的建好一个网站，就需要了解网站制作的具体流程，只有详细的了解各个步骤和流程，才能找到最有效的方法，快速有效的制作出网站。 网站建设的具体流程大概如下： 第一步：客户提出需求。 客户将自己所要建设的网站以及相关要求相告知，如想要的效果，开设的栏目，想要的风格等。同时客户需提供网站制作的相关资料，医院简介，联系方式，产品或项目描述，详细的网站框架设计要求等。 第二步：制定网站制作方案 双方就网站制作的内容、风格、细节等问题进行协商，以达成共识。为网站建设的开展做铺垫。 第三步：签定网站制作合同，支付预付款 双方签定《网站制作合同》，合约是双方利益的保障。 第四步：注册域名、空间 选择合适的注册域名和空间是网站开展运营的前提条件。 第五步：网站制作定位 医院网站制作应充分展示医院的服务理念和服务特色。医院做网站应充分展示医院各业务的特色和优势，通过文字，图片，颜色甚至声音等媒介，让用户能在最短的时间内抓住医院所要传递给大家的核</p><p>心思想。 第六步：网站风格设计 网站的风格包括很多方面，整个网站的总体风格，每个栏目频段自己独有的风格，网站基本框架的设计等。最后将初步做好的网站与客户进行讨论并加以改进。 第七步：网站制作 网站应当有一个很清晰的网站介绍，我们告诉访问者网站能够提供些什么，以便访问者能找到想要的东西。有效的导航条和良好的树状结构，使人们很容易找到有用的信息，这对访问者很重要。告诉访问者所提供的正是他们想要的信息。 第八步：网站验收 网站制作完成后，将会反复审核、修改最后通过客户的验收，网站才算建好。 第九步：网站宣传推广工作 网站建好之后，如若需要对网站进行宣传推广，我们可以聘请良好的网络优化团队，将全力为您的网站进行优化。 第十步：网站后期维护 网站建成以后，如果涉及到图片文字更换及数据库升级、修改缺陷及找回密码等情况。</p><h2>网站制作步骤</h2><p>网站制作步骤 [ 浏览： 541 次添加人：胡居雄 | 发表于： 2009-5-14 ] 网站随着互联网络的发展越来越普及和深入到每一个行业、每一个人。做网站对于知道的人是很简单的事情，对于不知道的人，显得很高深莫测。其实，做网站的门槛是很低的，只要你想做，很少钱、很短时间就可以做到。对于我们自己，做网站可以随心所欲，充分展示自己。我在这里把做入门级网站的具体步骤告诉你，如果要做大型的网站，这个就肯定不够用了。 第一步：注册域名 什么是域名？域名是Internet上用来查找网站的专用名字，与我们熟悉的地址、门牌号的作用相似。据规定，域名由英文字母（不区分大小写），阿拉伯数字和横杠“－”组成，不能有空格，“－”不能放在最前面或最后面，每个层次最长不能超过67个字母。 互联网上的域名可谓千姿百态，但从域名的结构来划分，总体上可把域名分成两类，一类称为“国际顶级域名”（简称“国际域名”），一类称为“国内域名”。 一般国际域名的最后一个后缀是一些诸如.com，.net，.gov，.edu的”国际通用域”，这些不同的后缀分别代表了不同的机构性质。比如.com表示的是商业机构，.net表示的是网络服务机构，.gov表示的是政府机构，.edu表示的是教育机构。 国内域名的后缀通常要包括“国际通用域”和“国家域”两部分，而且要以“国家域”作为最后一个后缀。以ISO31660为规范，各个国家都有自己固定的国家域，如：cn代表中国、us代表美国、uk代表英国等。 举例：https://www.doczj.com/doc/8d3239507.html,（国际域名） https://www.doczj.com/doc/8d3239507.html,（国内域名） 互联网地址资源注册管理机构： 中国互联网信息中心https://www.doczj.com/doc/8d3239507.html,/ 根据信息产业部授权，CNNIC是我国域名体系注册管理机构和域名根服务器运行机构。CNNIC负责运行和管理国家顶级域名CN、中文域名系统及通用网址系统。 CNNIC是亚太互联网络信息中心（APNIC）的国家级互联网络注册机构成员（NIR）。以CNNIC为召集单位的IP地址分配联盟，负责为我国的网络服务商（ISP）和网络用户提供IP地址和AS号码的分配管理服务。 推荐的知名注册服务机构： 中国万网https://www.doczj.com/doc/8d3239507.html,/ 新网https://www.doczj.com/doc/8d3239507.html,/ 中国频道https://www.doczj.com/doc/8d3239507.html,/ 商务中国 新网互联https://www.doczj.com/doc/8d3239507.html,/ 第二步：制作内容 根据自己想要做网站的目的来设计组织网站的页面和内容。 构成网站页面的必备要素：</p><h2>网页制作必懂的基础知识</h2><p>网页制作必懂的基础知识（一） 近来这几天一直在学习网页制作的知识，颇有收获，分享大家，都是一些网页制作的必懂的基础知识。 1 html基础代码 <head></head><body></body> <span></span><pre></pre> <strong></strong>=<b></b><em></em>=<i></i> <a></a>可以创建链接和瞄点。<a href=”路径”target=”_blank”；—self></a> <a href=”#名字”><a name=”名字”> 特殊标签：空格 大于号：>小于号：<版权号：© 引号：" 滚动标签:<marquee></marquee> 属性有：滚动方向和滚动次数direction:left;right;up;down; loop 鼠标放上去停止滚动：onmouseover=this.stop() 鼠标离开继续滚动：onmouseover=this.start() 2图片的讲解<img src=”路径” /> 图片的格式：jpg png gif 图片的要素：width height alt title src 图片的路径：相对路径和绝对路径 图片和文字的格式： align=”left””right””bottom””middle””absmiddle” 3三种列表的讲解:列表可以嵌套</p><p><ul type=”disc””circle””square”> <li></li> </ul> <ol type=”A””a””1””i””I”> <li></li> </ol> <dl> <dt></dt> <dd></dd> </dl> 四表格和表单 表格：表格边框<border:2px solid red;> <table> <tr> <td><td> </tr> </table> 表单：<form> <input type=”text” name=””value=””/> </form> Type有：text;checkbox;radio;password;textarea;file button; Submit;reset;hidden;select</p><h2>网页制作软件有哪些</h2><p>网页制作软件有哪些? 一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①Microsoft FrontPage 如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage2000还有些像? 但Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 ④Claris Home Page 如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力</p><h2>简单的网页制作教程-设计一个个人网站</h2><p>题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图 打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。</p><p>新建站点后得到这样一个界面 点选高级，得到界面 站点名称与我们建文件夹得名字相同，zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs， http地址为http://localhost/zs</p><p>接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs</p><p>然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择 然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者1、2、3、4，当然一个网站默认的索引首页名为index，这里也用index，</p><h2>制作个人网页的步骤</h2><p>■制作个人网页的步骤 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy 进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。 二、开始制作 你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。</p><h2>网页制作基础教程</h2><p>网页制作基础教程 一、什么是HTML HTML（超文本标记语言）是网页中使用的语言，他能被网页浏览器（IE或Netscape）解释，从而显示出丰富多彩的信息（图片、文字、声音、影象、动画等）。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档"，就能看到该网页的HTML代码。下面是个网页文档（model.htm）的HTML代码： <html> <head> <title>这里是标题 第一段文字。
第二段文字。
