web前端开发需要掌握哪些知识点?「学习笔记(大全)」.pdf

web前端开发需要掌握哪些知识点?「学习笔记(全)」

01前端学习标(基础)

主要学习PC端站布局。

最终站:某宝静态站。

的:精通页布局(能够模拟站的任何个静态页),也是我们前端员的必备技能,为后学习JavaScript打下坚实基础。

02前端学习路线(基础)

HTML5基础:学习HTML5基础,主要学习最常见的没有兼容性的HTML标签。

CSS3基础:学习CSS3基础,主要学习最常没兼容性的CSS样式。利前学习的标签完成传说的PC端页布局。

综合案例:传统企业页制作。

H5C3提:学习HTML5新增的标签、CSS3样式,有定兼容性,可以与未来更好地接轨。

项:某宝电商站。综合以前学习的知识点,贴近于实际开发,制作品优购电商站,完成页、列表页、注册页制作。

的:学习页制作实际开发制作流程规范。

03什么是HTML

1、页的基本组成

什么是页?

页是站中的“页”,通常是HTML格式的件,它要通过浏览器来阅读。

页是构成站的基本元素,它通常由图、链接、字、声、视频等元素组成,通常我们看到的页,常见以**.htm或者.html后缀结

尾的件,因此,将其俗称为HTML件**。

2、什么是HTML

HTML指的是超本标记语(HyperTextMarkup

Language),它是来描述页的种语。

HTML不是种编程语,是种标记语。

标记语是套标记标签。

所谓超本,有2层含义:

1、它可以加图、声、动画、多媒体等内容(超越了本限制)。

2、它还可以从个件跳转到另个件,与世界各地主机的件连接(超级链接本)。

页的形成:

页是由页元素组成的,这些元素是利html标签描述出来,然后通过浏览器解析来显给户的。

前端员开发代码——浏览器显代码(解析、渲染)——成最后的web页。

页总结

1、页是图、链接、字、声、视频等元素组成,其实就是个html件(后缀名为html)。

2、页成制作:有前端员书写HTML件,然后浏览器打开,就能看到了页。

3、HTML:超本标记语,来制作页的门语,有标签组成的,如图标签、链接标签、视频标签等等。

实操:制作张页,然后在该页中放张图。

第步,创建张“记事本”。

第步,在“记事本”输段代码,插图。

imgsrcsrc1.jpg1.jpgimg

第三步,修改“记事本”的后缀名为“.html”。

第四步,打开这张“.html”件,可以打开张页。

这篇章是我在看视频的笔记,初衷是给零基础的萌新看的,所以会写得详细点,包括接下来的源代码和演,也会全部贴上来,本会

不定期更新。

3、常的浏览器有哪些?

页是通过浏览器来展的,浏览器是页显、运的平台。常见的浏览器有IE、狐Firefox、歌Chrome、Safari和Opera等,平时

成为五浏览器。

浏览器内核(渲染引擎):负责读取页内容,整理讯息,计算机页的显式并显页。

这些了解下就可以了,不记。

**

04、web标准的三组成部分

web标准是什么?

web标准是由W3C组织和其他标准化组织制定的系列标准的集合。W3C(万维联盟)是国际最著名的标准化组织。

为什么需要Web标准?

浏览器不同,它们显页或者排版就有些许差异。

由于不同的浏览器解析出来的效果可能不致,开发者常常需要为多版本的开发艰苦作。——通过web标准——展统内容。

Web标准的构成(重点)

主要包括结构、表现和为三个。

结构:于对页元素进整理和分类,现阶段主要学的是HTML。

表现:于设置页元素的版式、颜、等外观样式,主要指的是CSS。

为:页模型的定义及交互的编写,现阶段主要学的是JavaScript。

Web标准提出的最佳体验案:结构、样式、为相分离。

简单理解:结构写到HTML件中,表现写到CSS件中,为写到JavaScript件中。

05HTML语法规范

5.1基本语法概述

HTML标签是由尖括号包含的关键词,如****。

HTML标签通常是成对出现的,例如和,我们称为双标签。标签对中的第个标签是开始标签,第个标签是结束标签。

