网页制作(new).pptxVIP

;2; 在学习创建网站、制作网页之前，我们先浏览几个优秀的网站，对这些网站的主页进行分析，了解优秀网站的布局结构、色彩搭配、导航栏的设计、动画效果等。;优秀网站欣赏;公司类网站欣赏/; 该首页的整体布局为“ 上、中、下 ”三个版块。主体部分又包含导航栏和“ 左、中、右 ”三个版块。 题头的动画效果体现了联想集体的理念、品质、新产品，浏览者能够快速了解联想近期的新产品和必威体育精装版的活动，又能记住该品牌。 导航栏对比鲜明，让人能够迅速定位到用户所要搜寻的各类品牌及产品。 信息全面、简洁明了是该网页的一大特点。;旅游类网站欣赏/; 该首页给人的视觉效果是一种高贵、新绿气息迎面扑来，整体色彩、图文搭配十分协调，深绿色的运用和图片的搭配十分和谐。 主页题头的地图图片恰到好处，突出主题，同时起到了广告作用。 导航栏的文字颇具特色。 首页的模块划分采用的是“ 左、中、右”三大版块，内容划分清晰。 ;体育类网站欣赏/; 该网站的引导页整体视觉感受简洁、现代感强。背景采用大块的深绿色，给人安静、稳重的感觉。 在字体的运用上有大有小，有长有短，显得有对比。文字颜色突出，图片的动态效果显示了新闻动态。 首页 整体视觉感受清晰、和谐。 在版块布局上采用“ 左、中、右 ”结构。整体颜色采用蓝色、红色、黄色，既统一又有变化，主体突出。;教育培训类网站欣赏/; 该网站的首页主要列出了导航菜单和网站地图，简洁明了、排列整齐，便于浏览者查找自己所需的信息。 底色采用白色，导航背景绿色，链接文字黑色，非常和谐、明了。 在模块划分上，采用“ 左、中、右 ”三个版块，三块又分别划分多个内容版块。 ;班级网站欣赏; 该网站首页给人的感觉是 重彩型视觉感受强烈。 整个网页色彩运用大面积的绿色渐变为底色，使文字内容不多的页面显得不空洞，整个色彩运用蓝色和绿色为主的搭配，类似色的运用给人以 和谐统一 的视觉效果。 题头采用简单清晰的图片，给人以清新、大气、和谐的简单之美。 模块划分清晰，采用了动画画面从静态中突出灵动感。整体给人 温馨、和谐、梦幻 的感觉。;网页设计与编程——6.1 HTML概述;6.1 HTML概述;6.1.1 HTML简介;HTML文件的组成 三部分组成： （1）标签：是HTML的基本元素。 单一标记 例如，hr表示一条水平分隔线。 成对标记 例如，body及/body，p及/p。 （2）文字与图形。 （3）统一资源定位器URL ;19;20;21;22;23;24;网页设计与编程——6.2 创建和管理网站;6.2 创建和管理网站;;网站（Website） 在Internet上根据一定的规则，使用HTML等工具制作用于展示特定内容的相关网页的集合。由多个网页集合而成。 网页 在浏览器中看到的一个个页面，由文字、图片、动画、声音等多媒体元素以及链接组成，通过链接实现与其他网页或网站的关联和跳转。;组成： 由文档及其所在的文件夹组成 具有科学的体系结构，利用不同的文件夹，将不同的网页内容进行分类组织和保存 分类： 远程站点：存储于网站服务器上的网页文档及其相关资源称为远程站点。 本地站点：在本地计算机上创建的站点称为本地站点。 ; 规划站点??目录结构;;6.2.2 创建和管理本地站点;6.2.3 创建和管理站点文件;6.2.3 创建和管理站点文件;6.2.3 创建和管理站点文件;网页设计与编程——6.3 网页制作基础;6.3 网页制作基础;6.3.1 插入文本和图像;6.3.1 插入文本和图像;6.3.2 网页布局工具;表格;表格;框架;框架;框架;框架;层;层;层;网页设计与编程——6.4 精美网页制作;6.4 精美网页制作;6.4.1 插入声音、视频和Flash动画;6.4.2 使用超链接;6.4.2 使用超链接;;6.4.4 应用Spry框架;Spry菜单栏;Spry选项卡面板;Spry折叠式和Spry可折叠面板;网页设计与编程——6.5 制作ASP动态网页;6.5 制作ASP动态网页;6.5.1 交互式表单的使用;6.5.1 交互式表单的使用;6.5.1 交互式表单的使用;带列表的音乐播放器;带列表的音乐播放器;带列表的音乐播放器;带列表的视频播放器;带列表的视频播放器;带列表的视频播放器;6.5.2 ASP基础;ASP内建对象——Request ;示例7.6;ASP内建对象——Response;示例7.7;ASP内建对象——其