《网页制作与设计》立体化电子课件_第1章_网页与网站

《《网页制作与设计》立体化电子课件_第1章_网页与网站》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页与网站基本概念网站建设概述网页设计概述静态与动态网页总结与习题第章基本概念1.11中文：万维网或环球网英文：WWW或WorldWideWeb简记为Web2中文：网页英文：WebPage或WebPage又称：HTML文档或XHTML文档3中文：网站英文：WebSite或WebSite基本概念1.14中文：主页/首页英文：homepage是用户用浏览器访问网站时默认访问的第一个网页5中文：超文本是一种普通的字符文本，通过标签等手段嵌入图形、表格、表单、多媒体等对象6中文：超文本链接简称：超链接英文：hype

2、rlink是超文本的灵魂基本概念1.17中文：超文本传输协议英文：HTTP全文：HypertextTransferProtocol8中文：统一资源定位符英文：URL或URI全文：UniformResourceLocator/Identifier9中文：IP地址标识一个Internet连接的数字符号串，能够唯一标识出主机在Internet中所处的网络位置静态与动态网页1.2网页分类静态网页(staticwebpages)由纯粹的HTML语言实现的网页；网页文档存储在Web服务器的文件系统中，内容通常不随浏览者

3、的不同需求而改变动态网页(dynamicwebpages)由Web服务器接到用户访问请求后动态生成的页面；内容会随着访问的变化而相应变化静态与动态网页1.2静态网页的工作机理静态与动态网页1.2动态网页的工作机理静态与动态网页1.2根据是否需要数据库技术支持进行区分：静态网页没有能力使用数据库。而动态网页一般需要后台数据库的支持根据代码运行的位置进行区分：静态网页通常运行于前台客户端；动态网页通常有一部分代码运行于后台服务器根据制作网页的语言进行区分：静态网页一般使用HTML语言实现；动态网页客户端使用脚本

4、语言，服务器端使用编程语言静态网页与动态网页的区别与联系网页设计概述1.3两个阶段网页设计与网页制作，是生成网页的两个重要阶段，这两个阶段形式上独立，内容上紧密关联，分别由不同的专业人员完成网页设计概述1.3网页设计就是根据策划方案中要突出的主题与要表达的内容，结合自己的主观认识，通过艺术的手法表现出来网页设计概述1.3网页设计原则1.整齐化一2.内容连贯3.合理分割4.色彩协调5.反差对比6.效果和谐7.界面亲和网页设计概述1.3网页制作就是将网页设计师设计出来的设计稿，按照统一的规范，使用专业软件或编程

5、语言，制作成Web网页的格式网页设计概述1.3网页制作的元素1.文字2.超链接3.图像4.多媒体对象5.表格6.表单网页设计概述1.3常用的网页制作工具HTMLDreamweaverFireworksFlashFrontPage网站建设概述1.4网站创意网站主题色彩搭配网站风格吸引受众立意新颖设计良好结构清晰界面美观内容到位风格与网站内容要统一风格是网站多种要素综合作用的效果风格需要不断强化与巩固色彩的鲜明性色彩的独特性色彩的适宜性色彩的联想性先主色后辅色讲究艺术性主题明确主题统一共同遵循个性鲜明围绕主题形

6、散神聚网站形象网站建设概述1.4主页普通页弹出页网页类型网站建设概述1.4主页要素网站Logo是网站形象的代表网站的象征符号相当于产品的商标网站导航栏是网站的导游地图或网站的目录主要包括：横向导航栏纵向导航栏网站建设概述1.4著名网站的Logo标识网站建设概述1.4菜单结构的网站导航栏线性结构树状结构网状结构混合结构线性结构以主页为起点，后面依次排列着其他网页这种结构只能实现线性访问树状结构把各网页按访问的层次关系组织起来，各层网页间存在着超链接关系网状结构将超链接交织成网这种结构的网站更加灵活多变，网页之

7、间的跳转更加随意混合结构将多种结构方式配合起来综合使用这种结构更符合网站实际构建网站建设概述1.4网站建设概述1.4网站的线性结构网站建设概述1.4网站的树状结构网站建设概述1.4网站的网状结构网站建设概述1.4网站规划与设计原则1.目的明确且主题鲜明2.内容充实且功能实用3.网站结构清晰4.内容与形式相统一5.兼容性与容错性强6.用户界面友好7.及时更新网站内容8.优化速度性能网站规划是指在网站建设之前对市场进行分析，确定网站的目的与功能，并根据需要对网站建设中涉及的主题、风格、内容、技术、测试、维护等环

8、节做出规划网站建设概述1.4网站建设概述1.4网站建设的完整流程总结与习题1.5第一章理论性较强，将为后续章节的学习奠定坚实的理论基础，在整个教材的知识体系中占据着重要的位置本章内容包含如下页所示的四个模块总结与习题1.5网站、网页、主页、超文本、超链接、URL、HTML、静态网页、动态网页等网页设计的技巧网页制作的原则HTMLFrontPageDreamweaverFlashFireworks网站形象、构成要素