制作网站的步骤与方法.docx
- 文档编号:30547576
- 上传时间:2023-08-16
- 格式:DOCX
- 页数:14
- 大小:30.93KB
制作网站的步骤与方法.docx
《制作网站的步骤与方法.docx》由会员分享,可在线阅读,更多相关《制作网站的步骤与方法.docx(14页珍藏版)》请在冰豆网上搜索。
制作网站的步骤与方法
做网站规划要做些什么内容
网站规划书包含的内容如下:
一、建设网站前的市场分析
1、相关行业的市场是怎样的,市场有什么样的特点,是否能够在互联网上开展公司业务。
2、市场主要竞争者分析,竞争对手上网情况及其网站规划、功能作用。
3、公司自身条件分析、公司概况、市场优势,可以利用网站提升哪些竞争力,建设网站的能力(费用、技术、人力等)。
二、建设网站目的及功能定位
1、为什么要建立网站,是为了宣传产品,进行电子商务,还是建立行业性网站?
是企业的需要还是市场开拓的延伸?
2、整合公司资源,确定网站功能。
根据公司的需要和计划,确定网站的功能:
产品宣传型、网上营销型、客户服务型、电子商务型等。
3、根据网站功能,确定网站应达到的目的作用。
4、企业内部网(Intranet)的建设情况和网站的可扩展性。
三、网站技术解决方案
根据网站的功能确定网站技术解决方案。
1、采用自建服务器,还是租用虚拟主机。
2、选择操作系统,用unix,Linux还是Window2000/NT。
分析投入成本、功能、开发、稳定性和安全性等。
3、采用系统性的解决方案(如IBM,HP)等公司提供的企业上网方案、电子商务解决方案?
还是自己开发。
4、网站安全性措施,防黑、防病毒方案。
5、相关程序开发。
如网页程序ASP、JSP、CGI、数据库程序等。
四、网站内容规划
1、根据网站的目的和功能规划网站内容,一般企业网站应包括:
公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。
2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。
3、如果网站栏目比较多,则考虑采用网站编程专人负责相关内容。
注意:
网站内容是网站吸引浏览者最重要的因素,无内容或不实用的信息不会吸引匆匆浏览的访客。
可事先对人们希望阅读的信息进行调查,并在网站发布后调查人们对网站内容的满意度,以及时调整网站内容。
五、网页设计
1、网页设计美术设计要求,网页美术设计一般要与企业整体形象一致,要符合CI规范。
要注意网页色彩、图片的应用及版面规划,保持网页的整体一致性。
2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。
3、制定网页改版计划,如半年到一年时间进行较大规模改版等。
六、网站维护
1、服务器及相关软硬件的维护,对可能出现的问题进行评估,制定响应时间。
2、数据库维护,有效地利用数据是网站维护的重要内容,因此数据库的维护要受到重视。
3、内容的更新、调整等。
4、制定相关网站维护的规定,将网站维护制度化、规范化。
七、网站测试
网站发布前要进行细致周密的测试,以保证正常浏览和使用。
主要测试内容:
1、服务器稳定性、安全性。
2、程序及数据库测试。
3、网页兼容性测试,如浏览器、显示器。
4、根据需要的其他测试。
八、网站发布与推广
1、网站测试后进行发布的公关,广告活动。
2、搜索引掣登记等。
九、网站建设日程表
各项规划任务的开始完成时间,负责人等。
十、费用明细
各项事宜所需费用清单。
制作网站的步骤和方法
无论是开发软件还是创建网站,真正困扰我们的往往并非软件的使用问题,而是软件技术之外的一些东西,真正决定一个网站是否成功的要素是设计、定位、推广等非技术手段。
一、整理规划。
网站建设的开始就应该有一个整体的战略目标,即确定站点的目标。
确定好目标之后,还要决定网站的目标观众。
其中包括以下几种情况:
1.目标观众的访问速度。
很多在线教育网站采用不同的软件制作在线课件,但是视频无论如何在现在是不适合目前中国浏览者的网络带宽,不过提高我们的网络带宽也是一种发展的趋势。
2.目标观众的计算机配置和浏览器版本。
计算机硬件技术飞速发展,现在使用的计算机的配置都是比较高的!
下面把访问本站的情况给大家帖到下面:
二、新建站点
规划好站点之后,就可以用专门的网页开发软件创建站点了。
在创建站点之前,我们应该首先在我们的磁盘上创建一个文件夹,用于存放站点内的所有资源,当然如果你的站点资源比较丰富这是可以建立子文件夹存放站点内相应的资源。
例如:
站点文件夹为myweb,子文件夹images用于存放站点内用到的图片,upfiles用于存放上传的文件,admin用于存放站点后台程序等等。
创建站点在Dreamweaver软件中操作比较简单,本站也已经提供了相应的视频教程,如果您不熟悉可以去查看下。
刚建立起的站点是空的文件夹,用户首先要设计站点结构。
制作专业网站之前要有一个详细的计划,这样虽然会花费一些人力和物力,但总比出现了问题之后再修改要好得多。
在网站规划中一个很重要的问题就是确定站点结构。
设计站点结构,就得确定站点子栏目;设计站点结构,就得确定图片、多媒体文件的存放位置;设计站点结构,就得导航条。
专业网站中,必须要有导航条。
三、收集资源
确定好站点目标和结构之后,接下来要做的就是收集有关网站的资源,其中包括以下资源:
1.文字资料:
文字是网站的主题。
无论是什么类型的网站,都要离不开叙述性的文字。
离开了文字即使图片再华丽,浏览者也不知所云。
所以要制作一个成功的网站,必须要提供足够的文字资料。
2.图片资料:
网站的一个重要要求就是图文并茂。
如果单单有文字,浏览者看了不免觉得枯燥无味。
文字的解说再加上一些相关的图片,让浏览者能够了解更多的信息,更能增加浏览者的印象。
3.动画资料:
在网页上插入动画可以增添页面的动感效果。
现在Flash动画在网页上应用的相当多,所以建议大家应该学会Flash制作动画的一些知识。
4.其它资料:
例如网站上的应用软件,音乐网站上的音乐文件等等。
四、布局页面
设计站点结构和收集了足够的资源之后,就可以开始布局页面了。
在Dreamweaver中,可以通过以下手段进行排版:
1.利用表格进行排版:
表格主要有三个元素-表格、行和列及单元格,而且表格还可以嵌套,不过在这里建议大家不要把所有的网页都放在一个大表格中,并且嵌套最好不要超过3层,因为如果你那样做了,浏览器解析的时间会增加了,那么当浏览者访问时速度就慢了。
2.利用层排版:
层很适合形式自由的排版,现在WEB标准建议排版时抛弃表格,不过如果初学者学习利用层排版时还要学习其它好多相关知识,其中最重要的是Css和javascript,使用CSS来辅助层可以对网页实现排版,可以解决表格给我们带来的烦恼。
如果你对WEB标准感兴趣,那么你就该好好的学习CSS了!
3.利用布局视图进行排版:
在DreamweaverMX2004中有专门的布局视图,我们初学网页设计时可以使用它进行排版。
4.利用框架进行排版:
它是一种用浏览器窗口,显示多个网页的形式,前几天记得有人在论坛中求,网页格式的课件,网页格式的课件大部分是用框架做出来的。
五、编辑文档与超级连接
经过上面的几个步骤之后,一切准备工作都已经就绪,现在可以象装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。
插入到网页布局之后,文字都是同一种字号,同一种风格,同一种颜色;图片有大有小。
所以这时就要对各种元素进行编辑了,例如,改变文本字体、字号、颜色、大小等,对图片进行大小,表格的调整,按钮行为的调整等等!
连接是网页的灵魂。
浏览者在浏览网页时,单击网页设置的超级连接可以跳转到相关页面,所以一个好的网页是离不开连接的。
六、发布站点
站点的发布
网站发布就是把网站上传到因特网上,以提供浏览者浏览。
上传之前必须检查你的域名和主页空间的申请情况,以及网页和站点的连接情况等。
建议大家最好安装IIS,本站内都提供了iis5.01、iis6.0、iis5.0的安装程序。
上传软件一般都使用用FTP,上传到服务器中申请的域名下(具体要看看你申请空间时,人家给你的开通信啊!
),上传软件一般有CuteFTP、LeadFTP等
站点的维护
站点发布之后还要经常对站点进行维护。
站点维护是指不断优化网站功能和更新网页内容。
维护网站的目的是使网站的结构规划合理、内容与形式统一、主题鲜明,经常更新网页内容,让网站与时俱进。
在html页面中,合理的使用列表标签可以起到提纲和格式排序文件的作用。
列表分为两类,一是无序列表,一是有序列表,无序列表就是项目各条列间并无顺序关系,纯粹只是利用条列来呈现资料而已,此种无序标签,在各条列前面均有一符号以示区隔。
而有序条列就是指各条列之间是有顺序的,比如从1、2、3…一直延伸下去。
列表的主要标签
标签
描述
- /
定义列表的标记
列表项目的标记
5-1无序列表
- 。
- 的属性type有三个选项,这三个选项都必须小写:
disc实心园
circle空心园
square小方块
- 如果不使用其项目
- 的属性值,即默认情况下的
- 会加"实心园"。
- 第一项
- 第二项
- 第三项
- 默认的无序列表加"实心园"
- 默认的无序列表"实心园"
- 默认的无序列表"实心园"
- 。
- 列表的结果是带有前后顺序之分的编号。
- 标签中设定value="n"改变列表行项目的特定编号,例如
。 type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。
为了使用这些属性,把它们放在
- 或
- 的的初始标签中。
有序列表type的属性
type类型
描述
type=1
表示列表项目用数字标号(1,2,3...)
type=A
表示列表项目用大写字母标号(A,B,C...)
type=a
表示列表项目用小写字母标号(a,b,c...)
type=I
表示列表项目用大写罗马数字标号(Ⅰ,Ⅱ,Ⅲ...)
type=i
表示列表项目用小写罗马数字标号(i,ii,iii...)
格式1
- 第1项
- 第2项
- 第3项
格式2
- 第1项
- 第2项
- 第3项
实例:
5-2.html
有序列表 - 默认的有序列表
- 默认的有序列表
- 默认的有序列表
- 第1项
- 第2项
- 第3项
第4项 - 的的初始标签中。
- 第1项
- 第2项
- 第3项
如果插入和删除一个列表项,编号会自动调整。
顺序编号的设置是由
- 的两个属性type和start来完成的。
start=编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略,或是在
5-3嵌套列表
将一个列表嵌入到另一个列表中,作为另一个列表的一部分,叫嵌套列表。
无论是有序列表和无序列表的嵌套,浏览器都可以自动地分成排列。
实列:
5-3.html
嵌套列表 目录
- 标签中设定value="n"改变列表行项目的特定编号,例如
- 这是以序号类型a开头第一行内容
- 这是以序号类型a开头第二行内容
- 这是以序号A类型C开头第一行内容
- 这是以序号A类型C开头第二行内容
- 这是以序号数字51开头第一行内容
- 这是以序号数字51开头第二行内容
- 这是以序号数字51开头第三行内容
- 这是以序号A类型C开头第三行内容
格式1:
格式2
第一项 第二项 第三项 示例5-1.html
无序列表 无序列表square加方块 无序列表square加方块 无序列表square加方块 无序列表circle加空心园 无序列表circle加空心园 无序列表circle加空心园 5-2有序列表
有序列表和无序列表的使用格式基本相同,它使用标签
- 第一项
- 的属性值,即默认情况下的
无序列表使用的一对标签是
- 这是以序号类型a开头第三行内容
- /
定义列表的标记也叫描述性列表,定义列表默认为两个层次,第一层为列表项标签
- ,第二层为注释项标签
- 。
- 和
- 标签通常是成对使用的。
也可以一个列表项对应于几个解释项,这种方式很少用。
- 默认的注释是显示在另一行中,当使用
后,注释项和列表项将显示在同一行。 其格式为:
- 第1项
- 注释1
- 第2项
- 注释2
- 第3项
- 注释3
实例:
5-4.html
定义性列表 定义性列表
- WWW:
- WWW是(Worldwideweb)的缩写,也可简写web;
- WWW:
- WWW又叫万维网;
- WWW:
- internet提供的最常用的服务是WWW;
5-5目录列表
和菜单列表 - 是一样的,例如:
- 第一项
- 第二项
- 第三项
格式1:
格式2
第一项 第二项 第三项 实例:
5-5.HTML
无序列表 - 默认的无序列表加"实心园"
- 默认的无序列表"实心园"
- 默认的无序列表"实心园"
- 默认的目录列表加"实心园"
- 默认的目录列表"实心园"
- 默认的目录列表"实心园"
- 默认的菜单列表加"实心园"
- 默认的菜单列表"实心园"
- 默认的菜单列表"实心园"
目录列表square加方块 目录列表square加方块 目录列表square加方块 菜单列表circle加空心园 菜单列表circle加空心园 菜单列表circle加空心园 - 默认的注释是显示在另一行中,当使用
无序列表
有序列表
目录列表
定义列表
- /
5-4定义列表的标记
- /
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 制作 网站 步骤 方法