slide1
Download
Skip this Video
Download Presentation
网页设计课程介绍

Loading in 2 Seconds...

play fullscreen
1 / 43

网页设计课程介绍 - PowerPoint PPT Presentation


  • 112 Views
  • Uploaded on

网页设计课程介绍. 课程性质. 《 网页设计 》 专业基础课,必修课。适用专业:装潢、数媒、动漫。 50 学时,开设于第二学期。 本课程是一门操作性和实践性很强的专业基础课程,主要学习静态网页制作方法和技术,学习常用的 HTML 标记;网站的规划;编写常用的网页元素;应用第三方软件辅助设计网页;本课程通过 Dreamweaver 这种有代表性的网页制作软件的学习,让学生学会网页制作期方法和技巧。 本课程学习结束后,学生能开发具有一定规模的静态网站,并最终上传到互联网上。 先修课程:计算机基础,同步进行了的可以有:图像处理, Flash 动画制作等。

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about '网页设计课程介绍' - tadita


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide2
课程性质
  • 《网页设计》专业基础课,必修课。适用专业:装潢、数媒、动漫。50学时,开设于第二学期。
  • 本课程是一门操作性和实践性很强的专业基础课程,主要学习静态网页制作方法和技术,学习常用的HTML标记;网站的规划;编写常用的网页元素;应用第三方软件辅助设计网页;本课程通过Dreamweaver这种有代表性的网页制作软件的学习,让学生学会网页制作期方法和技巧。
  • 本课程学习结束后,学生能开发具有一定规模的静态网站,并最终上传到互联网上。
  • 先修课程:计算机基础,同步进行了的可以有:图像处理,Flash动画制作等。
  • 后续课程:网页设计进阶,网页美工等。
slide3
课程设计

课程能力目标:

  • 能够使用HTML标签制作简单的网页。
  • 能够构建一个网站的基本构架,并设计相应的主页面的框架。
  • 能够用表格、层、布局表格等功能合理布局主页内容。
  • 能够根据网站交互的要求,用Dreamweaver制作相应的表单网页。
  • 能够用Dreamweaver技术中的CSS方法,定位和美化网页。
slide4
课程知识目标:
  • 掌握HTML的基本标签使用
  • 掌握Dreamweaver软件的操作方法。
  • 掌握各种网页元素的添加方法。
  • 掌握网页的布局方法。
  • 掌握DIV+CSS样式的设计方法。
slide5
本课程的考核方案

这门课程的考核成绩分为三个部分:

(一)平时成绩(30%)

平时到课、课堂发言情况、实训报告

(二)课堂实训(30%)

实训作品上交情况、作品水平

(二)课程设计(40%)

综合作品水平(25%),按时完成(5%),课堂答辩(10%)

slide6
网页设计中的常用的概念:
  • 网站、网页、主页、HTML、HTTP协议、URL、上传下载等概念。
  • 网上建站的步骤 :
  • 1.注册域名、租用磁盘空间
  • 2.规划网站、制作网页
  • 3.网站上传
  • 4.网站推广
slide7
典型网站欣赏:
  • 新浪网http://www.sina.com.cn/
  • 微软帮助网http://support.microsoft.com/
  • 索尼爱立信中文网站http://www.sonyericsson.com/cws/home?cc=cn&lc=zh
  • Adobe官方网站(http://www.adobe.com)
  • 企业网http://www.ce.net.cn/
slide9
教学目标

通过本项目的学习,使读者能够对HTML有一定的认识,并能够了解HTML的一些基本标签,从而为本书后续章节的学习打下一定的基础。

了解什么是HTML,了解我们学习HTML的目的。

了解HTML的一些基本标签,并能使用记事本制作简单的网页。

slide10
工作任务
  • 由于本章讲述的内容是HTML的基础知识,还未涉及到Dreamweaver CS3编辑软件的使用,因此,本章内容均使用记事本来完成。本章的任务是使用记事本制作“上海世博网”中“世博活动”栏目页面。要求完成后页面浏览效果如图 1.1所示。
1 1 html
1.1 HTML简介

1.1.1 HTML文件是什么?

百度中对HTML词条的解释如下:

HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

从上面的解释中我们可以得到什么信息?

HTML是应用最为广泛的网页文档语言;

HTML可以支持多种媒体,如文字、图形、动画、声音、表格、链接等;

HTML具有特定的结构,最基本的结构是Head和Body两部分。

总之,HTML语言是Web页面的描述性语言,不管在Web上发布信息,或者编写交互程序,都离不开HTML语言的应用。

1 1 2 html
1.1.2 HTML的优缺点

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要优点如下:

  • 简易性:HTML文档容易创建,只需一个文本编辑器就可以完成。
  • 文件小:HTML文件存贮量小,能够尽可能快的在网络环境下传输与显示。
  • 可扩展性:HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。
  • 平台无关性:虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。
slide14
HTML语言的缺点如下: