购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.3 创建网站的基本步骤

创建网站是一个系统工程,需要按照一定的工作流程,按部就班地操作才能设计出令人满意的网站。因此,在创建网站前,需要先了解网站建设的基本流程,这样才能制作出更好、更合理的网站。

1.3.1 网站的定位

在创建网站时,确定站点的目标是第一步。设计者要清楚建立站点的目标,即确定它将提供什么样的服务,网页中应该出现哪些内容等。要确定站点目标,应该从以下3个方面考虑。

· 网站的整体定位。网站可以是大型商用网站、小型电子商务网站、门户网站、个人主页、科研网站、交流平台、公司和企业介绍性网站、服务性网站等。首先应该对网站的整体进行一个客观的评估,同时以发展的眼光看待问题,否则将带来许多升级和更新方面的不便。

· 网站的主要内容。如果是综合性网站,那么对于新闻、邮件、电子商务、论坛等都要有所涉及,这样就要求网页面结构紧凑、美观大方;对于侧重某一方面的网站,如书籍网站、游戏网站、音乐网站等,则往往对美工要求较高,使用模板较多,更新网页和数据库较快;如果是个人主页或介绍性的网站,那么网站的更新速度较慢,浏览率较低,并且由于链接较少,内容不如其他网站丰富,但对美工的要求更高一些,可以使用较鲜艳、明亮的颜色,同时可以添加Flash动画等,使网页更具动感并充满活力,否则网站将没有吸引力。

· 网站浏览者的教育程度。对于不同的浏览人群,网站的吸引力是截然不同的,如针对少年儿童的网站,卡通和科普性的内容更符合浏览者的品位,也能够达到网站寓教于乐的目的;针对学生的网站,往往对网站的动感程度和特效技术要求更高;对于商务浏览者,网站的安全性和易用性更重要。

1.3.2 确定网站主题

在目标明确的基础上,下一步就要完成网站的构思创意,即总体设计方案,对网站的整体风格和特色做出定位,规划网站的组织结构。网站应针对所服务对象的不同,采用不同的形式。有些网站只提供简洁的文本信息,有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和视频。要做到主题鲜明突出、要点明确,应以简单明确的语言和画面体现站点的主题。还要调动一切手段充分表达站点的个性与情趣,办出网站的特色。

网站主页应具备的基本要素包括:页眉,准确无误地标识网站和企业标志;E-mail地址,用来接收用户来信;联系信息,如普通邮件地址或电话;版权信息,声明版权所有者等。注意重复利用已有信息,如客户手册、公共关系文档、技术手册和数据库等,可以轻而易举地用到企业网站中。

1.3.3 网站整体规划

在设计网站之前,需要对网站进行整体规划和设计,写好网站项目规划书,在以后的制作过程中按照这些规划进行设计。创建网站需要从内容、美术效果和程序这3个方面进行网站的整体规划。

网站内容:在网站进行开发前,需要构思网站的内容,考虑突出哪些主要内容。例如,个人网站可以有原创文章、个人活动、生活照片、才艺展示、个人作品、联系方式等内容。还需要明确哪些是主要内容,需要在网站中突出制作的重点。

网页美术效果:页面的美术效果往往决定一个网站的档次,需要有美观大方的版面。可以根据喜好、页面内容等设计出令人满意的页面效果。如果是个人网站,可以根据个人的特长和才艺等,制作出夸张的美术作品式的网站。

网站程序的构思:需要构思网站的功能,网站的功能需要用什么程序实现。如果是很简单的个人主页,则不需要经常更新,更不必制作动态网站。

1.3.4 收集资料与素材

网站的设计需要相关的资料和素材,充足的内容才可以丰富网站的版面。个人网站可以整理个人的文章、作品、照片等资料。企业网站需要整理企业的文件、广告、产品介绍、活动等相关资料。整理好资料后需要对资料进行筛选和编辑。

可以使用以下方法来收集网站资料与素材。

· 图片:可以使用数码相机拍摄相关图片,对已有的纸质照片可以使用扫描仪输入计算机。一些常见图片可以在网络中搜索下载。

· 文档:收集和整理现有的文件、广告、电子表格等内容。对于纸质文件需要输入计算机形成电子文档。文字类的资料需要进行整理和分析。

· 媒体内容:收集和整理现有的音频、视频等资料。

1.3.5 设计网页图像

在确定好网站的风格并搜集资料后就需要设计网页图像了,网页图像设计包括Logo、标准色彩、标准字、导航条和首页布局等。可以使用Photoshop或Fireworks软件来具体设计网站中的图像。有经验的网页设计者,通常会在使用网页制作软件制作网页之前,设计好网页的整体布局,这样在具体设计过程中将会胸有成竹,大幅节省工作时间,如图1-10所示为设计好的网页图像。

图1-10 网页图像

1.3.6 切图并制作成页面

完成网页布局效果图的设计后,需要使用Fireworks或Photoshop对效果图进行切割和优化。完成切割后的效果图,需要使用Dreamweaver进行网站页面的设计,在该过程中实现网站内容的输入和排版。不同的页面使用超链接连接起来,浏览者单击该链接时即可跳转到相应页面。

网页制作是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂的顺序制作。所谓“先大后小”,就是在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计;所谓“先简单后复杂”,就是先设计出简单的内容,然后设计复杂的内容,以便出现问题时容易修改。在制作网页时要灵活运用模板和库,这样可以大幅提高制作效率。如果很多网页都使用相同的版面设计,就应该为这个版面设计一个模板,然后以此模板为基础创建网页。以后如果想要改变这些网页的版面设计,只需简单地改变模板即可,如图1-11所示为制作的网页。

图1-11 制作的网页

1.3.7 开发动态网站模块

网页制作完成后,如果还需要动态功能,就需要开发动态功能模块,网站中常用的功能模块包括搜索功能、留言板、新闻信息发布、在线购物、技术统计、论坛及聊天室等。

1.搜索功能

搜索功能是使浏览者在短时间内,快速从大量的资料中找到需要的资料,这对于资料非常丰富的网站来说非常有用。要建立一个搜索功能,就要有相应的程序及完善的数据库支持,可以快速地从数据库中搜索到所需要的内容,如图1-12所示为网站的搜索功能。

图1-12 网站的搜索功能

2.留言板

留言板、论坛及聊天室是为浏览者提供信息交流的组件,浏览者可以围绕个别的产品、服务或其他话题进行讨论。浏览者也可以提出问题、提出咨询,或者得到售后服务。但是聊天室和论坛是比较占用资源的,一般不是大中型的网站没有必要建设论坛和聊天室,如果访问量不是很大,做好了也没有人来访问,如图1-13所示为留言板页面。

图1-13 留言板页面

3.新闻发布系统

新闻发布系统可以提供方便、直观的页面文字信息的更新维护界面,提高工作效率、降低技术要求,非常适合用于经常更新的栏目或页面,如图1-14所示为新闻发布系统。

图1-14 新闻发布系统

4.购物网站

购物网站是实现电子交易的基础,浏览者将感兴趣的产品放入购物车,以便统一结账,当然也可以修改购物的数量,甚至将产品从购物车中取出。浏览者选择结算后系统自动生成本系统的订单,如图1-15所示为购物网站的界面。

图1-15 购物网站界面

1.3.8 发布与上传

网站的域名和空间申请完毕后,就可以上传网站了,可以使用Dreamweaver自带的站点管理功能上传文件。

01 执行“站点”|“管理站点”命令,弹出如图1-16所示的“管理站点”对话框。

图1-16 “管理站点”对话框

02 在“管理站点”对话框中单击“新建站点”按钮,弹出“站点设置对象”对话框,在该对话框中选择“服务器”选项卡,如图1-17所示。

图1-17 “服务器”选项卡

03 单击+按钮,弹出如图1-18所示的对话框。在“连接方法”下拉列表中选择FTP选项,用来设置远程站点服务器的信息。

图1-18 设置“连接方法”

“基本”选项卡中的主要选项含义如下。

· 服务器名称:指定新服务器的名称。

· 连接方法:在该下拉列表中,选择FTP选项。

· FTP地址:输入远程站点的FTP主机IP地址。

· 用户名:输入用于连接到FTP服务器的登录名。

· 密码:输入用于连接FTP服务器的密码。

· 测试:单击该按钮,测试FTP地址、用户名和密码是否正确。

· 根目录:在该文本框中,输入远程服务器上用于存储公开显示的文档目录。

· Web URL:在该文本框中,输入Web站点的URL。

04 设置相关的参数后,单击“保存”按钮完成远程信息设置。在“文件”面板中单击“展开/折叠”按钮 ,展开“站点”管理器,如图1-19所示。

图1-19 “文件”面板

05 在站点管理器中单击“连接到远端主机”按钮 ,建立与远程服务器的连接,如图1-20所示。

图1-20 与远程服务器连通后的网站管理窗口

连接服务器后, 按钮会自动变为接通状态 ,并在一旁亮起小绿灯,列出远端网站的接收目录,右侧窗口显示为“本地信息”,在本地目录中选择要上传的文件,单击“上传文件”按钮 ,上传文件。

1.3.9 后期更新与维护

一个好的网站,仅仅一次是不可能制作完美的,由于环境在不断变化,网站的内容也需要随之调整,给人常新的感觉,网站才会更吸引浏览者,而且给浏览者留下很好的印象。这就要求对网站进行长期的、不间断的维护和更新。

网站维护一般包含以下内容。

· 内容的更新:包括产品信息的更新、企业新闻动态更新和其他动态内容的更新。采用动态数据库可以随时更新发布新内容,不必做网页和上传服务器等烦琐的工作。静态页面不便于维护,必须手动修改网页文档,制作完成后还需要上传到远程服务器。一般对于数量比较多的静态页面建议采用模板制作。

· 网站风格的更新:包括版面、配色等方面。改版后的网站可以让浏览者感觉焕然一新。一般改版的周期要长一些,如果浏览者对网站比较满意,改版可以延长到几个月甚至半年。一般一个网站建设完成后,代表了公司(个人)的形象、风格。随着时间的推移,浏览者对这种形象已经形成了定势。如果经常改版会让浏览者感觉不适应,特别是那种风格彻底改变的“改版”。当然,如果对网站有更好的设计方案,可以考虑改版。毕竟长期沿用一种版面会让人感觉陈旧、厌烦。

· 重要事件页面:如遇重大事件、突发事件及庆祝活动等就需要更新页面。

· 网站系统维护:如E-mail账号维护、域名维护续费、网站空间维护、与IDC联系、DNS设置、域名解析服务等。

1.3.10 网站的推广

互联网的应用和繁荣提供了广阔的电子商务市场和商机,但是互联网上大大小小的网站数以百万计,如何让更多的人迅速访问到你的网站是一件非常重要的事。企业网站建好以后,如果不进行推广,那么企业的产品与服务在网上仍然不为人知,起不到建立网站的作用,所以企业在建立网站后应着手利用各种手段推广自己的网站。网站的推广有很多种方式,在后面的章节中将详细讲述,这里就不再赘述了。 oi7qhPiTKe3zaeHNzQA2Pw36CogiPXh/rb8wSQ6mPJaL5/6aeOfAn3OIr4w/09oj

点击中间区域
呼出菜单
上一章
目录
下一章
×