当前位置 > 主页 > 网站建设 > 网站制作 >

个人网站制作流程

日期:2019-09-19 14:51:15 作者:admin 出自:贵州海鑫盛app开发公司

一、站建设方案书的内容
        个人网站建设方案书是将个人网站建设成为一个优质网站首先要考虑,网站建设方案能反应出网站的建设构想,初步形态及网站推广计划。个人网站建设方案适合个体户和中小型企业,它有自己独特的风格设计。风格设计主要体现在本人个性特点的凸显,分析.策划并制定出一套适合自身的网站建设的设计风格方案。设计首页要明确主次,主要的可放在显要位置、加粗或变颜色等,再列出最吸引浏览者的信息以及内容,用最精炼的语言表达出浏览者想了解的信息。
二、建站目的及功能定位

        对于个人网站建设前期的定位是相当重要,你必须了解你做这个网站的目的,是为了宣传自己还是展示自己的爱好,本人感觉最好是定位在自己感兴趣或者自己工作的行业中,这样自己可能会对所确定的主题行业了解的更多些,很多人在建站初期总是喜欢在主页里堆积大量感兴趣的内容,但个人的精力总是有限的,因为无力维护而导致站点更新缓慢、内容匮乏,与其这样,不如选定一个主题做出自己的风格,不求大而全,但求小而精。
三、网站主要内容介绍:

        1.构成网页的基本要素
        ①文字(标题、字号、字型...)
        ②图形(网页上经常使用的图片格式:jpg、jpeg、Gif、Swf...)
        ③交互功能(菜单按钮、链接、表单、数据交换...)
        超文本标识语言(HTML)
        HTML(Hypertext Markup Language)是一种专门用于Web页制作的编程语言,用来描述超文本各个部分的内容,告诉浏览器如何显示文本,怎样生成与别的文本或图像的链接点。
        在HTML中,所有的标记符都用尖括号括起来。
        例如,<HTML>表示HTML标记符。绝大多数标记符都是成对出现的,包括开始标记符和结束标记符。
        如:<HTML>…</HTML> .
        HTML文档的基本结构
        一个典型的HTML文本的基本结构形式如下:
        <HTML>
        <HEAD>
        <TITLE>网站制作流程及界面交互设计研究探讨</TITLE>
        </HEAD>
        <BODY>文本内容:</BODY>
        </HTML>
        2.制作及美化的基本工具
        ①超文本标识语言(HTML)
        编辑工具:editplus、dreamweaver、记事本、FrontPage、
        ②页面设计及美化工具
        使用工具:所有可制作平面的软件
        推荐使用Photoshop、FireWorks、Flash
 

        3、网页制作的基本步骤
        ①整体规划
        需要完成的规划:网站主题、风格、页面元素、逻辑结构等
        ②资料收集
        收集内容:
        a、跟主题相关的文字图片资料
        b、一些优秀的页面风格
        c、下载一些你喜欢的交互页面
        d、开放的源代码
③伪界面设计
        根据事先规划的结构,在平面软件里设计你想要的最终效果,利用平面图片的形式先展示一次,设计时要注意宜人性、人机、心理等各方面因素
④代码转换及交互添加

        把平面的伪界面转化为HTML代码,添加相应的交互功能Js、按纽、表单,以及一些与数据库相连接的代码。
⑤测试网页兼容性

        你可以不必严格按照W3C标准来制作页面,但是你必须保证让所有现有的浏览器能比较好的展示你的作品。
⑥发布站点

        测试完毕,符合你的要求,当然就可以开始发布你的网站了,发布的服务器可以是远程,也可以是本地,各个语言有各自的相应的服务器,比如ASP,就应该对应的是ASP服务器,上传可利用远程FTP工具。
4、界面设计及交互研究探讨
①导航栏设计

        导航要素设计的好坏决定着用户是否能方便使用网站导航要素要设计的直接而明确,并最大限度为用户的方便考虑。
②网页布局

        网页的布局是整个界面的核心,这里体现了一切以用户为中心、以及制作者如何与欣赏着沟通的思想在里面,你必须知道自己要传达什么样的信息,别人使用起来合适不,字体的大小、型号、字间距、行间距,以及配色所有的一切都在这个阶段完成,所以如何表现功能以及美感就是你研究的重点。
        PS:布局之前要紧密连接你网站的主题,要注意把握整体风格,你可以事先在纸上勾画草图,利用你习惯的元素来表现你想要的效果
        网页布局--主要构成原则
        醒目性:指用户把注意力集中到你诱导起浏览的部分和内容
        可读性:指网站的内容让人容易读懂
        明快性:指准确、快速转达网站的构成内容
        造型性:维持整体外型上的稳定感和均衡性
        创造性:有鲜明个性,创意是必不可少的
        布局的构成原则上是:统一、协调、流动、强调、均衡
