1、Web程序设计主讲：林福平主讲：林福平太原理工大学 计算机学院第3章 网页与网站设计基础本章主要内容：本章主要内容：网页与网站的基本概念 网页的基本元素 网页设计原则 常见网页工具 网站规划设计基础 网站设计流程第3章 网页与网站设计基础3.1 网页的基础知识3.2 常用网页制作工具3.3 网站规划设计基础3.4 小结第3章 网页与网站设计基础网页是存储在Web服务器上的文档，文档类型包括：HTML(后缀为htm或html,)PHPJSPASP第3章 网页与网站设计基础网页与网站网页是存储在Web服务器上的文档网页文档送到浏览器后，以多媒体形式展现网站是由大量网页组成的多媒体资源3.1 网页基
2、本概念网页（也称Web页）：网页是WWW的基本文档网页由文字、超链、图片、声音、视频、动画和表单等多媒体信息组成网页使用HTML语言或其他各种脚本语言（JavaScript、PHP、XML、ASP和JSP等等）编写网页是网站的基本信息单位，网站由大量的网页组成打开网站时显示的第一个网页称为主页，主页只有一个，一般从主页可以链接到其他网页3.1 网页基本概念网页基本元素：文字超链图片声音视频动画表单3.1 网页基本概念网页设计原则：内容与形式统一页面链接有效导航结构清晰访问速度流畅3.2 常用网页制作工具网页网站制作软件：Brackets（Adobe）Sublime Text Dreamweav
3、er（Adobe）SharePoint Designer（微软）Flex（Adobe）推荐使用：Brackets书中过时软件：frontPage3.2 常用网页制作工具图形图像处理软件：Photoshop GIMP Fireworks AutoCAD CorelDRAW3.2 常用网页制作工具动画设计软件：Flash 3D Studio Max Maya3.2 常用网页制作工具动态网页设计技术：CGI PHP JSP ASP3.3 网站设计规划网站设计流程：1.整体规划2.网站设计3.网页设计4.网页制作5.网站测试6.网站发布7.网站维护3.3 网站设计规划图3-4 网站设计流程图整体规划网
4、站设计网站维护网站测试网页制作发布网站3.3 网站设计规划网站分类（专业程度）：专业型网站个人网站3.3 网站设计规划网站分类（主题）：综合性新闻传媒政治政策教育科技商业财经娱乐休闲IT信息搜索社区文学艺术健康医药3.3 网站设计规划榕树街网站的网站分类：常用网址常用工具新闻军事财经投资综合门户博客微博社区交友游戏动漫3.3 网站设计规划榕树街网站的网站分类（续）：音乐图片人才就业女性时尚亲子育儿娱乐八卦星座运势婚恋交友视频3.3 网站设计规划榕树街网站的网站分类（续二）：购物奢侈品旅游出行体育教育美食汽车生活中国文化创客空间观赏鱼3.3 网站设计规划网站设计的定位与考虑：确定主题内容取舍确定栏目板块确定首页导航菜单构思设计网站风格客户端类型（PC或移动设备）规划网页链接结构规划网站文件存储目录作业1，2，3，6
