第1讲 网页、网站制作基础

《第1讲 网页、网站制作基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计主讲人：赵莉山东建筑大学商学院Email:zhaoli0531@126.comTel：139640627501.电子商务专业基础必修课，总学时：56学时2.主要内容：网页设计及静态网站制作的基础知识3.实践性强：上机实验28学时+期末课程设计2周4.学习方法：课堂学习、上机练习和课余学习相结合5.考核方式：期末考试70%；上机实验20%；平时10%《网页设计》课程情况介绍网页设计基础知识（2课时）（教材第1章、第2章2.1、2.3)；2.HTML基础（4课时）（教材第3章3.1-3.7）；CSS基础（4课时）；（教材第3章3.8）4.网页

2、艺术设计基础（2课时）（教材第1章2.2）；5.Fireworks网页图像制作基础（4课时）；（教材第8章）6.Dreamweaver网页制作基础（6课时）；（教材第5章）7.JavaScript入门（2课时）；8.网站建设流程、网站建设新技术展望（2课时）；9.网站的测试发布、宣传与维护（2课时）。（教材第6章）《网页设计》课程学习内容介绍《商务网站页面设计技术》刘继山编著东北财经大学出版社《网页设计创意与编程》魏善沛编著清华大学出版社《Dreamweaver完美网页设计》王劲松编著推荐参考书目1.1网页与网站的关系1.2构成网页的基本元素、网

3、页的功能1.3网页设计的基本方式1.4网页制作的常用工具及技术1.5网站的建设流程第1章网页设计基础知识网站（Website）是一组相关网页以及有关的文件、脚本和数据库等内容的有机集合，即若干个网页文件经过规划组织后彼此相连而形成完整结构的信息服务系统。网页是组成网站的基本信息单位，是WWW的基本文档，它由文字、图片、动画、声音等多种媒体信息以及链接组成，是用HTML编写的，通过链接实现与其他网页或网站的关联和跳转。1.1网页与网站的关系上世纪80年代末，欧洲核物理研究中心的伯纳斯.李(人称WWW之父)通过研究得出一个结论：人们的视觉处理以页为基

4、础，电子资料应该以页的方式呈现。以此出发，伯纳斯.李使用超文本为中心的管理方式来组织网络上的资料；并提出了建立、存取与浏览网页的方法；建立了超文本标识语言；设计了超文本传输协议(HTTP)用于获取超链接文件；使用统一资源定位器(URL)来定位网络文件、站点或服务器。早期的网页仅仅是文字的变化与组合，近年来网页的设计发生了巨大的改变，UE(网页用户体验)+UI(网页人机界面设计)会是今后网页设计发展的潮流趋势。网页的发展过程：网页的运行过程与特点：●是图形化的和易于导航的●交互性●与平台无关●是分布式的●是动态的●是可设计的●网页的特性●网页的运行

5、过程网页是一种包含HTML格式内容的文本文件，它存放在与互联网相连的某一台计算机上。当用户在浏览器中输入网址（URL）后，经过一段复杂而快速的程序处理后，网页文件会被传送到用户的计算机中，再通过浏览器解释网页文件的内容，最后展现给用户图文并茂、精彩纷呈的网页。1.2构成网页的基本元素构成网页的常见元素主要有文本、图片、超级链接、动画、音乐、表单等。如图所示是一个站点的首页。Flas动画导航栏GIF动画文字表单图片超级链接1.文本网页中的信息也以文本为主。与图片相比，文字虽然不如图片那样能够很快引起浏览者的注意，但却能准确地表达信息的内容和含义。2

6、.图片用户在网页中使用的图片格式主要包括GIF、JPEG和PNG等，其中使用最广泛的是GIF和JPEG两种格式。3.超级链接超级链接技术是WWW流行起来的最主要的原因。它是网页中内嵌了web地址的文字或图形，可以实现从一个网页指向另一个目的端的链接。4.动画网页中的动画主要有两种：GIF动画和Flash动画。其中GIF动画只能有256种颜色，主要用于简单动画和图标。1.2构成网页的基本元素5.声音和视频声音是多媒体网页的一个重要组成部分。用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。很多浏览器不要插件也可以支持MID

7、I、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。6.导航栏导航栏的作用就是引导浏览者游历站点。事实上，导航栏就是一组超级链接，这组超级链接的目标就是本站点的主页以及其他重要网页。7.表格在网页中表格用来控制网页中信息的布局方式，包括两个方面：一是使用行和列的形式来布局文本和图像以及其他的列表化数据；二是可以使用表格来精确控制各种网页元素在网页中出现的位置。1.2构成网页的基本元素8.表单网页中的表单通常用来接受用户在浏览器端的输入，然后将这些信息发送到网页设计者设置的目标端。这个目标可以是文本文件、Web页、电子

8、邮件，也可以是服务器端的应用程序。表单一般用来收集联系信息、接受用户要求、获得反馈意见、设置来宾签名簿、让浏览者注册为会员并以会员的身份