记录-web前端（概述，网页设计相关程序语言，网页设计的流程)

web前端开发

概述

web：web系统
前端：网页上为用户呈现的部分
后端：与数据库进行交换，完成数据存取
开发：编写代码
web系统：以网站形式呈现，通过浏览器访问，完成一定功能的系统

网站（web site）：互联网上用于展示特定内容的相关网页的集合
网页（web page）：网站中的一页，一个网站中的网页通过"超链接“的方式被组合在一起，“是Internet展示信息的一种形式”

依据网页的位置，可以分为主页和内页
🌂主页：进入网站看到的第一个网页，主页的文件名通常是index
🌂内页：依据主页中的超级链接，打开的网页就是内页
依据表现形式，可以分为静态网页和动态网页
🌂静态网页：是指用HTML语言编写的网页，在浏览网页时，浏览者和服务器不发生交换
🌂动态网页：是指使用ASP、PHP、JSP、ASP.NET等程序生成的网页，可以与浏览者进行交换，也称谓交互式网页
网站元素，logo站标、导航栏、文字超链接、banner广告横幅、表单、内容模块、版尾模块

浏览器：解析网页源代码，渲染网页

网页设计相关的程序语言

HTML、CSS、Script脚本是网页设计最核心也是最基础的技术
HTML的主要功能是定义网页的基本结构

• HTML（超文本标记语言）：HTML是W3C所提出，主要的用途是制作网页
• HTML是由“标签”和“属性”所组成，统称为元素，浏览器只要看到HTML源文件，就能解析成网页

CSS的主要功能是定义网页的外观

• CSS（层叠样式表）：定义网页的编排，显示及特殊效果

JavaScript脚本的主要功能是定义网页的行为

• 浏览器端script常用的有VBscri和JavaScript

网页设计的流程

1. 前期策划组织
   明确目标，规划网站栏目
   网页配色
   网页的版式

2. 网页的制作
   草图转换为网页

3. 网页的测试