|
|
eb前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。
Web前端的分类：前端设计和前端架构。
HTML结构语言：超文本标记语言。
通过各种标记符号（标签）来代表网页中的内容元素、将网页中的内容结构化。
特点：通过浏览器来解析、文件名为html或htm。
2. CSS样式语言（样式表）：实现表现与结构分离的样式设计语言。
控制网页的视觉表现及简单交互。通过浏览器来解析，文件名为css。
3. DW编码软件（dreamwaver）
两大主要功能：网页编程和管理网站。推荐版本：CS6/CC。
相关资源：1.HTML参考手册+CSS参考手册 2.DW软件安装 3.多款浏览器
网站的结构
网站是存放在服务器上的一个文件夹（根目录），是网站所有文件的集合。
网站中的各种文件按照文件类型或功用分门别类的整理存放。
文件的命名规则
网站中的所有文件命名全部用英文字母、数字、下划线、连字符的组合，其中不得包含汉字、空格和特殊字符。
尽量采用语义明确简单地英文单词命名。
常见命名
文件/文件夹 常见命名
静态首页文件 index/default
图片文件夹 img/images
样式表文件夹 css/styles
脚本文件夹 js/scripts
字体文件夹 fonts
模板文件夹 templets
媒体文件夹 medias
DW：建站/管理网站
1.文件面板
2.新建（关联）站点
新建web文件
html静态网页文件（类型为HTML5）
CSS样式表文件
编码视图
使用代码视图敲代码
使用真实浏览器查看页面效果
通过代码的缩进/凸出排版
通过标签选择区查看层级关系
html语言的注释方法
<!--注释内容-->
HTML文档基础结构
<!--html语言中的注释-->
<!doctype html><!--html文档的文档类型声明：这是一个html的文档，版本是5-->
<html><!--html标签：html文档正式开始-->
<head><!--html文档的头部区域开始，主要是用来说明html文档的一些相关属性或者设置-->
<meta charset="utf-8"><!--meta标签：元信息标签，用来给网页添个组成部分：标签、属性、值：
语法结构：<标签名 属性=“值” 属性=“值”>...</标签名> 如：<meta charset="utf-8">
标签可以拥有属性，属性和值都卸载开始标签的尖括号中。
标签和属性之间用空格分割，多个属性之间也用空格分隔。
如果属性有对应的值，则属性和值之间是等式关系，且值需要写在英文引导中。 |
|
发表于 2022-5-8 18:38:54
