2024年静态网页设计是啥 篇1
静态页面和动态页面的区别 一、静态web页面：1、在静态Web程序中，客户端使用Web浏览器（IE、FireFox等）经过网络(Network)连接到服务器上，使用HTTP协议发起一个请求（Request），告诉服务器我现在需要得到哪个页面，所有的请求交给Web服务器，之后WEB服务器根据用户的需要，从文件系统（存放了所有静态页面的磁盘）取出内容。之后通过Web服务器返回给客户端，客户端接收到内容之后经过浏览器渲染解析，得到显示的效果。2、为了让静态web页面显示更加好看，使用javascript／VBScript／ajax（AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。）但是这些特效都是在客户端上借助于浏览器展现给用户的，所以在服务器上本身并没有任何的变化。3、静态web无法连接数据库；4、静态web资源开发技术：HTML；5、由于现在的web页面中，大量使用JS，导致浏览器打开页面，就会占用大量的内存，服务端的压力是减轻了，但压力转移到了客户端。二、动态web页面：动态WEB中，程序依然使用客户端和服务端，客户端依然使用浏览器（IE、FireFox等），通过网络(Network)连接到服务器上，使用HTTP协议发起请求（Request），现在的所有请求都先经过一个WEB Server来处理。如果客户端请求的是静态资源(*.htm或者是*.htm)，则将请求直接转交给WEB服务器，之后WEB服务器从文件系统中取出内容，发送回客户端浏览器进行解析执行。 如果客户端请求的是动态资源（*.jsp、*.asp/*.aspx、*.php），则先将请求转交给WEB Container(WEB容器)，在WEB Container中连接数据库，从数据库中取出数据等一系列操作后动态拼凑页面的展示内容，拼凑页面的展示内容后，把所有的展示内容交给WEB服务器，之后通过WEB服务器将内容发送回客户端浏览器进行解析执行。 再进一步深入分析动态web的访问过程：浏览器访问web时，看似是直接访问的jsp页面，其实是，最先到达的地方是服务器，服务器创建好req和resp对象后再给jsp页面使用。在jsp中完成设置字符集和取得表单参数后再调用servlet，完成业务处理。然后返回到jsp，jsp就会生成相应的html页面。该页面会返回到服务器，再由服务器，通过response对象返回给客户端。 为什么需要web服务器？(web server)1）不管什么web资源，想被远程计算机访问，都必须有一个与之对应的网络通信程序，当用户来访问时，这个网络通信程序读取web资源数据，并把数据发送给来访者。2）WEB服务器就是这样一个程序，它用于完成底层网络通迅，处理http协议。使用这些服务器，We应用的开发者只需要关注web资源怎么编写，而不需要关心资源如何发送到客户端手中，从而极大的减轻了开发者的开发工作量。 常用动态web资源开发技术：JSP/Servlet、ASP、PHP等。 三、关于两者区别的简单直接的描述1、静态页面就是设计者把页面上所有东西都设定好、做死了，然后放上去，不管是谁在任何时候看到的页面内容都是一样的，一成不变（除非手动修改页面内容）。静态html页面文件，可以直接用本地的浏览器打开。比如：file:///Users/Phil/Documents/DevOps/HBuilderProjects/testJSP/index.html。2、动态页面的内容一般都是依靠服务器端的程序来生成的，不同人、不同时候访问页面，显示的内容都可能不同。网页设计者在写好服务器端的页面程序后，不需要手工控制，页面内容会按照页面程序的安排自动更改变换。3、html是w3c规范的一种网页书写格式，是一种统一协议语言，静态网页。我们上网看的网页都是大部分都是基于html语言的。jsp是一种基于动态语言，jsp可以实现html的所有任务，4、HTML（Hypertext Markup Language）文本标记语言，它是静态页面，和JavaScript一样解释性语言，为什么说是解释性语言呢？因为，只要你有一个浏览器那么它就可以正常显示出来，而不需要指定的编译工具，只需在TXT文档中写上HTML标记就可以正常显示。JSP（Java Server Page）是Java服务端的页面，所以它是动态的，它是需要经过JDK编译后把内容发给客户端去显示，我们都知道，Java文件编译后会产生一个class文件，最终执行的就是这个class文件，5、JSP的前身是servlet；6、html和jsp的表头不一样，这个是JSP的头“ <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>”在表头中有编码格式和倒入包等。也是很好区分的，在jsp中用<%%>就可以写Java代码了，而html没有<%%>。7、，不认识jsp或者asp什么什么的，但是有时候界面需要逻辑控制，所以我们就用相应的技术来实现，这样比较方便。而jsp在后台通过服务器解析为相应的html，然后在供浏览器识别显示。例如<%if(flag == a){<label>a<label>}else {<label>b<label>}%>服务器在读取到这段代码后，根据相应的业务逻辑，编译成相应的servlet，再由servlet输出到页面（输出的就是html）。 四、实验测试1、在HBuilder中创建jsp页面，其内置的web静态服务器不能解析jsp表头，只能作为文本显示输出，但是可以解析其中的html部分。浏览器不能直接打开jsp文件。jsp页面如果想正确的显示，需要web容器进行解析。2、在IntelliJ中创建web application，需要启动tomcat，才能运行jsp，可以顺利解析jsp的表头。
2024年静态网页设计是啥 篇2
首先告诉你，网页设计不难，相对于计算机其他课程而言，网页设计代码量较少，偏向于设计。你可以网上看视频，跟着视频操作一次，完成课程额任务，就可以掌握技巧了。
网页设计不同于ps设计美化图片，网页设计是制作网站的前端，分为静态网页设计和动态网页设计。静态网页设计主要是页面设计，涉及UI设计，如果你色彩感觉较高，排版搭配较好，选择这个比较好，或者你可以选择动态网页设计，使用JavaScript编辑代码使得网页动态化。下面来看看有哪些软件可以进行网页设计。
一、Photoshop这个软件，你应该听过吧，这个软件也可以制作静态网页。在制作拼接好一个网页首页后，对图片进行切割，另存为web格式，储存成为网页。你会得到一个文件夹，里面包括一个html文件和n个切割得来的图片。
二、Dreamweaver是制作网页的三剑客之一，你可以下载最新版本，进行设计网页。如果你该不会设计网页，不用担心，直接在你喜欢的网页上面，爬取网页数据，右击网页，选择查看页面源代码，复制粘贴到Dreamweaver内，即可学习到网页的基本结构。这个软件的最大特点是整个网站站点进行编辑，你可以在本地电脑打开IIS服务器后，本地浏览网站，实现网站的编辑。
三、C#语言支持的Asp.net，这个制作出来的网站也是比较全面，还可以连接数据库文件，搭建网站后台，也可以对网站后台页面进行设计，一般用于网站后台制作。但是这个软件安装起来较麻烦，所需要的内存也很大，可以使用上述的Dreamweaver替换。
四、notepad＋＋这个软件相对小，使用简便，直接对某个网页进行编辑修改，而且页面很友好，对于网页中的不同标签会显示不同的颜色，对于初学者，是很好的一个软件。
五、Hbuilder是主要面向H5页面开发的软件，H5是指html5这就是说在原来html的基础上增添了其他的标签，或者其他的元素结构和网页技术。这个软件的优势在于可以将整个网站打包生成我们手机应用即手机app和apk，其次，这个软件还可以开发小游戏，是非常不错的一个软件。
总体而言，网页设计不难的，只要你努力，一切都不是问题加油加油。
2024年静态网页设计是啥 篇3
PS，AI，sketch都可以，下面文章有介绍
【Mac 设计师必备的设计绘图软件 推荐与下载 - 今日头条】https://m.toutiaocdn.com/item/6658926999320396302/?app=news_article×tamp=1553185487&group_id=6658926999320396302&tt_from=copy_link&utm_source=copy_link&utm_medium=toutiao_ios&utm_campaign=client_share
2024年静态网页设计是啥 篇4
其实编程本来就是一个要求多练，多改的过程，仅仅是熟记于心确实容易产生力不从心的感觉。掌握知识和转化运用的衔接是大部分程序员在职业生涯的不同阶段都会遇到情况。如何顺利从了解知识度过到运用自如是非常重要的，而对于你没有思路写不出来的情况，可以通过补足上层思维，从上到下思考来解决。
网页的设计和开发不仅仅是搭框架写标签，遵照一个思维的流程，可以帮你解决思路烦乱的问题。
一、对你的页面进行规划
1. 明确网页的目的，是新闻资讯？图片展示？或者视频服务。明确了网页的类型可以决定你的网页重点。
一个新闻网站
一个公司网站
一个购物网站
1. 观察于你目标类似的网站，关注竞品网站情况，进行学习和复用。页面代码都是开放的，多看多学，会有不同的收获。
2. 通过1和2的步骤确定页面排版、导航栏功能、如果是整站设计，要确定好网站地图
一、从功能和使用角度出发
1. 确定网页需要提供的功能，先列出功能列表，包括不同功能的层级关系。从功能列表出发，思考网页应该提供什么样的服务，比如按钮、输入框、对话框等等
2. 整理客户提供给你的资源，例如文字材料、图片、视频资源。确定展现的重点，依据材料的多寡和质量分配页面布局。
3. 按照规划的架构实现简单的组件，化零为整解决问题。
二、学会使用框架开发。当你实在走投无路、脑子空白的时候，不是还有Bootstrap吗？
2024年静态网页设计是啥 篇5
想要做好网页设计，需要掌握的软件和技术还挺多的，但不建议都把这些技术掌握的很精通，毕竟人的精力是有限的，可以选择其中的一项技术来认真钻研，并达到熟练掌握运用。
一.视觉方面
如果你是设计专业或者对视觉有很浓厚的兴趣，那就可以选择做这个方向的网页设计，也就是通过设计软件，根据原型图或者草图制作高保真效果图。要做这方面的网页设计，需要掌握的设计软件有photosho,illustrator等视觉设计软件。
ps主要用来设计网页效果图和对效果图进行切片以及一些网页小元素的处理和制作，用处可以说相当大，学好PS就完全可以制作出精美的网页了。illustrator主要是处理一些矢量图形或者图标，辅助PS进行网页设计，这要看你哪个软件掌握的熟练，就以哪个为主。
掌握了基本的网页设计软件，下面就要多学习一些网页的基本知识，比如网页尺寸，网页布局排版等规范，这些需要长时间的练习和积累，要多看多想多做，慢慢你就会发现自己水平提高了，设计的网页也越来越专业和漂亮。
二.网页前端
这个方向的网页设计，需要掌握和精通前端html代码以及css样式js这些，也就是通过这些把ps设计好的效果图实现成可以通过浏览器浏览访问的网页页面。对代码有兴趣的朋友可以朝这个方向发展。
推荐使用的软件是Dreamweaver，方便易学，可以快速进行网页布局和css，当然随着学习的深入，你会知道其他很多前端设计软件，这里不再一一介绍。
上面介绍的是网页设计的两个方向，当然也可以两者都掌握，那就是全能型网页设计师了，很受欢迎。最好精通其中一个，另外的技术适当了解。
2024年静态网页设计是啥 篇6
您好！很高兴回答您的问题！
一、平面
平面设计是这三种设计里最“古老”的专业了，可以说平面设计是一切设计的鼻祖，学任何设计都绕不开它。因为所有的设计理论比如配色，排版，字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的，因为除了要了解基本的设计技巧以外也要了解材质，工艺等，不同的工艺和材质出来的效果也是千差万别，甚至在预算上都会差出好几个层级。
1.1载体
平面的载体在三类专业中算是比较多的，最常见的就是纸了，当然纸也分为了很多种，最常用的是铜版纸。铜版纸又根据克数的不同用途也有所区别。用到纸质的设计有画册，单折页，海报，杂志，名片等。这里关于名片多说一句，很多人说名片那么小的尺寸，如何才能有设计感？加的内容和装饰多了会显着很乱很拥挤，加的内容少了又给人的感觉没有设计感，这个问题如何解决呢？最简单的方法就是简约的设计+高档的纸+恰当的印刷工艺。不过这里所说的名片是比较高档的名片了，在公司里也是处于中高管理层的，一般的业务员因为分发的名片量比较大，所以就用最普通的纸就可以了，控制成本。
平面设计中还会用到的载体是喷绘和灯箱片用到的一种类似塑料的材质。此类材质的设计手法与其他设计无异，关于此类材质多说一句就是设计时的分辨率设置。一提到平面设计的分辨率很多人的第一反应就是300，这是个绝对的误区，其实在平面中也会用到150，72，甚至30。那这是如何划分的呢？最简单的一种解释方式就是阅读距离。一般捧在手上看的设计分辨率为300，比如杂志／单折页／画册等，因为阅读距离很近，如果分辨率比较低，会出现很明显的不清楚情况。
再有海报的设计一般是挂在墙上的，我们阅读时是有一些距离的，所以分辨率设置为150到200即可，很多人会问设计成300可不可以？当然可以，但有几个前提，首先你能找到那么大尺寸同时是300分辨率的素材图片，再有就是你的电脑是不是都能够带起来这么大尺寸同时分辨率又很高的文件，还是建议大家不要尝试了，结果一般比较惨。
再有还有72和30的分辨率，此类分辨率会用在阅读距离更远的设计上，比如马路上的大型围挡，商场大厦外面的五六层楼高的大型海报。
最后要提的一个材质是最近几年流行起来用的比较多的就是电子屏，在商场大厅，电梯墙壁，写字楼前台等地方现在都会用到电子屏来展示一些海报／通知／活动等。此类材质的好处就是更新内容方便，节省印刷成本，最重要的是没有印刷后果。印刷的风险比较大，因为印刷不可逆，印刷出来后出现了问题，基本没有补救的措施，而电子屏则没有这个风险。当然它的缺点就是没有很强的流通性，一般只能在固定的一个地方进行展示。
1.2用途
平面设计包含的品类是比较多，常见的画册／海报／单折页／名片／书籍装帧甚至包装等传统设计基本都是平面设计师的工作。除了这些印刷品以外还有logo设计，VI设计等工作。平面设计的品类就是比较多，所以想做一个优秀的平面设计师没有个几年的历练是很难达到的，这也是最初平面设计师转UI设计师和电商设计师比较容易比较多而网页转平面不容易的原因所在了。
平面设计师设计出来的内容很多，刚才提到了logo，VI我们统一称为品牌设计。画册，海报，包装我们统一称之为物料设计。两类设计统一归放到平面的名下一定是有原因的，品牌设计是用来宣传企业品牌的，规范企业的设计视觉，统一企业的宣传口径。
画册，海报，包装等物料是用宣传企业产品的，使自己的产品在原有的基础上更具商业价值。最具代表性的就是包装，我们经常会看到很多普普通通的产品包裹上漂亮的包装后，价格就会成倍的增长。所以不管是品牌也好还是物料也好都是用来做“宣传”的。这也是平面设计师最鲜明的特点，设计出来的东西用来做宣传。这个东西本身并不是产品，也不具备什么商业交易价值，都是为了公司为了产品服务的。
1.3技能
因为平面设计师需要做的内容涵盖的比较多，所以对于技能方面的要求也比较全面。比如除了最基本的PS／AI／ID等设计软件以外，还有了解到排版印刷工艺，材质使用，字体设计等。如果各位将来是做平面设计的话，印刷材质是关键，就像刚才说名片时提到的，同样的设计，如果材质不同给人的感觉也是完全不一样的。所以这一块除了看书学习以外，更直接的方式就是泡在印刷厂里，跟着老师傅走几遍流程，学到的东西会受益匪浅的。
二、网页设计
网页设计在现在的工作中又分成了两个工种，一种就是常规的网页设计师，设计企业的官网，或者是一些具备功能性的网站。另一种是电商设计师，在五年前，这个工种依然不被人看重，即便是现在也有很多电商企业称自己家的设计师为美工，这也就造成了很多设计师会不愿意来做电商设计，更不想承认自己是美工。但实际上做的好的电商设计师工资也是非常可观的，尤其是在一些大型的店铺，此类店铺的视觉自然也是能够在圈里数一数二的了。
2.1载体
网页的载体比较单一，在之前就主要是在PC端运用，后来移动互联网的流行与普及，使得网页在手机上也流行起来，还有平板等。为了保证能够多端正常显示，在html5和css3的帮助下流行开的一个名词叫着“响应式设计”，也就是使我们的网页能够在任何平台上都正常显示。
2.2用途
刚才我们说平面设计时提到了一个名词就是“宣传”。如果给网页也用一个名词概括的话，我觉着就是“载体”。没错，网页本身就是载体，企业站乘载了公司的产品信息，企业文化，品牌宣传等，是普通人了解一家企业的最基础入口。而类似于天猫淘宝此类的功能性网站，也是将网页作为了一个平台一个载体，来进行产品的销售的。网页本身是一个“容器”，里面“装”的内容决定了一个网页的价值。
2.3技能
在说平面时我提到了平面设计师转网页设计师是比较好转的，因为网页设计师同样需要具备对于色彩，排版和字体的敏感度。软件除了要会PS和AI以外还要需要了解Html和Dw。这里一定要跟大家强调的是网页视觉设计师不用对代码有非常深入的研究，因为在一家健康的运行公司里网页视觉设计师和前端工程师是两个工种。对于代码的态度是了解基础即可，深入了解如虎添翼。如果是做电商设计的话，从现在的趋势和2016年双十一的店铺设计来看最近一年是3D轻质感的天下，所以有心的设计师一定要会一款3D软件，市面上很多，3D MAX／MAYA／C4D等，给大家推荐的是C4D，出效果易上手。
三、总结
设计这个行业是一个充满了很多无奈的地方，表面光鲜，后面因为客户、资金、想法等所经历的坎坷只有自己体验了才知道。之前说过一句话，如果是因为看到了这个行业挣钱就来这里做的话，可以，没有问题。但是如果你很难使自己喜欢上设计的话，那还是奉劝各位需要慎重啊。因为如果不是真心喜欢的话，挣在再多钱也很难坚持下来，半途而废虎头蛇尾的事在这行里很常见的。
最后我一直跟人分享的一句话就是师父领进门 ，修行在个人。作为设计师你需要了解的是这个世界上最新的东西，紧跟时代，任何新东西的产生没有设计师是出不来的。所以无论是科班出身还是专业培训，一直都要做的就是自学。不要想着通过喷几句大品牌的设计来凸显自己的逼格更高，你自己的专业度和审美是无法和苹果几百人的团队来比拼的。喷Instagram的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品，找出好处加以学习使自己进步。
最后说一句设计这个行业对于学历没有特别的门槛，你可以没有学历，但不能停止学习。