初识网页设计与网站建设.pptVIP

2.3 建立第一个网页 网页的基本操作： 利用键盘和鼠标在网页内添加内容。 执行菜单命令【文件】|【保存】命令，保存网页。 点击预览按钮旁的小三角，执行【预览在IExplore】,或快捷键F12.使网页在浏览器预览。 2.3 建立第一个网页 课内实验3 课堂小结 了解本课程的教学工作计划和安排。 了解和理解网页、网站的基本概念，了解网页制作的基本方法。 了解Dreamweaver CS5的基本工作界面，掌握建立站点、网页的基本方法。 《网页设计与制作》 主讲教师：张劲勇教学部门：计算机工程系 《网页设计与制作》是一门既强调理论，又强调实践技能的专业基础课。课程的主要任务是：通过本课程的学习，使同学们掌握网页制作工具的使用方法及技巧，掌握网站建设的规划与流程、网页设计和制作的基本知识，能熟练利用Dreamweaver提供的强大功能制作出精美的网站,注重培养学生的想象力和创新设计能力。为学生今后在学习、工作中制作网页及开发网站打下基础。 课程简介 课时安排：30(理论)+30(实践)=60学时(课程主要安排在机房上，教学过程中会根据实际需要进行教学安排)。 考核方式：平时*40%+期末考核*60%，机考。 教材：《 Dreamweaver CS5实例教程》 教学安排 教学安排 序号 学习情境 总学时 理论学时 上机学时 1 初识网页设计与网站建设 4 2 2 2 制作基本页面与图像多媒体 12 6 6 3 创建超级链接与使用表格 8 4 4 4 创建和应用CSS样式 8 4 4 5 综合运用网页布局知识 12 6 6 6 创建与应用模板和库 4 2 2 7 制作表单网页与使用行为 4 2 2 8 规划网站与网站发布 4 2 2 机动 4 2 2 合计 60 30 30 教学进程 什么是网页？在生活、工作中有哪方面的应用？ 新闻、企业网站、信息交流、办公、娱乐、多媒体。。。 课程的学习目标： 网页设计的基础和基本设计理念； 网站制作和网页设计的基本流程和方法； 网页制作的基本操作、应用、技巧。 课程概述 返回 返回 1. 认识网页与网站 1.1 网页与网站 网页，也就是网站中的一“页”，通常是HTML格式（文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等）。网页要通过网页浏览器来阅读。 网站（Website），网站是网页的集合。通过超级链接将网站中多个网页建立联系，形成一个主题鲜明、风格一致的站点。通常，网站都有一个主页，包括网站的Logo和导航栏等内容。 1.2 网页与网站的区别 网站(Website) 网页(Page) 网页与网站的区别简单的来说：网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页具体来说是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网站是有许多html文件集合而成。 1.3 网页的工作原理 　　Web服务器，也就是能够提供Web服务的主机。制作完成的网站，要想供他人访问，那么必须把网站文件上传到Web服务器上。 　　Web服务器可以是各种类型的计算机，从常见的PC到小型机甚至巨型机。 一个网页的工作过程可以归纳为以下4个步骤： 1、用户在浏览器中输入网页的网址，如。 2、客户端的访问请求被送到网站所在Web服务器，查找对应网页。 3、若找到网页，则web服务器把找到的网页回送给客户端。 4、客户端收到返回的网页后在浏览器中显示出来。 1. 4 网页中的常用元素 1．文字，文字是网页最常见的元素，是用来向用户传达信息的媒介。 2．图片，网页中使用的图片一般是GIF、JPEG、PNG等压缩格式图片。 3．动画，目前Internet上比较常用的动画展示方式有动态GIF、FLASH等。 4．音乐，设计了背景音乐，这让访问者能有特别的音效感受。网页背景音乐通常使用MIDI、MP3、WAV格式的音乐。 5．视频，网上音视频广播采用的几乎都是流媒体技术，流媒体技术能自动根据网络的速度传输相应图像声音，使音视频播放时断时续的问题得以解决。常见的视频格式主要有rm、flv、mov、avi等。 Logo 超链接 表单控件 图像 顶部导航栏 图片轮换 Flash动画 底部导航栏 超链接 表格 文字 图1　网页的基本组成元素 6.超链接，超链接是Web网页的主要特色，是指从一个网页指向另一个目的端的链接。 7.导航栏，导航栏是一组超链接，用来方便地浏览站点。导航栏一般由多个按钮或者多个文本超链接组成。 8.表格，表格是HTML语言中的一种元素，主要用于网页内容的布局，组织整个网页的外观，通过表格可以精确地控制各网页元素在网页中的位置。 9.框架，框架是网页的一种组织形式，将相互关联的多个网页的内容组