Dw基础课-网站常见元素及CSS基础(字、链接)

来源:互联网 发布:试题库数据库设计论文 编辑:程序博客网 时间:2024/06/06 08:56

网站常见元素

网页常见构成元素:文字、图片、特效

  1. 文字:字体、大小
    字体常见宋体、微软雅黑(Microsoft Yahei)
    宋体大小在12或14px
    微软雅黑字体在12px以上
  2. 图片:格式、大小
    图片常见格式有JPG/PNG/GIF,其中PNG/GIF均可为透明底,但GIF只有256色
    图片大小量级控制在KB
  3. 特效:Javascript/Canvans

网页中对大图(500KB以上)需要进行切片,每张控制在200K左右,即可保证大图质量,又可提高网页加载速度


静态、动态网页区别——网页是否连接数据库

  1. 动态(.aspx)-维护方便、查询方便//制作成本高,需要专业人员
  2. 静态(.html)-打开快、容易被搜索、安全//维护繁琐,无后台

网页常见结构

<html>  <head>     <titile>     </title>  </head>  <body>  </body></html>

网页首页文件通常命名为 index.html / default.html


CSS(Cascading Style Sheet)

CSS的代码实现

<html>  <head>     <titile>     </title>     <style>        .sty1{            font-family:"宋体";            font-size:16px;            ....        }     </style>  </head>  <body>  </body></html>

即在head下调用style标签,并以英文字符“.”为开始,加样式名,开始规定样式属性

  1. 常见样式
    1.1 font-family:字体
    1.2 font-size:字号
    1.3 color:颜色
    1.4 line-height:行高(通常为字体大小X2±3),即行间距
    1.5 font-weight:加粗/变细,通常有normal/bold/bolder/…
    1.6 text-indent: 通常为字体X2,完成段落的首行缩进

  2. 超链接
    格式为a href=”地址”

    HTML页面属性中进行超链接的字体设置,通常“链接”、“已访问”同色;“变换”、“活动”同色

image