导航:首页 > 万维百科 > 网站开发与设计

网站开发与设计

发布时间:2020-08-23 13:36:58

1、网页设计和网站开发用到的技术有哪些?

网站开发中使用的到网页设计的内容,所以我就以网站开发其中穿插网页设计为例进行说明
网站开发涉及前后端内容,而网页设计仅仅涉及前端展示的内容
所以网页设计中需要知道用的技术有HTML CSS JavaScript 等基础技术以及BootStrap 等框架内容即可
网站开发不仅包含以上部分,而且还包含有后台内容以及数据库的相关内容
后台的开发有多种方案和语言 例如Java PHP Python 等语言,每种语言又包含有各种框架
数据库同时又包含有SQL Server MySQL Oracle 等关系型和非关系型数据库几类

2、前端开发和网页设计有什么不同

web前端开发和网页自作之间并没有很明显的区别,因为前端开发技术就是网页制作的延伸,前端就是在原有的网页制作技术上进行各种拓展延伸。

3、网站开发和网页设计师的区别

网页设计包括了这么几个专业:美术(色彩、构图)基础、软件(PS,DW.FLASH)、语言(HTML/DIV+CSS)、交互。主要是让网页在视觉效果上达到最佳。

web开发工程师,应该分为几个阶段去学习,web开发涉及的技术面比较广了:
首先,要了解超文本传输,B/S方面的一些知识,学习最基本的HTML、CSS、JAVASCRIPT,掌握基本的页面制作,熟悉用javascript做数据验证、控制页面等。
接着,选择开发方向,asp、asp.net、php还是JSP。
所以web开发工程师主要是网页数据处理的优化。

简单的说,网页设计师属于网页前端,web开发工程师属于网站后台数据的处理。

4、网站建设网站设计的区别

网站建设比起网站设计有些局限性,可能更倾向于程序或模板的建站,而网站设计可以这么理解,它的定义更广一些。
网站设计不光是页面的设计,还有程序的设计开发,以及网站前期的网站整站策划设计,它的价值远远大于网站建设。
一般网站建设公司都是一些前台或后台的模板,建站很便宜,都是套现成的,或者改改前台界面,一般都是很低端的。
网站设计公司都是量身打造的网站,一般价格是建设公司的十几倍或几十倍,贵是因为他要做前期的策划,后期的精美设计,还要给该品牌或公司形象的定位,树立企业网络形象,要做非常多的工作,甚至后期的推广。

5、网页开发与设计的基本流程是什么?

网页制作流程

--------------------------------------------------------------------------------

主要内容介绍:

一、构成网页的基本要素
二、制作及美化的基本工具
三、网页制作的基本步骤
四、界面设计及交互研究探讨
五、实例制作演示

一.构成网页的基本要素

1.文字(标题、字号、字型...)
2 图形(网页上经常使用的图片格式:jpg、jpeg、Gif、Swf...)
3.交互功能(菜单按钮、链接、表单、数据交换...)
...

超文本标识语言(HTML)

HTML(Hypertext Markup Language)是一种专门用于Web页制作的编程语言,用来描述超文本各个部分的内容,告诉浏览器如何显示文本,怎样生成与别的文本或图像的链接点。

在HTML中,所有的标记符都用尖括号括起来。
例如,<HTML>表示HTML标记符。绝大多数标记符都是成对出现的,包括开始标记符和结束标记符。
如:<HTML>…</HTML> .

HTML文档的基本结构

一个典型的HTML文本的基本结构形式如下:

<HTML>
<HEAD>
<TITLE>网站制作流程及界面交互设计研究探讨</TITLE>
</HEAD>
<BODY>文本内容:</BODY>
</HTML>

二.制作及美化的基本工具

1.超文本标识语言(HTML)
编辑工具:editplus、dreamweaver、记事本、FrontPage、

2.页面设计及美化工具
使用工具:所有可制作平面的软件
推荐使用Photoshop、FireWorks、Flash

三、网页制作的基本步骤

1、整体规划
需要完成的规划:网站主题、风格、页面元素、逻辑结构等

2、资料收集
收集内容:
a、跟主题相关的文字图片资料
b、一些优秀的页面风格
c、下载一些你喜欢的交互页面
d、开放的源代码

3、伪界面设计
根据事先规划的结构,在平面软件里设计你想要的最终效果,利用平面图片的形式先展示一次,设计时要注意宜人性、人机、心理等各方面因素

4、代码转换及交互添加
把平面的伪界面转化为HTML代码,添加相应的交互功能Js、按纽、表单,以及一些与数据库相连接的代码。

