网页设计与制作学习

1. HTML概述

HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。

(1)HTML 指的是超文本标记语言: HyperText Markup Language
(2)HTML 不是一种编程语言,而是一种标记语言
(3)标记语言是一套标记标签 (markup tag)
(4)HTML 使用标记标签来描述网页
(5)HTML 文档包含了HTML 标签及文本内容
(6)HTML文档也叫做 web 页面

网页的构成

网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。

特殊的符号和文本

         

浏览器渲染    

   

除首页之外,一个网站通常还包含多个子页面。网页与网页之间通过超链接互相访问。

网站由网页构成,网页有静态和动态之分。

静态网页是指用户无论何时何地访问,网页都会显示固定的信息,除非网页源代码被重新修改上传。

动态网页显示的内容则会随着用户操作和时间的不同而变化。

大部分网站都由静态网页和动态网页混合组成,两者各有千秋,用户在开发网站时可根据需求酌情采用。

HTML文件的基本结构

  1. <html >

  2. <head>

  3. <title>第一个页面</title>

  4. </head>

  5. <body>

  6. hello world

  7. </body>

  8. </html>

2.网页、网站和主页


网页是我们上网时在浏览器中打开的一个个画面。网站则是一组相关网页的集合一个小型网站可能只包含几个网页,而一个大型网站则可能包含成千上万个网页,如新浪网就包括新闻、财经、科技、体育、娱乐等多个板块,而每个板块又包括很多网页。另外,打开某个网站时显示的第一个网页被称为网站的主页(或首页)。

2.1 LOGO设计

网页的构成元素网页中的元素按功能可分为站标、导航条、广告条、标题栏和按钮等。站标他称Logo,是网站的标志,其作用是使人看见它就能够联想到企业。因此网站 Logo通常采用企业的Logos。Logo一般采用一含企业文化和特色的图案,或是与企业名称相关的字符或符号及其变形,当然也有很多是图文组合。

2.2 导航条

导航条可以说是网站最重要的组成部分,它是一组链接到网站内主要页面的超链接组合,通过单击这些超链接,浏览者可以轻松找到网站中的各个页面,导航条也因此而得名。同时,导航条也是网站中所有重要内容的概括,可以让浏览者在最短时间内了解网站的主要内容。

2.3 广告条

广告条又称 Banner,其功能是宣传网站或为其他商品做广告。Banner的尺寸可以根据内容或版面需要来安排。标题栏不是指整个网页的标题栏,而是网页上各版块的标题栏,是各版块内容的概括。它使得网页内容的分类更清晰、明了,大大地方便了浏览者。按钮通常是启动某些装置或机关的开关。


3.网页的本质

网页究竟是由哪些文件组成的呢?一般情况下,网页中除了包含网页文件(扩展名为 hml、asp等)外,还有图像文件(扩展名为.jpg、.gif等)、脚本文件 (扩展名为.js)、样式文件 (扩展名为.css)以及视频文件(扩展名为.avi、.flv等)等。

 网页颜色的选择与搭配设计网页时,可根据以下原则确定网页的背景色和主色调,并进行颜色搭配。

(1)网页背景颜色最好选择白色或黑色(大部分网页选择白色),这样颜色搭配最灵活

(2)可根据网站性质确定网站主色调,并且该主色调应贯穿于网站中的全部网页

(3)设计网页时恰当利用同类色、邻近色和对比色,可增强网页的层次感、丰富网页的色彩或突出某些重要内容。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值