网页设计概述

简介: 网页设计概述

⛷️hello,大家好,以后我将带领大家学习基于HTML5的网页设计及应用(HTML,CSS,JavaScript),今天我们学习第一章《网页设计概念》。


⏳网页的前世今生:

       1)互联网和网页的诞生。

       2)网页的发展。

       3)网站和网页。

注释:我想大家对这些也不感兴趣,所以就不一 一介绍了,感兴趣的小伙伴可以自己上网查查。


⏳网页的相关术语:

       1)WWW:是Internet提供的一种服务——网页浏览服务。


       2)URL:Web的地址,及网址。


       3)HTTP:可以保证用户请求的文档准确无误地到达客户端。


       4)Web:通常称为网页。


       5)W3C:万维网联盟。


       6)Web标准:是一系列标准的集合。


⏳网页设计基础知识:

       🤖网页的尺寸:

       分辨率:是屏幕显示的精密度,是指显示器所能显示的像素。


       像素(Pixel,简写为px):是一个用来计算图片尺寸的单位。


       网页的基本尺寸:设计师要根据不同浏览器设备设定不同的网页尺寸。

       🤖网页的颜色:

       三原色:红,绿,蓝。

       这里先不详细讲,在以后的章节中会讲到它的应用。

       🤖网页的布局:

       网页的布局方式:

       1)自适应布局又称为流式布局。

       2)固定布局。

       网页布局技术:

       1)表格布局。

       2)DIV+CSS布局。


⏳网页设计流程:

       1)原型设计

       2)网站效果图设计。

       3)静态页面编写。

       4)程序实现。

       5)测试。

       6)交付使用。


       🎃以上是网页设计的第一章的所有内容。希望相关行业大佬看到文章的不足后,可以在评论区指正。

相关文章
|
6月前
|
编解码 前端开发 搜索推荐
构建响应式网页设计的最佳实践
【5月更文挑战第17天】构建响应式网页设计的关键在于提供跨设备的优质体验。本文总结了8大最佳实践:1) 移动优先设计,2) 流式布局,3) 灵活处理图片和媒体,4) 使用CSS媒体查询,5) 简化导航和布局,6) 优化字体大小和行高,7) 考虑触摸和手势支持,以及8) 不断测试与调试。通过这些方法,开发者能创建适应各种屏幕尺寸且用户体验优良的网站。
|
6月前
|
编解码 移动开发 前端开发
响应式网页设计原理与实践
【2月更文挑战第4天】 在当今互联网时代,响应式网页设计成为了各大网站和应用开发的必备技能。本文将介绍响应式网页设计的原理和实践,包括媒体查询、流动布局、弹性图片等技术,帮助读者了解如何创建适应不同设备和屏幕尺寸的网页。
150 6
|
Web App开发 XML 前端开发
Web前端开发概述(二)
随着Web的不断迭代更新,前端开发技术的不断发展,前端开发由此发生了很大的变化,网站不再是承载单一的文字和图片的信息提供者,软件化的交互形式为用户提供了更好的用户体验,前端的发展也更注重用户的交互作用,用户称为了网站内容的浏览者和提供者,网站需要更简便,更快捷的前端技术来实现。
Web前端开发概述(二)
|
XML 域名解析 前端开发
Web前端开发概述(一)
经过一段时间的整理和复习,我决定出《前端开发三剑客》这个专栏,想要学习前端开发,其基础知识必须稳扎稳打,这个专栏我打算从0开始详细的整理和总结一遍HTML,CSS,JavaScript三大部分。哈哈,其实我本人基础的也有很多东西都忘记了,这个问题我相信在很多人身上都有,很多东西不经常用,时间长了,自己也记得不太清了。所以我通过写博客的方式,再次帮自己复习前端的基础知识,同时呢,也希望我整理和总结的文章对于想学前端的小伙伴们有帮助。那么,废话不多说,在接下来的一段时间里,我将持续更新这个专栏。
Web前端开发概述(一)
|
编解码 前端开发 程序员
网页设计有什么标准?细说网页设计的6大规范
随着用户认知提升,网页设计也在不断的向前发展,同时也逐步形成了一些规范,比如网页尺寸、文字规范、图片规范、按钮设计、表单设计、自适应设计与响应设计等。接下来小编跟你详细分享网页设计规范,以便您在设计之前一定要和前端沟通使用的尺寸、字体、交互等。
512 0
网页设计有什么标准?细说网页设计的6大规范
网页设计大概步骤
网页设计大概步骤
90 0
|
前端开发 JavaScript 定位技术
网页设计基础知识汇总——超链接
网页设计基础知识汇总——超链接
146 0
|
人工智能 UED SEO
网页设计如何进行?详解网页设计的8大流程步骤
清晰的工作流程可以让工作更好的完成,网页设计工作也不例外,网页设计通常会包含需求调研、搜集资料、网站主题确定、结构规划、主题元素构建、选择配色方案、设计实现以及反馈修改这几个步骤。
1159 0
网页设计如何进行?详解网页设计的8大流程步骤
|
前端开发 算法 JavaScript
前端网页设计(笔记内容十)
前端网页设计(笔记内容十)
106 0
前端网页设计(笔记内容十)
|
Web App开发 搜索推荐 UED
网页设计需要注意什么?详解网页设计的8大注意事项
一个合理的布局和清晰的网页可以让访问者感到舒适,并愿意花时间去了解更多的内容,网页设计的设计风格、色彩、页面层次、实用性、交互性、兼容性以及SEO布局等方面,企业在进行网页设计前都是需要考虑的。
544 0
下一篇
无影云桌面