5、测试网页兼容性
你可以不必严格按照W3C标准来制作页面,但是你必须保证让所有现有的浏览器能比较好的展示你的作品。

6、发布站点
测试完毕,符合你的要求,当然就可以开始发布你的网站了,发布的服务器可以是远程,也可以是本地,各个语言有各自的相应的服务器,比如ASP,就应该对应的是ASP服务器,上传可利用远程FTP工具。

四.界面设计及交互研究探讨

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

b、网页布局
网页的布局是整个界面的核心,这里体现了一切以用户为中心、以及制作者如何与欣赏着沟通的思想在里面,你必须知道自己要传达什么样的信息,别人使用起来合适不,字体的大小、型号、字间距、行间距,以及配色所有的一切都在这个阶段完成,所以如何表现功能以及美感就是你研究的重点。

PS:布局之前要紧密连接你网站的主题,要注意把握整体风格,你可以事先在纸上勾画草图,利用你习惯的元素来表现你想要的效果

网页布局--主要构成原则
醒目性:指用户把注意力集中到你诱导起浏览的部分和内容
可读性:指网站的内容让人容易读懂
明快性:指准确、快速转达网站的构成内容
造型性:维持整体外型上的稳定感和均衡性
创造性:有鲜明个性,创意是必不可少的
布局的构成原则上是:统一、协调、流动、强调、均衡

c、交互研究
我这边的交互主要集中在人机操作方面,研究用户浏览网站心理我个人认为一个成功的个人主页,单纯的美观是不够的,重要的是宜人性方面应该注重,喜欢Google、Douban就居于这。

五、实例制作演示(略)

1、页面制作整体规划

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

2、资料收集

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

3、伪界面设计

a、在PS设计伪界面

b、切片工具对整体进行合理的分割
注意点:隐藏你要通过输入的文字,分割时要保持他的整体意义,尽量让每一部分是完整的,注意一些交互上操作。

c、导成WEB格式-直接导成HTML格式—步骤:
1、.点击文件存储为WEB文件格式
2、在界面里面调整理想参数
3、导出保存PS能自动生成一些HTML代码,但是他不是很标准,你必须在Dreamweave里面进行加工

d、在Dreamweave里面进行代码加工
具体步骤:
1、先修改标题
2、修改页面属性:背景颜色、背景图片.....
3、把页面调整为布局格式(这个可以按照自己习惯来设置,有标准的表格方式,也有布局类型)
4、把要添加文字的图片转化为背景形式
a、找到对应图片路径
b、拷贝路径后删除图片
c、转化为标准形式
d、把路径粘贴到背景属性上
e、回到布局界面
5、添加具体文字连接设置等操作
6、CSS设置
7、修整代码,发布预览按F12即可预览效果

4、测试网页兼容性

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

5、发布站点

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

6、网站开发和网站建设有什么区别

当一个企业准备做自己的企业网站或其它类型的网站,或者对于刚接触网站建设的人来说,难以搞清模板网站和定制开发网站的核心区别。网站建设定制开发与模板网站的最核心的区别到底是什么呢,最核心的区别是质量、功能、个性化、版权、价格。
第一、质量的区别
模板网站就是非常低端的网站,说白了就是将别人做好的程序与平面换个公司名、栏目名或LOGO就上线运行了,这种网站不能保证网站的质量,更不能保证网站上线正常运行,特别让人不放心的是,网站的安全性完全没法保证。现在网上提供这种免费的源程序多如牛毛,基本不需要花钱就可以得到,反之,网站建设定制开发就不存在上面的情况,都是网站开发公司员工自己的汗水成果。
第二、功能的区别
模板网站的功能千篇一律,功能简单且没有个性,换句话说,不管您有什么其它要求,都没有办法更改,这就造成了,你不要的功能一堆无法删除,而想要的功能却没办法进一步扩展或增加,如同鸡肋,更让人伤心的是,维护管理不方便,也不定适合用户的操作习惯,反之,网站建设定制开发就不存在上面的情况,都是根据客户的功能要求进行的,完全满足客户的功能要求与操作习惯,并且可以保证网站的规模与功能进一步扩展与扩充。
第三、个性化的区别
模板网站几百个甚至上千个网站放置在同一台服务器上。即便是今天,很多公司的模板网站都一样非常简陋,相似度达到90%以上,好多网站除了LOGO不一样,栏目名称不同,其它完全相同,对浏览者来说,一点吸引力都没有,何来的网站流量与交易量呢?更加谈不上网站漂亮了。为什么这样?原因简单,模板网站不能修改模板,选好了模板,无法编辑,无法自定义模板,共享模板设计出来的页面,往往是一个呆板而雷同的页面,让人感觉死气沉沉。而网站建设定制开发就不存在上面的情况,都是根据客户的页面要求进行页面制作与设计,充分体现了网站的个性化,可以新增或修改页面布局,给浏览者完全不同的网站风格,让人眼前一亮。
每四、版权的区别
模板网站的版权是个问题,因为绝大多数的模板网站是来源于网上提供这种免费的源程序,版权没法保障,随时都可能受到举报或传票,一场官司下来,真是费时费力费金钱,特别是当您将网站搞到一定程度有模有样的时候突然出现这种情况,试想一下,您将要如何呢?而网站建设定制开发就不存在上面的情况,完全享有网页设计著作权。
第五、价格的区别
很多企业或个人在建站时,都会打探多个网络公司,从报价到设计等问题一一询问。很多朋友都把价格排在了第一位。大家应该知道,一分钱一分货,网站建设定制开发价格肯定要比模板网站高,因为定制开发的网站不管从人力成本、还是开发成本都是很高的,价格自然要高,而模板网站因为网站设计页面与功能千篇一律,都是现存的相同的,所以价格低。
如果公司或个人实力尚可,企业或个人建站最好选择网站建设定制开发,更能保证网站运行稳定、体现网站个性化、网站功能更加能满足实际需要、网站操作习惯更适合使用者,管理者管理网站方便。

