网页设计与制作详解.ppt

浏览器 IE的界面 IE的使用 浏览网页 打开多个窗口 用菜单栏上的“文件”→“新建”→“窗口”，会打开一个新的浏览器窗口。 主页、临时文件和历史记录 浏览器在打开时自动调入的网页称为“主页”，主页可以通过“工具”→“Internet选项”打开Internet选项对话框，在“常规”选项卡的“主页”栏设置. 收藏夹的使用 使用菜单“收藏”→“添加到收藏夹”打开添加到收藏夹对话框。 使用菜单“收藏”→“整理收藏夹”打开收藏夹整理对话框，进行收藏夹中网页的移动、删除、改名及创建新文件夹等操作。 关闭图片显示 在网络速度较慢时，不观看网页中的图片和其它多媒体内容可以得到更快的下载速度。通过“工具”→“Internet选项”打开Internet选项对话框，在“高级”选项卡中可以对浏览器的工作方式进行设置 关闭自动完成功能 通过工具→Internet选项，打开Internet选项对话框，在“内容”选项卡的“个人信息”部分单击“自动完成”按钮打开自动完成设置对话框 。 搜索引擎的使用 1、使用浏览器的“搜索”按钮 2、使用专门的搜索引擎 (百度) (Google) (雅虎) (搜狐) 网站种类 1.门户网站 2.个人网站 3.专业网站 4.职能网站 1.门户网站 这类网站是一种综合性网站，涉及领域非常广泛，包含文学、音乐、影视、体育、新闻和娱乐等方方面面的内容，具有论坛、搜索和短信等功能。现在国内较著名的门户网站有搜狐（）、网易（）等。 2.个人网站 个人网站具有较强个性化，是以个人名义开发创建的网站，其内容、样式、风格等都是非常有个性的。 3.专业网站 这类网站具有很强的专业性，通常只涉及某一个领域，内容专业。如榕树下网站（）即是一个专业文学网站。 4.职能网站 职能网站具有专门的功能，如政府职能网站等。目前逐渐兴起的电子商务网站也属于这类网站，较有名的电子商务网站有阿里巴巴（）、卓越网（）和当当网上书店（）等。 网页的版块结构 Internet中的网页由于涉及和制作的差别而千变万化，但通常由几大版块组成。 1 网站LOGO 2 导航条 3 Banner 4 内容版块 5 版尾或版权版块 网页的基本构成要素 虽然网页种类繁多，形式内容各有不同。但网页的基本构成要素大体相同，网页设计就是要将构成要素有机整合，表达出美与和谐。 1 文本 2 图片 3 超链接 4 动画 5 声音和视频 6 表格 7 表单 8 其他常见元素 网页制作主要相关技术 Html、CSS、JavaScript是制作网页的三大法宝。他们在网页设计中扮演了重要的角色。Html是基础架构，CSS用来美化页面，而JavaScript用来实现网页的动态性、交互性。 网站建设基本流程 规范的网站建设应遵循一定的流程，合理的流程可以最大限度地提高工作效率。网站建设流程主要由规划设计阶段、实施发布阶段、评价阶段组成。 网站设计的目标、主题、创意、风格 网站面向的对象（提高点击率） 根据对象所需的信息确定网站的主题 有突出的主题风格和鲜明的个性 创意体现在网站的版面布局 、信息量、动静效果 、色彩搭配与页面图文编排 、整体链接效果等。 使用自己创作的多媒体特效 网站的规划与设计原则 网站的规划与设计一般应遵循以下三个原则： ? 最大限度地满足用户需要； ? 最有效地进行资源利用； ? 使用方便，界面友好，运行高效； 2 网站建设概论 教学内容: 网站的种类 网页的版块结构 网页的基本构成要素 网页制作主要相关技术 网站建设基本流程 网站制作工具 1 网站LOGO 通常网站为体现其特色与内涵，涉及并制作一个LOGO图像放置在网站的左上角或其他醒目的位置。 企业网站常常使用企业的标志或者注册商标。 一个设计优秀的LOGO可以给浏览者留下深刻的印象，为网站和企业形象宣传起到十分重要的作用。 1 网站LOGO 2 导航条 导航条是网页的重要组成元素。设计的目的是将站点内的信息分类处理，然后放在网页中以帮助浏览者快速查找站内信息。 导航条的形式多种多样，包括文本导航条、图像导航条以及动画导航条等。 有些使用特殊技术（例如Flash、JavaScript、CSS）制作的导航条还可以具有下拉菜单的功能。 2 导航条 3 Banner Banner的中文意思是横幅。Banner的内容通常为网页中的广告。 在网页布局中，大部分网页将Banner放置在与导航条相邻处，或者其他醒目的位置以吸引浏览者浏览。 3 Banner 4 内