《网页设计与制作》第一章：网页制作基础

网页设计与制作大纲

《网页设计与制作》大纲 一、课程的地位与性质 “网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述 网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weave中文版的使用等诸多知识的操作性极强的技能型应用课程。“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。 】、课程的任务与目的 通过对网页设计与制作基础知识和技能的学习，使学生系统了解网页、网站的概念、网页主要工具软件dream weave的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。 三、课程总体结构、教学环节和课时分配

四、教学内容 第一章概述2学时 教学目的： 了解网页及网站基本概念及网页的基本要素分析教学重点与难点： 网页、网站设计流程，网页基本要素 第一节网页和网站 一、网页 二、网站 三、网页的基本功能 第二节网页中的主要元素 一、文本 二、图像 三、链接标志 四、其他的基本要素 第三节网页制作工具 一、网页编辑工具 二、网页图像编辑工具 三、动态网页技术 第四节网页设计的基本流程 、网站的设计流程 、网页的设计与制作 三、网页的测试 四、网页上传和发布

第二章HTML 语言基础 2 学时 教学目的：了解HTML 文件的基本结构，掌握HTML 中文本的编辑及图像的语法，掌握HTML 中各种设置超级链接的语法，掌握HTML 中表格和框架的基本语法。教学重点与难点： HTML 的语法结构、超级链接的语法、表格和框架的基本语法。 第一节HTML 概述 一、HTML 简介 二、HTML 语法结构 第二节文本的编辑 一、段落标记 二、文本标记 三、标题显示等级 四、列表 第三节图像编辑 一、插入图像 二、使用背景图像 第四节建立超链接 一、建立超链接 二、使用书签 三、标记新窗口和基准链接 第五节表格与框架 一、建立表格 二、表格属性 三、建立框架 四、框架属性 第三章Dream weaver基础2学时 教学目的： 了解DW8 的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。 教学重点与难点： 规划站点的结构、网页的基本操作 第一节Dream weaver 8工作界面 一、启动和退出Dreamweaver

网页设计基础备课笔记

级链接组成。 5.动画 动画是网页中最活跃的元素，创意出众、制作精致的动画是吸引浏览者眼球的最有效方法之一。但是如果网页动画太多，也会物极必反，使人眼花缭乱，进而产生视觉疲劳。 6.表格 表格是HTML语言中的一种元素，主要用于网页内容的布局，组织整个网页的外观，通过表格可以精确地控制各网页元素在网页中的位置。 7.框架 框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。例如在一个框架内放置导航栏，另一个框架中的内容可以随单击导航栏中的链接而改变。 8.表单 表单是用来收集访问者信息或实现一些交互作用的网页，浏览者填写表单的方式是输入文本、选中单选按钮或复选框、从下拉菜单中选择选项等。 网页中除了上述这些最基本的构成元素外，还包括横幅广告、字幕、悬停按钮、日戳、计算器、音频、视频、Java Applet 等元素。 三、超文本标记语言基础 一个网页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。标准的HTML文件都具有一个基本的整体结构，即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。 四、网页设计的基本流程 一个网站的建设是需要吧很多细节结合在一起，只有把各步骤有序的完成，才能建成一个完整的网站，虽然建站的步骤很多，而且都是分开的部分，但是这些步骤会形成一个基本的流程，按照这个流程去做，就能完成建站，下面就给大家介绍一下，网站建设的基本流程是什么? 1、域名空间一个网站的建设首先当然是选择一个好的域名，后缀一般都是选择.com和.cn 的较多，.com是国际域名后缀，.cn是中国的域名，域名的主体一般和你的网站主题，或者企业的名称全拼来做域名的主体，如今互联网当中网站繁多，很多域名已经被注册，可以是全拼，可以是首字母，可以加地域或者数字，但是一定要有意义，让人容易记住。当域名购买完了之后，还要有个域名可以访问到的地方，这时候就要租一个虚拟主机的空间了，把域名与主机绑定，当访问域名时，就直接进入放在虚拟主机空间里的网站了。 2、规划设计这时候就要着手规划想要的网站了，个人网站或者是企业站或是门户站，要