网页设计与制作39935.pptVIP

网页设计与制作 杨莉 任务一 认识网页结构 学习目标 实例展示 知识点拨 精讲指导 知识扩展 技能训练 小结作业 学习目标 展示具体网页实例，让同学有一个感性认识。 结合具体实例让同学了解网页的主要构成要素。 掌握网页设计原则和基本流程。 实例展示 网页图片展示一 实例展示 网页图片展示二 实例展示 网页图片展示三 实例展示 网页图片展示四 实例展示 网页图片展示五 实例展示 网页图片展示六 知识点拨 1.1 网页的基本概念 1.1.1 什么是互联网 互联网又叫internet ，是将以往相互独立的 、 散落在各个地方的单独的计算机或相对独立的计算机局域网，借助于已经发展得有相当规模的电信网络，通过一定的通信协议而实现更高层次的互联。 精讲指导 精讲指导 如： 分辨率为1024*768，则页面尺寸为1007像素*600像素较好。 页眉和页脚 页眉：位于网页上部 放置站点名字、标志、宗旨、口号、广告 页脚：位于网页底部 放置公司联系方式 精讲指导 导航栏 位置有4种：左侧、右侧、顶部、底部 增强对网站的访问 文字和图片 字体、字号、颜色 实现图文混排 精讲指导 多媒体 声音：MIDI 、WAV 、 MP3 、 AIF 视频：RM、MPEG、AV、DivX、SWF 网站设计原则 明确内容、着手规划 突出特色、锁定目标 重视首页、分类合理 知识扩展 申请免费空间 一百网络免费空间网址： 空间：50M 支持：HTML 域名：/你的用户名/ 管理：FTP 技能训练 网上浏览各种网站，并进行分析比较其特色。 在一百网络免费空间为自己网站申请一个空间。 小结作业 小结 本章主要学习网页概念，网页制作流程等内容。 【重点】讲授网页设计要素及规划流程 , 通过具体的网页实例加深对网页相关知识的理解。 【难点】加强网页规划能力的训练。 End * 第1章 网页设计制作基础 1.1 网页基本概念 1.2 网页基本要素 1.3 网站设计的基本原则 1.4 网站建设的基本流程 1.1 网页的基本概念 1.1.2 什么是网页 是Internet的基本信息单位 ，一般网页上都会有文本和图片信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容。 1.2 网页的基本要素 网页标题 网站标志 页眉页脚 导航栏 主内容区 图1-1 网页基本要素 1.3 网站设计的基本原则 明确内容 抓住用户 确定特色 分类明确 注重首页 互动性好 图像应用 及时更新 技术先进 1.4 网站建设的基本流程 需求分析 制作页面 域名空间 网站推广 页面标题 位于浏览器的标题栏 在title/title标记中设置 网站标志 位于页眉 体现特色、内容、文化内涵和理念 页面尺寸 与分辨率有关 *