7、网站设计的目的和意义

1 课题开发背:课题开发背景就是网站在市场中的需求,
2 课题目的:课题目的开发此网站的意义
3 课题意义:同上
二课题介绍及相关技术分析:
1总体设计思想:网站的整体框架
2网站开发工具分析:开发网站使用的技术,具体实现网站的功能步骤和难度分析.

8、动态网站设计与开发

动态网站的优势劣势

与静态页面网站设计不同,asp生成的动态页面信息不但不易被搜索引擎所检索,而且打开速度慢,再者也不稳定,这就是为什么这么多专业网站建设公司都一再建议客户使用静态形式的网站设计的原因,有些网站建设公司会考虑把页面进行伪静态处理,但不知道大家有没有注意过,伪静态处理的url通常是不规则的。

如今随着互联网技术的发展,越来越多的建站技术被应用到网站建设中来,一些开发语言也慢慢的被替换,之前,旭网科技给客户做的的网站很多是采用静态页面网站设计技术,但这样的页面也因为没有数据库作为支持而缺乏互动功能,因此动态网站制作技术也就慢慢的成为网站建设行业的主流。只是,如何把握好动态结合的最佳系数,不同的专业企业网站建设公司有不同的做法。

静态网页与动态的区别

程序是否在服务器端运行,是重要标志。在服务器端运行的程序、网页、组件,属于动态网页,它们会随不同客户、不同时间,返回不同的网页,例如asp、 php、jsp、asp.net、cgi等。运行于客户端的程序、网页、插件、组件,属于静态网页,例如html页、flash、javascript、 vbscript等等,它们是永远不变的。

静态网页和动态网页各有特点,网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少,如果网站功能比较简单,内容更新量不是很大,采用纯静态网页的方式会更简单,反之一般要采用动态网页技术来实现。

静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。

动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果必要使用静态网页,则可以考虑用静态网页的方法来实现,在同一个网站上,动态网页内容和静态网页内容同时存在也是很常见的事情。

9、网页设计与开发

网页制作:网页的排版,根据美工的设计,把版面效果实现成html网页。

相当于你定做衣服的时候,服装设计师设计好了款式,由裁缝来裁剪并缝制成成品。网页美工相当于服装设计师,网页制作人员就是裁缝。网站开发:顾名思义,网站是由很多网页组成的,它包含了网页制作。网站开发是按需求来设计版面,再来把一个个功能页面链接起来的“超级网页”。网站主要开发包含:版面设计(根据需求设计版面)、网页制作(把版面实现成html网页)、功能开发(比如留言评论、会员管理)这几块。

10、网站的规划与设计分别包括哪些内容

一、建设网站前的市场分析
1、相关行业的市场是怎样的,市场有什么样的特点,是否能够在互联网上开展公司业务。
2、市场主要竞争者分析,竞争对手上网情况及其网站规划、功能作用。
3、公司自身条件分析、公司概况、市场优势,可以利用网站提升哪些竞争力,建设网站的能力(费用、技术、人力等)。
二、建设网站目的及功能定位

与网站开发与设计相关的知识