网站制作步骤
(二)制作网页的步骤:
1.整体设计网站的风格,首先你应确定你的网站的主题风格,决定做哪方面的网站比如你的特长方面的东西....
2.设计主页的风格,网站的主页应该说是一个网站的灵魂,主页的好坏影响到人们对网站的主观感觉,首先确定主页的风格,用何种色调,分几部分都应该清楚,或用FLASH制作---显得很具梦幻色彩,或以简洁的用标志着手,或用图片和文字的适当组合而成,但不管怎样,一般使人看到了主页就会明白你的主题是什么....
3.网页制作的基本工具:
(1.)最基本的软件:FRONTPAGE 98,这个制作工具我是刚开始学的时候用的,觉得入门较简单易学,但缺点也很多,如排版时只能用表格来控制,不仅麻烦而且不易控制行距和文字距离.DREAMWEAR2.0 ,3.0一个比较好的"所见即所得"的动态网页制作软件,使得制作网页非常直观,而且简洁且具有动感,它的"层"的功能也是一个很有用东西.
(2.)重要的图形处理软件: ADOBE PHOTOSHOP这是一个专门处理图片和文字的软件,是平面设计领域里的老大,深深的扎根于MAC和PC上。但是以前她对网页图形特别是GIF图形的支持不完善,而Macromedia又适时推出了FireWorks一时间抢了PhotoShop的风头,于是Adobe发表了hotoShop5.5其中附带专为处理网页图形的ImageReady2.0,在相同条件下PhotoShop的历史功能更让人难以割舍。
(3.)动画制作软件:FLASH和Ulead Gif Animator.flash,dreamweare,firework被称为MACROMEDIA公司 的三把利剑,FLASH是交互式矢量图和Web动画的标准。
网页设计者使用Flash能创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明以及其他奇特的效果。
Ulead GIF Animator 友立公司出版的动画GIF制作软件,内建的Plugin有许多现成的特效可以立即套用,可将AVI文件转成动画GIF文件,而且还能将动画GIF图片最佳化,能将你放在网页上的动画GIF图档减肥,以便让人能够更快速的浏览网页。
Macromedia Fireworks 真正的网页作图软件。
Fireworks与Dreamweaver结合很紧密,只要将Dreamweaver的默认图像编辑器设为Fireworks,那么在Fireworks里修改的文件将立即在Dreamweaver里更新。另一个功能是可以在同一文本框里改变单个字的颜色。
当然,Fireworks可以引用所有的Photoshop的滤镜,并且可以直接将PSD格式图片导 入。它是用来画图用的,它相当于结合了Photoshop (点阵图处理)以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果,也只需用鼠标点一下,不必再靠什么KPT之类的外挂滤镜。而且Fireworks很完整的支持网页16进制的色彩模式,提供安全色盘的使用和转换,要切割图形、做影像对应(Image Map )、背景透明,要图又小又漂亮,在Fireworks中做起来都非常方便,修改图形也是很容易的。不需要再同时打开Photoshop和CorelDRAW...等等各类软件,切换来切换去的了。 我们已经了解了网站的诉求风格,随之,您要了解的是建立网站的目的:建立一个行之有效的营销性的网站决不能马马虎虎,草率行事,随便准备点资料,找一些象征性的图片,一揽子塞给专业公司,过个不长时间网站就OK了,这是绝对的错误!也许您得知同行企业已纷纷建网,并取得了一定的收效;也许您是被网络公司业务员再三的劝告,才准备投资建立网站,提醒您注意,必须在一开始就明确:您能够利用网站做什么?通过网站,您能够为访问者或顾客提供什么,或者说你给消费者带来了什么利益?然后在问问自己能够从中获得什么利益?
这里,提醒您注意的一点是,文字资料最好找专人负责整理,最好是熟悉市场营销并有一定文字组织能力的人,他们能够站在企业、市场和消费者的多角度考虑文字的组织方式。我的工作体会是企业在提供资料时常常是基于企业宣传手册、彩页、各种报告、技术资料,我想说的是,这些资料往往技术性太强或一味地站在企业角度:我有多么悠久的历史、技术先进、荣誉称号,但缺乏站在客户角度考虑问题。当然,这些都是很好的资料,但建议您最好找专人整理一下。
下面将网站具有共性的功能展示给大家,您可以根据需要,选择适合自己的方式组织资料。
1、发布信息
组建企业营销网站,可以把企业信息和产品信息推到网上,以获取更多的贸易机会和市场竞争力,这是企业走近电子商务的第一步。您在筹集资料及以后的维护中要注意,这是一个增加企业营销渠道的方式。 您可以利用Internet最省钱、最有效地向外界提供企业的相关信息,以服务顾客。通过Internet,及时提供企业的最新消息,如新产品开发、股票价格、经营情形等。您还可以将Internet作为销售辅助工具,随时随地给处于第一线的销售人员提供各种即时性的企业信息,以支援销售活动并与销售人员随时保持沟通联系,降低市场失误,避免市场损失。
另外,在收集企业信息时要确定您的目标访问者,要清楚别人访问您的站点的理由,也就是要考虑这些目标访问者的需求问题,只有有针对性地提供网站信息内容,才能更好地吸引访问者。如果访问者关心售后服务甚于产品价格时,网站上就应该更多强调售后服务的内容。
2、树立企业形象,展示或提高企业的竞争力
Internet最初始层面的作用就是展示企业形象,就象利用各种传统媒体发布的企业形象宣传广告,所不同的是费用低廉、有效时间长、速度快、更新便捷,仔细考虑您的竞争优势在哪里,如企业是否获得过什么奖励、产品的突出优点、客户服务的优势等等,认真对待这项工作,多准备一些相关的资料,并且要了解为什么访问者会到您的站点来而不是去您的竞争者的站点,此时,应该对竞争者的站点进行比较细致的分析,看看他们都提供了一些什么样的内容,针对的访问对象和我们有什么不同等等,通过这样的分析,就能更加清楚自己的优点和不足,从而做到扬长避短。实际上,对竞争者站点的分析应该贯穿整个企业站点的建设过程之中,通过全面的分析从而吸取他们的优点,避免他们的短处。因此,仅考虑“我的品牌与竞争者的差异”已不再足够,还必须问一问自己:“我的网站与竞争者有那些差异?”努力收集本企业的相关资料,将之投放到互联网,于无形中塑造企业形象,提高企业知名度,一定能为您赢得更多的客户和潜在客户。
3、加强客户服务
客户服务的重要性已经为众多企业认识到,目前市场竞争的激烈性导致产品的差异迅速缩小,既而售前、售后服务的个性化日益突出,各大企业都在着力加强这方面的宣传力度,网站是一个交互性极强、反应迅速的媒体,通过网站搜集消费者的信息及反馈,有助于加强客户服务的质量,从而为企业赢得更多的客户,创造更多的效益。如果您的企业侧重服务,或许,您应该根据自己企业的特点为自己的服务定义一种网络营销风格,并在网站建设中努力营造这种风格,而且,如果您确实能够做到保障客户的利益,好好整理一下这方面的资料,将各种措施展示出来,它会给顾客在互联网这个虚拟的空间留下一个好印象。
4、展示产品或技术优势
在目前竞争激烈的市场中,除非一个大型公司具有技术垄断或产品生产优势,一般的中、小型公司可能很难挖掘这方面的优势,不要紧,互联网最大的特点就是她的开放性和跨地域性,开放性决定了互联网信息的共享,这一特点为中小企业赢得了与大企业相抗衡的可能性:通过互联网的信息资源共享,中小企业可以获得对现代企业至关重要而又以常规方式无力收集的市场信息;跨地域性使企业营销突破了传统市场的地域限制,企业的发展方向和市场规模,因此,“互联网使中小企业得以与大企业在同一起跑线上竞技”。
5、推销新产品
Internet是与顾客沟通的重要工具,同时也是推销新产品的重要渠道。通过Internet可以从各方面介绍被推销的新产品。测试新产品市场反应,并得到即时的反馈。在商业活动中一张照片可以胜过千言万语,可以通过提供企业照片、声音及图片档案等多媒体信息来服务顾客。
6、提高工作提高效率
互联网最大的优势就是可以一天24小时为您和您的客户服务,我们在工作工作过程中,经常会遇到客户提出的各种问题,而其中,有很多是重复的,因此,您可以将客户最常关心的问题在网站上汇总,并给出答案,也就是我们常说的FAQ,而不必再为重复答复这些问题而苦恼, 从而使您的工作更具效率。
7、增进与客户的沟通
客户对公司产品的意见,对公司的建议,您可以即时得到并迅速反应,然后通过网站再反馈给客户。
--主页备份 Works
1、txt 文本
2、scan 扫描图片
3、psd 设计原图(包括AI、Flash、Banner等等)
4、htm 网页文件
5、htm_old* 旧的网页文件备份
--html的目录结构
1、打开网页排版软件Dreamweaver的site网站管理视窗,按栏目内容建立子目录;
2、在每个主目录下都建立独立的images目录,不要将所有文件都存放在根目录下;
3、所有的文件夹名和文件名用小写字母,并取与中文意义对应的英文文件名。
--HTML源代码
1、字符集的设定:中文版用GB简体码gb2312,英文版用iso-8859-1字符集;
2、每个页面都要写标题
3、外国公司的首页面注上字段便于搜索引擎查找(如:description、keyword);
4、要包含全部图标的长宽值和alt属性(注释文本)。
--表格的应用
1、整个页面不要都套在一个表格里,尽量拆分成多个表格;
2、表格嵌套层次尽量要少;
3、能用表格定位的尽量少用层。
--使用分栏(frame)
避免分栏边界被隐藏,使一些栏目内容也被隐藏起来。
--文字
1、用css定义字体大小、行间距(建议使用"外部链接"方式,将css的设定作成一个单独的文件,在每个页面里都调用它);
2、避免文字错误和内容放置错误(以客户资料和制作要求为准);
3、中文文本每行开始空两格。
--图片
颜色丰富或渐变的图片(如产品图片等),建议用JPG格式;颜色单调的图片(如LOGO、文字按钮等),建议用GIF格式。
--链接
1、不要有错误链接、出不来的图像(包括由于文件名大小不一致或路径不对引起的错误);
2、所有次页面包含一个返回首页的链接。
--效果与速度
1、网页应该保持较小的字节数,过大的文件分成若干个页面;
2、在不影响图片效果的前提下合理压缩图形文件。
--浏览器兼容性
同时兼顾IE和Netscape两种浏览器及多种分辨率等情况,避免排版出错。
--其它
确认公司简介包含公司全部相关信息,包括通信地址、电话、E-mail和联系人等。
一、概述
Web网站往往具有复杂与高度动态的特点。为了让Web应用在短时间之内开始运作,开发周期应该尽量地短。许多时候,开发者直接进入编写代码这一阶段,却不去仔细考虑自己想要构造的是什么样的网站以及准备如何构造:服务器端代码往往是毫无准备的即兴式编写,数据库表也是随需随加,整个应用的体系有时候呈现一种无规划状态。然而,只要我们运用一些建模技术和软件工程技术,就能够让开发过程更加流畅,确保Web应用将来更容易维护。
UML(Unified Modeling Language,统一建模语言)是一种通用的可视化建模语言,用于对软件进行描述、可视化处理、构造和建立软件系统的文档。UML适用于各种软件开发方法、软件生命周期的各个阶段、各种应用领域以及各种开发工具。UML能够描述系统的静态结构和动态行为:静态结构定义了系统中重要对象的属性和操作以及这些对象之间的相互关系;动态行为定义了对象的时间特性和对象为完成目标任务而相互进行通信的机制。UML不是一种程序设计语言,但我们可以用代码生成器将UML模型转换为多种程序设计语言代码,或使用反向生成器工具将程序源代码转换为UML模型。
本文介绍用UML为Web网站建模的一些方法。全面采用UML技术是一个复杂的过程,但UML的某些部分很容易使用,而且它能够帮助你用更少的时间构造出更好的系统。
为了示范UML在网站建设中的应用,本文将构造一个支持无线用户、提供各个地区天气报表和交通流量报表的网站。本文不准备详细介绍UML本身。但为了方便起见,附录中简要介绍了常见的UML符号和术语。要了解更多有关UML的信息,请参见文章最后的参考资源。
二、规划阶段
不论你是从头开始构造网站、移植网站还是增加某个重要的功能,为了确保设计决策的最优化,进行一些先期规划是必要的。如果你和其他人协作完成一项工程,就工作总量及其分配达成明确的共识具有不可估量的作用。在规划期间,你应该努力对系统的以下方面形成正确的认识:
用户和角色。
应用需求。
各个界面之间的转换流程。
要用到的工具和技术。
2.1 用户
了解使用系统的用户是很重要的。不仅系统分析要求你接触一些用户(通过问卷调查、email,或者面对面交谈),而且你经常还要让系统能够控制不同的用户角色和权限。通过对用户进行分类并了解他们的需求,你就可以找出线索来确定数据库的安全机制、功能限制方法、用户界面分组、培训和帮助需求、对具体内容的需求,甚至还可以从侧面了解到潜在广告客户的分布。
图1:参与者/角色 层次图
上图显示了几组不同的网站用户(在UML中称为Actor,即参与者)。在这里,最普通的用户类型(“Site User”)位于图的顶端,实线箭头表示generalization关系(“泛化”关系,参见本文附录说明,下同),它表示Site User又可以具体分成两类用户:Guest,Registered User。这两类用户共有的特征在“Site User”参与者中说明,而Guest和Registered User各自私有的特征则在对应的参与者中说明。通常,你可以直接为参与者加上说明文档,无需单独编写说明用户的文档,但具体与你所用的UML工具有关。在本例中,Registered User又可以细分为Wireless User和Administrator两种类型,系统对这些用户的处理方式应有所不同。
2.2 定义需求
在正式开始编写代码之前,你应该对准备构造一个怎样的系统有一个清晰的认识。虽然在编写代码的同时也可以逐步完成这一工作,而且这种做法也很有吸引力,但借助图形和文字资料事先集体进行讨论效率要高得多。为网站编写详细的需求说明往往不那么合算,但你应该有时间画出几个草图、写下几段注解去说明网站准备提供的服务。这就要用到Use Case图(用例图)。Use Case可以看成一组功能——它可能对应网站上的一个页面、一个必须编写的程序,或者网站上可能发生的一个动作(比如,验证用户登录,改变用户的配置文件,清除过期的帐号,等等)。下面就是一个能够帮助你规划网站的Use Case图。注意,该图并没有显示出网站的所有Use Case,通常我们需要多个Use Case图才能描述完整的网站功能。
图2:Use Case图
即使是在这样一个简单的Use Case图中,我们也能够轻松地表达出大量的信息。例如,include关系说明两个Use Case包含同样的身份验证功能;extend关系说明天气页面可能以WML或者HTML格式显示;generalization关系说明各个具体的表现过程将遵从“Render HTML Page”或者“Render WML Page”所描述的基本行为规则以达到维持统一的风格效果和统一宏观行为模式的目的。
上图也显示出无线用户能够访问网站中其他用户不能访问的某些区域。在这个Use Case图中,只有无线用户能够访问交通流量报表。这是因为我们已经得知只有在旅途中的移动用户才需要交通流量报表,而且不想再花时间把交通流量报表制作成其他标记语言形式。
做好一个SITE首先必须充分了解SITE内容为基础,并建立在完整的工作计划基础上完成,所以如何做好的站点光凭表面的认识是不够的,必须通过更进一步对站点发展规划做更深层的调查以及客户的来源(包括客户的层次,做何总类型的站点),作为一个标准的设计师,有整体的设计思想以及创意构思的完整过程,通过长时间的看各个站点的设计风格来最后将所要做的内容和风格的设想。按照公司发展的方向和目标决定颜色和风格(尽量能突出公司形象)以概括的思路来整体完成对整个SITE的设计工作!
具体的制作步骤:
首先你必须翻阅大量的关于这个SITE的文档资料,可以将这些资料自己归纳总结,自己先定一小套方案(可以写在自己的每天的工作记录里)制订一套或者多套的设计思路,具体可以和程序员共同探讨得以完善整个构想,遇到部分有建设性的建议要迅速记录下,有必要一提的是关于抄袭风格的问题!以个人习惯不喜欢进行抄袭特别觉得没有自己思想和想法,但是纯粹的抄袭和结构的抄袭也存在许多大的站点。很多问题并不是说你偷懒而去抄袭因为每个人对于美的看法和想法都不同,你可以对一些无名之辈加以点触!但如果你对那些闻名的设计师的品评如果稍有些过分就要遭到指责,之所谓他是大师!
相关文章
- 获取网站icon,常用最简单的方法就是通过website/favicon.ico来获取,不过由于很多网站都是在页面里面设置favicon,所以此方法很多情况都不可用。 更好的办法是通过google提供的服务来实现:http://www.google.com/s2/favi...2014-06-07
mac下Apache + MySql + PHP搭建网站开发环境
首先为什不自己分别搭建Apache,PHP和MySql的环境呢?这样自己可以了解更多知识,说起来也更酷。可也许因为我懒吧,我是那种“既然有现成的,用就是了”的人。君子生非异也,善假于物也。两千年前的荀子就教导我们,要善于利用工具...2014-06-07- 我要实现的就是下图的这种样式,可参考下面这两个网站的留言板,他们的实现原理都是一样的畅言留言板样式:网易跟帖样式:原理 需要在评论表添加两个主要字段 id 和 pid ,其他字段随意添加,比如文章id、回复时间、回复内容、...2015-11-08
网站广告怎么投放最好?首屏广告投放类型优化和广告位布局优化的案例
网站广告怎么投放最好?一个网站中广告位置最好的是哪几个地方呢,许多的朋友都不知道如何让自己的网站广告收效最好了,今天我们就一起来看看吧。 在说到联盟优化前,...2016-10-10- 本篇文章是对C#中自定义控件的制作与使用实例进行了详细的分析介绍,需要的朋友参考下...2020-06-25
- ps软件是现在很多人比较喜欢的,通过ps软件可以制作很不错的图片效果。这次文章就给大家介绍下使用ps怎么制作任务影子,具体制作方法下面一起来看看。 ps人物影子效...2017-07-06
- 有没有觉得外面拍的证件照都很丑。那么本文就教大家制作二寸证件照的方法,学会了就能做自己美美的证件照了哈哈! 步骤 双击打开php,首先教大家制作两寸照片的大小。...2016-12-21
- 个人网站建设应该考虑哪些问题呢?这个问题我们先在这里不说,下文会一一列出来,希望这些建义能帮助到各位同学哦。 我相信VIP成员里面有很多站长,每个人几乎都拥有一个...2016-10-10
- 分享一篇利用论坛签名提升网站权重的方法,在推广中论坛签名也是一种不错的外链推荐的方法,但现在权重越来越低了,有需要的朋友可以看看。 话说有一天在站长网上面看...2016-10-10
- 一、靠前排名成搜索关注的对象 从搜索引擎的角度考虑一下,就不难理解为什么搜索引擎对排名在首页的网站那么慎重,甚至对新进排名在首页的一些网站进行为期一个多月的...2016-10-10
- 关于如何提高网站的吸引呢,下面我们列出了5点,让你的网站pv大大的提升哦 1、建立一个清晰的网站地图 一个清晰的网站地图可以给你的用户提供一个简介明了的...2017-07-06
- 最近的一个项目中,需要将数据用日历方式显示,网上有很多的JS插件,后面为了自己能有更大的控制权,决定自己制作一个日历显示。如下图所示:一、计算数据 1、new一个Calendar类2、初始化两个下拉框中的数据,年份与月份3、初始...2015-11-24
- ...2016-09-20
- 第一,网站的内容;请各位站长朋友不要一天到晚只想着出什么好的绝招来推广网站,却忽略了网站的内容;其实网站的内容是极为重要的,因为这是你的本,你的根!网站的内容只有不断...2017-07-06
- 一、小序 HTML简单易学又通用,一般的PHP程序就是嵌入在HTML语言之中实现的。但是随着WEB越来越广泛的应用,HTML的弱点也越来越明显了。XML的出现,弥补了这些不足,它提供...2016-11-25
- 今天小编就为大家分享一篇关于C#网站生成静态页面的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧...2020-06-25
- 网站改版了怎么办?很多网站在改版的时候,非常担心用户习惯。 有的担心是合理的,有的担心是多余的。担心之前,先搞清两个问题: 首先,你有没有老用户?有多少老用户?如果...2016-09-20
- 这两个网站的title和description部分关键词有点过于强调,决定弱化这种现象成了我的当务之急,以提高网站在搜索引擎里的品牌形象(搜索引擎返回结果就这两部分)。通过分析...2016-10-10
- ps软件使用对很多人来说是非常重要的,很多人还不知道使用ps怎么制作宣传单,下面文章就给大家介绍下ps怎么制作宣传单,喜欢次效果的一起来看看。。 首先,我们新建一个2...2017-07-06
- 在耽误近一年时间的情况下,痛定思痛,决定自己动手做公司网站的SEO,具体过程如下: 1.买了几本专门SEO方面的书本,啃了两个星期,经常上比如www.111cn.net 和seo教程why之类...2016-10-10