THE END
1.网页设计(HTML+css)笔记网页设计笔记网页设计(HTML+css)【笔记】 一、互联网基本概念 1、关于WWW: 1)WWW是World Wide Web的缩写,常翻译为 “万维网” 、 “环球信息网”等,简称为Web、 WWW、3W、W3等。 2)它分为Web客户端和Web服务器程序。 3)3W可以让Web客户端(一般为浏览器)访问 浏览Web服务器上的页面。https://blog.csdn.net/weixin_52102581/article/details/134156209
2.网页制作——笔记网页制作——笔记 代码…… ※一、什么是网站?网站以网页的区别 网页是可以包括文字、图片、动画、视音频等内容的一个基于HTML标准的页面。而网站就是Webmaster将不同内容的网页按一定规律组合在一起,并互相加有超级链接的网页集群。 ※二、网站的访问机制https://www.jianshu.com/p/257b8e9fdc84
3.WebUI设计理论学习笔记Web UI设计理论学习笔记 web-ui是什么--网页的界面设计 UI就是用户界面,包括三个方向:用户研究,交互设计,界面设计。 WUI是网页用户界面。wui设计与常见网站建设的区别是,wui注重人与网站的互动和体验,以人为中心进行设计。 关于屏幕分辨率 确定计算机批屏幕上显示多少信息的设置,以水平和垂直像素来衡量。显示分辨率https://www.imooc.com/article/20171
4.网页设计5(学习笔记)在最新版Photoshop网站Web预设尺寸给了我们一些启示:常见尺寸(1366x768px)、大网页(1920x1080px)、最小尺寸(1024x768px)、Macbook Pro13 (2560x1600px)、MacBook Pro15(2880x1800px)、iMac 27(2560x1440px)等。这些是主流尺寸,而我们如果做网站时建议按主流的分辨率1920x1080px来设计。所以我们通常设计网站时的https://maimai.cn/article/detail?fid=592065474&efid=x8R687acOurcKppWYmUMGw
5.一份Web网页设计总结,请查收对于正在学习 Web网页设计的设计师们和爱好者们或许会需要一份全面的 Web 网页设计总结,这里有一份我整理的总结,说不定会帮到你,让你在工作中脱颖而出。本文不仅会详细讲述Web网页的定义,还会从网页设计的全流程、种类以及要素角度解答你的困惑,同时,在最后为大家带来网页设计规范,比如排版设计规范、文字设计规范、https://js.design/special/article/web-page-design-summary.html
6.《瞬间之美》读书笔记:Web界面设计如何让用户心动?今天跟大家分享的是《瞬间之美》之Web 界面设计如何让用户心动? 本书分为七个部分,第一部分到第三部分讲用户进入网站前30秒内做的事;第四部分到第六部分讲用户在深入网站时要做的事;第七部分关注用户离开网站,不管是暂时离开还是永久离开时要发生的事。 https://www.uisdc.com/design-moments-web-design/
7.HTML网页设计基础笔记?第8章页面布局与规划HTML网页设计基础笔记 ? 【第8章 页面布局与规划】,全部章节>>>本章目录8.1表格布局8.1.1表格布局8.2流式布局8.2.1瀑布流布局8https://blog.51cto.com/vmuu/5041628
8.web技术学习笔记和分享学习用途,个人开发,用于学习前端,java,python.主要用于这些技术的相关笔记记录,测试和技术分享http://kirk.wang/notes/canvas/15.html
9.webHTML学习笔记web-HTML学习笔记 一、link 知识点:target属性:view_window、view_frame、_blank、_self、_parent、_top 1、view_window (1)开始页面如下图 (2)点击A链接打开新窗口如下图 (3)回到开始页面,再次点击B_1链接,在打开的A窗口中显示B_1窗口如下图https://www.code456.com/article/3582955.html
10.自学考试《网页设计与制作》听课笔记(2)自考串讲笔记7.加强了数据库访问能力,提供了许多设计时控件,使WEB页面与数据库进行联系的能力得到加强。 FrontPage主要功能: 1.创建和管理Web站点;2.制作网页;3.发布站点;4.维护站点。 非商业组织的网站风格: 1.强调页面的主色调; 2.主题图形要求反映单位的风采,设计应有创意、有内涵,庄重中不乏活泼; https://www.hbzkw.com/exam/20081108201606.html
11.10.网页设计·初柒的笔记文档·看云JavaWeb 本文档使用 看云 构建10.网页设计网页设计 1.UI设计什么意思 人机交互,操作逻辑,界面美观 2.网页的定义 我们要根据产品的【功能和定位】向浏览器者传递出一个合适的信息,对网页【功能的策划】【设计的美化】【操作体验】进行一个整体的提升,网页时【对面宣传】【提升品牌形象】的重要表现形式。 2.网站种https://www.kancloud.cn/wpj0220/java/2534620
12.网页设计与制作知识点笔记4.响应式设计 随着移动设备的普及,网页设计需要考虑不同设备上的显示效果。要采用响应式设计的技术,使网页在不同设备上都能够以最佳的方式展示。 总结: 以上是关于网页设计与制作的一些知识点笔记。通过对网页设计的基础知识、工具、布局方式以及设计要点的介绍,我们可以了解到设计一款优秀的网页需要考虑很多方面的因素https://wenku.baidu.com/view/d338a845d6bbfd0a79563c1ec5da50e2534dd1d5.html
13.web网页设计心得(通用13篇)web网页设计心得(通用13篇)2 设计工作是痛苦与快乐的炼狱,每当面临新的设计任务时,因为觉得自己的水平不够,感觉充满了压力,开始搜集各种资料,接下来寻找设计灵感,沉思、焦灼,每当经过艰苦的磨砺,自己的劳动成果得到肯定时,便是工作中最大的快乐!充满了快意。 https://www.yjbys.com/xuexi/xinde/3526339.html
14.web网页设计学习心得(通用18篇)web网页设计学习心得(通用18篇) 当我们经过反思,有了新的启发时,写一篇心得体会,记录下来,从而不断地丰富我们的思想。那么如何写心得体会才能更有感染力呢?以下是小编为大家收集的web网页设计学习心得,仅供参考,大家一起来看看吧。 web网页设计学习心得 1 https://www.ruiwen.com/xuexixinde/6638276.html
15.网页设计知识点(通用6篇)第四节 网页设计的基本流程 一、网站的设计流程 二、网页的设计与制作 三、网页的测试 四、网页上传和发布 第二章 HTML语言基础 6学时 教学目的: 了解HTML文件的基本结构,掌握HTML中文本的编辑及图像的语法,掌握HTML中各种设置超级链接的语法,掌握HTML中表格和框架的基本语法。 https://www.360wenmi.com/f/fileft3mkczy.html
16.笔记之heightminheight的区别详解CSS教程CSS下面小编就为大家带来一篇Web前端新人笔记之height、min-height的区别详解。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用! 【如果你想靠AI翻身,你先需要一个靠谱的工具!】 https://www.jb51.net/css/457104.html