网页设计大纲 6-24更新.docx

《网页设计》教学大纲编写人： 全体网页教师 课程教学目标知识目标掌握html 和 css的基本语法；掌握html常用标记的含义、标记所具有的属性及含义；掌握html标记在网页布局中的应用，了解基本的标记语义；掌握css 常用属性及属性值熟练应用html和css 编写常见静态网页。掌握代码规范，兼容主流浏览器。能力目标通过本课程的学习要求学生掌握html基础、网页设计，为今后计算机软件的学习打好基础。掌握html标记及其属性的含义，对标记的作用有深刻的理解。掌握常用的css样式，能够使用html+css进行常见的网页布局，符合代码规范，兼容主流浏览器，达到手写代码的能力。通过辅助大量的实战练习，锻炼学生的思考能力和动手的熟练程度。掌握网站的基本概念，构成，建站流程。在2小时内完成1.5屏企业网页。课程教学内容Html标签第一单元：HTML基础网页设计的重要性及案例展示概念的重要性Photoshop的基本操作常用快捷键选区工具的使用切片工具的使用图片的输出格式的设置和优化标尺和参考线吸管工具图像的缩放什么是网页什么是网站什么是超文本HTML简介 （重点）HTML标记HTML基本标记 Html标记Head标记Body标记Html基本标记结构（重点）站点的建立 （重点）站点文件的操作【考核要求】掌握ps常用快捷键保存 CTRL+S复制 CTRL+C粘贴 CTRL+V自由变换 CTRL+T放大 CTRL++缩小 CTRL+-显示标尺 CTRL+R临时使用抓手工具 【空格】显示/隐藏“信息”面板 【F8】 取消选区：Ctrl+D掌握选区工具的使用（注：会测量宽度和高度）了解吸管工具使用（注：灵活运行吸管工具吸颜色）掌握切片工具的使用（注：灵活运用切片工具切图）掌握输出格式的设置理解标尺和参考线（注：不需要考核）掌握图像的缩放（注：快捷键）掌握网页的概念：网页是网站中的任何一页面，通常文件扩展名为html、或htm掌握网站的概念：网站用于展示相关内容的网页的集合。掌握超文本的概念：超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。掌握标记的概念：“标记”是一些符号，用来区分文档中的不同部分。比如标题、段落、列表、图像等。掌握标记也称标签，分为双标签和单标签。双标签是成对出现的如：head/head、body/body。单标签单个出现，如：img/、br/注：单标记还可以写成br ,img 。掌握html的概念：HTML（HyperText Markup Language,超文本标记语言）是用来描述网页的一种语言。了解HTML简介html是一种标记语言，而不是编程语言，它是制作网页的基础语言，主要用于描述超文本中内容的显示方式。掌握HTML基本标记Html标记以html开头，以/html结尾，文档的所有内容书写在开头和结尾的中间部分。html/html之间通常包含两部分，分别为head/head和body/bodyHead标记定义网页的头部Body标记定义网页的主体Title标记，用来设置网页的标题，放在head与/head之间。注：元信息标记meta不要求掌握。掌握HTML基本标记结构：htmlheadtitle/title/headbody/body/html掌握站点的概念：一个站点存储了一个网站包含的所有文件。掌握利用高级方法建立站点：站点中常见的三个文件夹分别为html（存放html文档），css（存放css文件）、images（存放图像）网页文件夹、文件的命名规范：字母数字下划线组成，且不以数字开头。项目及步骤项目1项目1执行步骤:新建根文件夹baidu，在baidu中新建常用的子文件夹html、css、images启动Dreamweaver 软件选择站点菜单下“新建站点”，选择左上角“高级”标签。在弹出的对话框中的站点名称中输入站点名称“百度”，在本地文件夹中选择站点的存储的位置，其他设置保持默认值即可，点击“确定”按钮，完成了一个名为website站点的建立。创建一个名为index的html文件，存储在html文件夹内项目2项目2执行步骤:新建一个html文档在网页标题title/title中插入文字“网页设计”在网页主体body/body中插入文字“这是我制作的第一个网页，虽然简单，但却是一个很好的开始！”保存文件后，打开浏览器预览效果代码如下：html head title网页设计/title /head body 这是我制作的第一个网页，虽然简单，但却是一个很好的开始！ /body/html第二单元：标题字、段落、图片、水平线2.1标题标记对齐方式属性： align left/center/right2.2段落标记对齐方式属性： align