③交互研究

        我这边的交互主要集中在人机操作方面,研究用户浏览网站心理我个人认为一个成功的个人主页,单纯的美观是不够的,重要的是宜人性方面应该注重,喜欢Google、Douban就居于这。
5、实例制作演示(略)
①页面制作整体规划

        对象:一个打印商业宣传主页
        格调:活泼,色彩,简单,大方
②资料收集

        a 、商标、网址、公司宣传册、了解企业文化,了解负责人的品位、他们的案例、跟负责人沟通掌握信息
        b 、网上下载相似印刷行业的公司主页,了解现有行业的的一些设计特点
        c、下载一些色彩比较华丽的图片,或跟印刷相关连的图片
        d、如果你自己不会动态语言,下载一个满足你功能的新闻发布系统和留言源码
①伪界面设计

        a、在PS设计伪界面
        b、切片工具对整体进行合理的分割
        注意点:隐藏你要通过输入的文字,分割时要保持他的整体意义,尽量让每一部分是完整的,注意一些交互上操作。
        c、导成WEB格式-直接导成HTML格式—步骤:
        1、.点击文件存储为WEB文件格式
        2、在界面里面调整理想参数
        3、导出保存PS能自动生成一些HTML代码,但是他不是很标准,你必须在Dreamweave里面进行加工
        d、在Dreamweave里面进行代码加工
        具体步骤:
        1、先修改标题
        2、修改页面属性:背景颜色、背景图片.....
        3、把页面调整为布局格式(这个可以按照自己习惯来设置,有标准的表格方式,也有布局类型)
④把要添加文字的图片转化为背景形式
  a、找到对应图片路径
  b、拷贝路径后删除图片
  c、转化为标准形式
  d、把路径粘贴到背景属性上
  e、回到布局界面
⑤添加具体文字连接设置等操作
⑥CSS设置
⑦修整代码,发布预览按F12即可预览效果
4、测试网页兼容性

        按照你设计时的对象,根据IE版本以及浏览器的不同,调整理想的效果,但是大部分出现问题的是JS\VB等代码,如果只是单纯静态图片,基本不会有很大的差别,推选大家尽量往W3C标准靠
5、发布站点

        购买自己的空间域名,其实事先就应该购买的,利用FTP上传软件,把你的页面上传到你的网上服务器上推荐一款FTP上传工具
 
四,具体设计过程

        个人在设计时考虑的多为个人的兴趣喜好,而不注重商业的展示。内容以反映个人为中心,从而使个人网站真正的成为展示自己的网络名片。 在网页制作中,我借鉴了韩国个人网站的设计风格,着重于给浏览者以强烈的视觉冲击。运用了photoshop和fireworks强大的图像制作和处理能力。进行了大量的图片制作,从而给人以强烈的美感。并利用Flash进行片头动画的制作,给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。 
要领一:确定网站主题
        做网站,首先必须要解决的就是网站内容问题,即确定网站的主题。兴趣是制作网站的动力,没有创作热情,很难设计制作出优秀的作品。 对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。记住:在互联网上只有第一,没有第二!
要领二:选择好域名

        域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。失去这个域名,所有前期工作就将全部落空。 要把域名起得形象、简单、易记。
要领三:掌握建网工具 

        网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具。 
要领四:确定网站界面

        界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点:
        ①栏目与板块编排
        ②目录结构与链接结构
        ③进行形象设计
要领五:确定网站风格

        “风格”是抽象的,是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志,色彩,字体,标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素,网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局,还是交互方式,只要你能由此让浏览者明确分辨出这是你网站独有的,这就形成了网站的“风格”。 风格是有人性的,通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的,还是清新秀丽的;是温文儒雅的,还是执著热情的;是活泼易变的,还是墨守成规的。 总之,有风格的网站与普通网站的区别在于:在普通网站上你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量多少,浏览速度快慢等;在有风格的网站上你可以获得除内容之外的更感性的认识,比如站点的品位,对浏览者的态度等。
要领六:有创意的内容选择

        好的内容选择需要有好的创意,作为网页设计制作者,最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站,如果创意很好,却对网站发展毫无意义,那么,网站设计制作者也应当放弃这个创意。另外,主页内容是网站的根本之所在,如果内容空洞,即使页面制作地再怎样精美,仍然不会有多少用户。从根本上说,网站内容仍然左右着网站流量,内容为王(Content Is King)依然是个人网站成功的关键。
要领七:推广自己的网站

        网站的推广有以下几种方式:
        (1)搜索引擎注册与搜索目录登录技巧
        (2)广告交换技巧
        (3)目标电子邮件推广
要领八:支撑网站日常运行

        通常来说,个人网站获取资金通常有以下两个渠道:
        (1)销售网站的广告位
        (2)与大型网站合作

上一篇:网页设计与网站制作区别 下一篇:新手学习网站制作
18585853123
在线留言