博客园 首页 私信博主 显示目录 隐藏目录 管理 动画

网页设计基础笔记

网页设计基础

1、 url 统一资源定位符

2、 网站的制作流程:客户的需求分析 策划方案  制作  测试 使用  售后

3、 HTML 超文本标记语言

4、 制作网页的工具:1、记事本 2、Dreamweaver  3、sublime  4、  vs

5、 网页基本结构

 

<DOCTYPE html>---文档类型声明

<html>---- 结构

   <head>----头部

        <meta  charset=”UTF-8”>---字符编码:UTF-8英文版国际通用GB-2312或GB-2313简体中文版

        <title></title>---网页标题

   </head>

   <body>

   </body>----主体

</html>

 

注意:1、标签不区分大小写

           2、标签分为单标签和双标签

           3、标签要写尖括号里,用/ 结束(闭合)

           4、内容放在双标签之间

           6、 标签的分两类: 单标签和双标签

     单:meta img hr br

     双:html  body  title

7、 站点

  1、 必备的文件    index.html主页 (或 default.html 默认主页)  style.css

  2、 常用站点文件夹  css  html images

8、 文件和文件夹的命名规则

  1、 只能用字母 下划线  数字

  2、 不能用中文

  3、 不能数字开头

  4、 最好见名知意

 

PS部分

1、 专业的切图工具:切片工具

2、 网页图片三种格式:png(支持透明)   gif(支持透明)  jpg(jpeg) 颜色丰富成千上万种

3、颜色有三种表示方式:

  1、英文单词

      red红色  green 绿色 blue蓝色

      2、十六进制

         #000000 简化#000 黑色   

         #ffffff 简化#fff 白色

        #f00 = #ff0000红色 #0f=#00ff00绿  #00f=#0000ff蓝色

  3、RGB

    例如 rgb(255,0,0)红色,最大不超过255

4、PS快捷方式

     1、F8显示隐藏信息面饭

     2、Ctrl+R显示隐藏标尺

     3、Ctrl+T 自由变换

     4Ctrl++放大     Ctrl+-缩小   Ctrl+滚轮

     5、Ctrl+A 全选     Ctrl+C复制    Ctrl+V  粘贴  Ctrl+X 剪切  Ctrl+P打印

posted @ 2021-07-15 11:15  CHANG_09  阅读(100)  评论(0编辑  收藏  举报