，其中align表示表格位置，height表示表格高度，大家可以根据自己的需要来填数字，默认是以像素为单位的。接下来制作导航，这是老师第六条中的第二个要求，
注意我在这里给了两种方法，大家可以先看一下，再决定选择哪种
我没看懂什么叫动态按钮导航条，不知道是让这个字动呢，还是让这个字动呢？如果大家嫌麻烦，就直接输入汉字，结果就是下面这样的
如果要文字居中显示可以将这四个框同时选中，然后在水平栏里面选择居中
以后所有的文字格式都可以在这里面选，但是首先要选中自己所要操作的文字。
创建链接，选中首页两个字，然后单击右键——创建链接，选择index.html，然后以同样的方法，给其他三个栏里的文字做链接，创建链接的文字会有下划线，同时改变颜色
如果大家不嫌麻烦，教大家用flsh做一个动态的按钮导航，把光标放在第一行第一个栏里，然后
这个常用栏里的flash按钮，单击后面那个小三角，选择flash按钮。
得到对话框
我们可以看到这个按钮的样式是可以自己选择的，大家随意选择一款自己喜欢的按钮，
然后在按钮文本栏里，填入首页两个字，字体设置随意，然后链接
这个栏里填入index.html，注意这里的链接就是超级链接，当你点击这个按钮的时候，它就会显示主页，我们设置后面三个按钮的时候，一定要记得，当你文本栏里填入个人简介字的时候，那你的链接就要指向简介那个页面，我们这里就是a.html。其他像什么背景色之类的随意，
然后单击确定。这样第一个按钮就做好了，接下来我们自己做剩下的三个按钮，注意链接问题，大家做好后，可以看到自己站点内多了四个swf格式的文件，这四个就是按钮，
保存的时候，有一个文件问是否要保存，一定要点击是，不然flash不运行了。
大家可以回到自己的文件夹里，打开首页，测试一下，是不是单击这四个按钮会指向自己所设置的网页，
然后我们给第二行设置背景颜色，单击背景颜色后面那个方框，可以有弹出颜色选框，大家随意选择自己喜欢的颜色
接下来，完成老师的第五个要求，制作表单，这个把光标指向第三行第一个栏
选在表单选项中的。也就是第一个按钮，这时得到界面
我们把光标指向红线里面，输入“用户名：”然后点击表单选项中的第二个按钮
弹出对话框，选择确定，得到界面
同样方法换行输入密码
再次换行，单击表单选项中的按钮项输入两个按钮，
然后选中第一个按钮，得到以下属性
将值后面栏里的文字改为登录，。
同样方法，把第二个按钮的值改为注册，
接下来插入文字和图片，在现在的第二行第二列里操作
把光标指向第二行第二列，选择常用栏
选择这个栏里的图像按钮，弹出对话框，这时大家选择自己电脑里的一张图片，单击确定后弹出对话框，问是否保存在站点根目录下，单击确定，这时候需要注意的是，图片名字不能有汉字，图像标签和辅助属性那一栏不用管，单击确定即可。
接下来就是输入汉字了，我们在图片的后面先输入汉字，可以看到这样的显示，
上面还空了很大一块地方，似乎不太好，不符合图文混排的规矩，
大家单击图片选中，在属性栏里找到
找到到对齐那一栏，在后面点选左对齐，
得到最终图文效果是这样的。
第四行还有四个栏，大家可以在里面表明作者时间、以及自己的邮箱、QQ等内容，这里我就不写了。
实际上做到这里，我们几乎完成了老师的所有要求了就差添加两种行为了后面还有三个网页没做呢，怎么办啊，后面三个网页大家还没做，教大家一个简单的方法，
大家把鼠标指向这个栏的左边，在表格和边框之间，我们可以发现，鼠标斜向右了。
首先单击鼠标左键，选中这个表格然后不要移动鼠标，同时单击右键，单击拷贝，然后这个表格就拷贝好了，打开其他三个页面，分别粘贴过去，图像属性描述不用管，取消，这样做的好处是它的好处非常多。
大家打开a.html，这个是个人简介，就是一个图文混排了，图文混排我们已经讲过了，更何况我们这个页面里已经有了图文混排了，大家可以换一张图片，换一些文字，做一些自我介绍什么的，都可以。，但是我们最好把那个表单删掉，哪个是表单就不用我说了吧，
就是这个了。删掉之后，选中第三行三个栏，合并就好了，
第二个页面就做好了，
接下来我们看第三个页面，b.html，这个页面是个人相册
这里我同样分两种方法给大家讲，
第一种方法很简单。就是插入几张图片，
现在第三行剩下三个空栏，每个栏里插入一张图片，景色也好，其他也罢，然后加上图片说明，一切搞定，这个我就不写了，
第二种方法还是用flash做相册，首先大家合并第三行三个栏。
并将光标指向第三行，
然后单击这个图片中的插入记录——媒体——图像查看器，之后得到这样的界面
注意这个是可以调节大小的，看你想要多大的相册了。
单击选中，
我们会发现右面多出这样一个界面flash元素
在其中找到然后单击后面的img1那里，
会发现后面多出一支笔，单击那个笔，弹出对话框
单击减号，将img1三个删掉，然后再单击加号，会多出一个文件夹标志，单击文件夹标志，然后弹出对话框
在自己电脑里选择一张图片，将图片保存到站点根文件夹下，还是那个问题，名字中不能有汉字，添加好第一张图片之后界面如图
大家可以多添加几张图片，这样一个相册就做好了，单击确定。
接下来就剩下第四页了，就是写几行文字的事情了，
把表单和图文混排都删除，然后合并三个栏，然后添加一些文字，搞定了。
这四个页面都做好了，我们还有一项任务没有完成，那就是给页面添加两个行为
下面我们讲添加行为，
打开首页，单击图像选中，然后找到一下命令，
看到行为面板下那个醒目的加好了吗
单击加号——交换图像，弹出对话框
网页设计与制作实例教程
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B
二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题
502043《网页设计与制作》课程标准
《网页设计与制作》课程标准 课程代码： 502043 参考学时： 90 学分： 4 课程类型：专业课
2015年 1 月编 一、适用专业 计算机应用技术（3年制中职，5年制高职） 二、开课时间 第4学期 三、课程定位 1、课程性质 本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。 2、教学任务 本课程主要以Dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。 四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质； 2)培养学生勤于思考、做事严谨的良好作风； 3)培养学生良好的职业道德； 4)培养学生事物美的观念； 2、社会能力目标 1)培养学生的团队协作精神； 2)培养学生分析问题、解决问题的能力； 3)培养学生勇于创新、敬业乐业的工作作风； 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计 与制作工具；
2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架； 3)掌握Dreamweaver软件的使用方法；学习文本、图像等多媒体元素在网页中的 使用技巧； 4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆 分、表格嵌套来完成网页的排版； 5)掌握模板的使用方法；熟练应用模板来制作、修改、批量更新网页； 6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧； 7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果； 8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原 理； 9)掌握网页中客户端行为的概念；能够使用常见的客户端行为来制作前台页面的 动态效果； 10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练 书写样式； 11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作 记录；能够使用服务器行为开发简单的动态网站。 五、课程衔接 在课程设置上，前导课程有《Photoshop高级应用》，后续课程有《网站建设》六、教学内容与学时分配 教学学时数分配见下表所示 表教学内容与学时分配
《网页设计与制作》课程标准
《网页设计与制作》课程标准 一、课程性质与任务 《网页设计与制作》是计算机平面设计专业的一门专业考核课程。是为强化计算机平面设计专业的专业技能能力而开设的，为学生从事以后的工作奠定基础。 通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具Dreamweaver设计制作常见的静态网页和简单的动态网页，具备网站的建立和维护能力。培养学生的综合职业能力、创新精神和良好的职业道德：并让学生运用所学知识做出具有特色的网站，使学生能够得到全面的培养，成为社会所需专用人才。 二、参考课时 70课时 三、课程目标 （一）知识目标 1、熟练操作Dreamweaver； 2、理解css样式表的作用和意义； 3、深入理解HTML语言的各种功能和应用； 4、深入理解表格、框架、表单的作用； 5、深入理解层的作用； （二）能力目标 1、会使用Dreamweaver网页设下工具制作网页； 2、理解HTML语言中的标记设置颜色、文本格式和列表； 3、熟练掌握颜色值的配置和背景图案的设置方法，熟练掌握字符、链接颜色的设置方法； 4、熟练掌握网页设计中字符格式的设置方法，段落分段与换行的方法； 5、掌握HTML的语法结构，掌握HTML语言中标记的使用方法； 6、掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法，会使用CSS设置网页格式和列表的格式； 7、熟练掌握表格的使用方法，会用表格布局并设计网页； 8、掌握框架制作网页的方法，会使用框架设计网页； （三）思想教育目标 1、热爱祖国、热爱集体。
2、热爱自己的专业，形成良好的专业素养。 3、积极乐观的学习态度。 （四）通用能力目标 1、自律、自我管理能力。 2、语言表达与非语言表达能力。 3、团结协作能力。 4、计算机软件操作能力。 5、自我保护与健身能力： 四、课程内容 1、Dreamweaver操作环境的认识。 2、了解站点的相关概念，掌握如何建立站点、管理站点。 3、页面属性的设置，网页中文字、图片等常用元素的添加。 4、利用表格布局网页，给层添加行为。 5、掌握表单的概述及表单的创建。 6、了解框架的基本概述，熟练掌握框架的创建及编辑。 7、CSS语法简介，CSS样式规则的创建及元素属性的具体定义方法。 8、了解行为的基本概念，熟练掌握常见行为的使用及设置效果。 9、HTML的基本结构及头部、主体标记的使用。 10、网页的布局、规划网站和素材收集、主页的设计与制作。 五、重点与难点 1、站点的创建与管理。 2、页面属性设置，文本、图片的使用。 3、网页中多媒体元素、水平线、时间、超链接的应用。 4、表单的制作。 5、网页布局：表格、层、框架的使用。 6、使用行为制作网页特效。 7、HTML标记的认识与编写。 六、教学实施建议 1、教学设计 根据该课程标准，学校在教学实施前，要组织相关教师进行教学设计。明确课程实施的载体，制定具体课程实施方案，细化考核标准和确定评价方法。 本课程教学设计主要以项目案例为载体，每部分教学内容要结合学生的学习、生活、以及将来可能的工作环境，设计教学项目。
《网页设计与制作》课程标准
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1．熟悉HTML 语言的作用和开发环境，能够编写HTML 代码； 2．掌握常用的HTML 标签，能够实现基本的图文信息显示； 3．理解HTML 页面框架的作用，能够针对需求进行框架的设计； 4．掌握各类HTML 表单元素标签，能够进行表单设计；
5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计； 6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局； 8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。 2.职业技能目标 1．能独立进行资料收集与整理、具备用户需求的理解能力； 2．能根据项目需求，具备项目页面的设计与实现能力； 3．能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力； 5．能根据DOM 树形结构，进行页面DOM 的控制； 6．具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1．养成善于思考、深入研究的良好自主学习的习惯； 2．通过项目与案例教学，培养学习者的分析问题、解决问题的能力； 3．具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力； 4．通过课外拓展训练，培养学习者的创新意识； 5．具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求
最新网页制作基础课程标准资料
《网页基础制作》课程标准 1.前言 1.1.课程的性质 本课程是中等职业学校计算机应用专业网页设计与制作门化放 向的一门专业基础核心课程。其功能在于培养学生具备从事网页设 计与制作的基本职业能力，使学生达到相应的网页设计制作人员能 力的基本要求。 1.2.设计思路 本课程标准的设计以计算机应用专业学生的就业为导向，邀请 行业专家对计算机应用专业所涵盖的职业群进行任务和职业能力分析，以此为依据确定本课程的工作模块和课程内容，本课程以任务 引领型为框架，把课程按递进方式设计成项目，并以项目为单元足 迹教学，使学生由浅入深，以点到面全面掌握网页设计与制作的职 业技能。 2.课程目标 通过任务引领型和项目活动形式，使学生熟练制作简单网页， 能熟练创建本地站点并能对网页进行各种找链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力， 能基本胜任网页制作工作，为学生发展专门化方向的职业能力奠定 基础。 职业能力目标：（1）能熟练制作简单网页 （2）能创建本地站点并能对网页进行各种超链接 (3) 能对网页进行创意的美化
(4) 能制作有创意的网页动画 (5) 能掌握网页设计与制作相关技巧 (6) 能跟踪和学习网页制作的新知识和新技术3.课程内容与要求
4.实施建议 4.1.教材编写 （1）教材要以岗位职业能力分析和职业技能考证为指导，以 《网页制作基础》课程标准为依据进行编写； （2）教材要以岗位任务引领，以工作项目为主线，强调理论与 实践相结合，按活动项目组织编写内容；教材内容从“任务”着手，设计完成“任务”的方法与步骤的空间；教材要体现以解决实际问 题来带动理论的学习和应用软件的操作，让学生在完成“任务”的 过程中掌握知识和技能，培养学生提出问题、分析问题、解决问题 的综合能力。任务的设置应该体现针对性、综合性和实践性。 （3）项目教学任务的设计，应该体现中等职业教育的特征和与 社会实际的联系。所设计的“任务”是学生毕业后就业上岗就能遇 到并解决的问题，而不是围绕着知识和技能的展开而设置的。
网页制作基础教程
网页制作基础教程 一、什么是HTML HTML（超文本标记语言）是网页中使用的语言，他能被网页浏览器（IE或Netscape）解释，从而显示出丰富多彩的信息（图片、文字、声音、影象、动画等）。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档"，就能看到该网页的HTML代码。下面是个网页文档（model.htm）的HTML代码：
这里是标题 第一段文字。
第二段文字。
【操作】请在记事本中输入以上代码，命名为test1.htm，存于D盘，然后双击打开看看。 标记一般是成对出现的，#FFFFFF表示使用的颜色是白色。 ...... ...之间是该网页的标题 charset=gb2312表示语言字符集信息是中文简体，如big5则是中文繁体。 ...之间是网页的正文内容 表示网页的背景色是白色，默认的文字颜色是白色。 ...
之间是h1号标题字 ...
之间是h2号标题字 ...之间的文字为红色 HTML是一套国际标准，其标记有几百种，您并无需全部了解他们，只要记住其中常用的十几种，就能够做出很漂亮的网页来。 常用的标记举例：网页设计与制作课程标准
网页设计与制作课程标 准 公司内部编号：（GOOD-TMMT-MMUT-UUPTY-UUYY-DTTI-
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法 (13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法
网页设计课程标准
《新闻网页设计》课程标准 一、课程性质与任务 （一）课程性质 本课程是2016级艺术系新闻专业的一门专业课程。通过本课程的学习，要求学生掌握新闻网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的新闻页面，包括静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 （二）课程主要任务 本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”，整个《网页设计与制作》课程共分为五大模块，它们分别是：新闻网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系，在重难点设计上应该加以配合，如HTML语言模块着重基本代码的熟记和编写，对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。 （三）与相关课程的关系 《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。本课程作为新闻专业的一门技术专业课程，一般在3年级开设，此时学生已经具备一定的新闻基础知识和多媒体操作的动手能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站，使学生能够得到全面的培养，成为社会所需专用人才。 二、课程目标 总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。 （一）能力目标： 1. 会使用Dreamweaver网页设计工具制作网页； 2. 理解HTML语言中的标记设置颜色、文本格式和列表； 3. 熟练掌握颜色值的配置和背景图案的设置方法，熟练掌握字符、链接颜色的设置方 法； 4. 熟练掌握网页设计中字符格式的设置方法，段落分段与换行的方法； 5. 掌握HTML的语法结构，掌握HTML语言中标记的使用方法； 6. 掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法，会使用CSS设置网 页格式和列表的格式； 7. 掌握在网页中嵌入图像的方法，掌握与嵌入图像相关标记的用法； 8. 掌握与图像布局和位置相关的标记的概念和用法； 9. 熟练掌握使用绝对和相对URL，创建超链接、图像链接；学会图像映射的建立方法； 10.熟练掌握表格的使用方法，会用表格布局并设计网页；
简单的网页制作教程-设计一个个人网站
题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图 打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。
新建站点后得到这样一个界面 点选高级，得到界面 站点名称与我们建文件夹得名字相同，zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs， http地址为http://localhost/zs
接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs
然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择 然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者1、2、3、4，当然一个网站默认的索引首页名为index，这里也用index，
怎样制作自己的网页
和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具：字体：大中小 一 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程
《网页美工设计》课程标准
《网页美工设计》 课程标准 Curriculum Standards (2019年修订) 课程名称：网页美工设计 课程代码： 适用专业：数字媒体艺术设计专业学制学历及教育类别：3年制高职教育 课程学分：5学分 计划用教学时间：80学时 修订人： 审定人： 修订时间：
1．课程设置概述 1．1 课程在相关专业中的性质与定位 数字媒体艺术设计专业的定位是：培养德、智、体、美全面发展，在平面图形图像制作、网页界面设计、三维造型等领域，具有与本专业相适应的文化水平和良好的职业道德，熟悉图形图像的制作环境，具有较强的图形、图像处理能力，从事广告设计与制作、图形图像编 辑处理、视频编辑与合成特效、网页设计、网络动画制作与发布等工作的高素质技能型专门 人才。 针对数字媒体艺术设计专业的毕业生就业的主体岗位网页设计师，人才培养方案设置了《网页美工设计》这门课程。课程定位如表1所示。 表1 课程定位 课程性质专业必修课程、核心课程备注课程功能学习网页设计认识美工基础知识 教学载体Dreamweaver flash frieworks 课程知识及能力使学生在围绕创建与设置站点、创建与优化网页、测试与发布站点等网站制作过程中的三个重要环节中，全面掌握了设计和优化网页的各种方法和技巧。学习完本课程，学生可以熟练地创建网站，并且通过平面设计和动画设计来丰富网页内容和优化网站。 前导课程 构成设计基础、版式设计基础、计算机基础、VI设计基础、flash基 础 平行课程 后续课程 1．2 本课程的基本教学理念 本课程设计以教育部【2006】16号文件精神要求为切入点，以服务为宗旨，以就业为导向，以提高学生的实践能力、创造能力、就业能力和创业能力为目标，以职业能力培养为重点，通过学习此课程，要求学生掌握网页的设计与制作技 术、网站的创建技术以及网站的管理维护能力。
个人网页制作简明教程
个人网页制作简明教程 （孙晓鹏 整理） 资料来源：https://www.doczj.com/doc/a112852970.html,/ 目 录 1. 认识网页 2. 制作主页前的准备 3. 如何选择网页制作工具 4. 如何把握网页布局 5. 安装Dreamweaver8 6. 规划站点 7. 制作模板 8. 制作首页 9. 套用模板和修改模板 10.网页的发布 1. 认识网页 1.1. 什么是网页 网页的学名称作HTML文件，是一种可以在www网上传输，并被浏览器认识和翻译成页面显示出来的文件。 WWW是“World Wide Web"的缩写；HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐，程序等非文字的元素。 网页就是由HTML语言编写出来的。HTML语言是一种排版语言，语法就类似于这样：“页高8宽5，(1,2)处插入高1宽1的图片A...” 如果您是使用WPS或则Word的高手，那么恭喜您，网页制作的学习您已经走了一半路了！ 1.2. HTML 全称HyperText Markup Language，正式名称是超文本标记语言，HTML语言发展很快，已历经HTML1.0、HTML2.0和HTML3.0、HTML4.0多个版本，现在HTML5.0正在测试，同时DHTML (动态)、VHTML(虚拟)、SHTML等也飞速发展起来。我们现在一般只要掌握HTML4.0就可以了。 html利用标记（tag）用来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以对它进行编辑，与VB、C++等编程语言有着本质上的区别。
网页制作教程,网页制作入门教程
选修课《网页设计》实践考核题 题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格或框架进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 下面我们大家统一一下软件版本，我用的是网页三剑客cs3版本的，大家可以去迅雷下载，因为我们要用到flash 建议大家也按装好flash 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图
打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。选择站点——新建站点。 我们建的文件夹就是站点根文件夹。 新建站点后得到这样一个界面 点选高级，得到界面
站点名称与我们建文件夹得名字相同，zs填进去就可以了 本地根文件夹就是我们新建的那个文件夹， http地址为http://localhost/zs 接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹
接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs 然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择
网页设计与制作课程标准
《网页设计与制作》课程标准 一、课程定位 本课程是软件技术专业的专业基础课程，是培养学生Web客户端静态页面设计能力的支撑课程。 本课程主要培养学生的静态页面设计能力，该课程综合HTML语言、CSS样式、JavaScript脚本三项技术，通过“教、学、做”理论与实践一体化教学，使学生掌握Web客户端静态页面编写的基本方法，并逐步形成正确的客户端静态页面设计思想，能够熟练地使用HTML语言、CSS样式设计、JavaScript编程进行页面设计，为Web开发后续课程打下基础。 先修课程：计算机应用基础、C语言程序设计 后续课程：https://www.doczj.com/doc/a112852970.html,程序设计、Java Web程序设计 二、课程目标 通过本课程的学习，使学生逐步建立和掌握Web客户端静态页面设计的思想方法，具有分析问题和解决问题的能力，能够使用HTML语言、CSS样式、JavaScript脚本编写Web客户端静态页面解决实际问题，具备吃苦耐劳、团结协作的良好品质。 （一）知识目标 1．熟悉HTML语言的作用和开发环境，能够编写HTML代码； 2．掌握常用的HTML标签，能够实现基本的图文信息显示； 3．理解HTML页面框架的作用，能够针对需求进行框架的设计； 4．掌握各类HTML表单元素标签，能够进行表单设计； 5．掌握各类HTML多媒体元素标签，能够进行多媒体页面设计； 6．掌握CSS样式的基本使用方法，能够应用CSS样式表美化页面； 7．掌握CSS网页布局的方法，能够结合DIV标签进行页面布局； 8．掌握JavaScript的语法基础，能够编写简单的JavaScript应用程序； 9．掌握JavaScript的函数、内置对象、事件等，能够实现表单的验证； 10．掌握DOM树形结构及其操作方法，能够控制DOM对象。
网页设计与制作课程标准
网页设计与制作课程标准 Final approval draft on November 22, 2020
网页设计与制作课程标准课程代码：建议课时数：96 学分：6 适用专业：五年制高职电子商务专业 先修课程：图像处理、数据库管理、实用网络技术 后续课程：动画制作、电子商务网站建设 一、前言 1.课程的性质 该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。 其任务是：该课程主要涉及到网站建设规划与管理、HTML语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过Dreamweaver创建动态网站的操作技能。 2.设计思路 本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。 课程框架结构、学分和学时分配、对学生选课的建议
二、课程目标 总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。 具体目标 （一）知识教学目标： 了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。 了解网站平面设计的概念和过程。 了解HTML的基本概念、基本格式、能编写一个网页； 了解IIS的工作原理；知道启动web服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：IIS配置备份与恢复、网络监视、日志管理。 学会并掌握站点建设能制作简单网页 学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作 学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。 了解CSS样式的概念及其作用，了解css样式定义的各选项的含义及其作用，掌握在网页中添加样式表的方法，掌握样式表文件的导出及链接外部样式表的方法。 学会并掌握表单的创建方法，掌握表单的布局的建立、表单元素的添加、表单元素的属性以及表单元素样式的设定等。
《网页设计与制作》课程标准
网页设计与制作课程标准 课程代码：建议课时数：96 学分：6 适用专业：五年制高职电子商务专业 先修课程：图像处理、数据库管理、实用网络技术 后续课程：动画制作、电子商务网站建设 一、前言 1.课程的性质 该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。 其任务是：该课程主要涉及到网站建设规划与管理、HTML语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过Dreamweaver创建动态网站的操作技能。 2.设计思路 本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。 课程框架结构、学分和学时分配、对学生选课的建议
二、课程目标 总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web 网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。 具体目标 （一）知识教学目标： 了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。 了解网站平面设计的概念和过程。 了解HTML的基本概念、基本格式、能编写一个网页； 了解IIS的工作原理；知道启动web服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：IIS配置备份与恢复、网络监视、日志管理。 学会并掌握站点建设能制作简单网页 学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作 学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。 了解CSS样式的概念及其作用，了解css样式定义的各选项的含义及其作用，掌握在网页中添加样式表的方法，掌握样式表文件的导出及链接外部样式表的方法。 学会并掌握表单的创建方法，掌握表单的布局的建立、表单元素的添加、表单元素的属性以及表单元素样式的设定等。 了解dhtml和层对象的概念，掌握添加层的基本方法及其相关属性的设置，掌握层
HTML网页制作教程
1、HTML基本概念 什么是HTML文件？ ?HTML的英文全称是Hyper Text MarkUp Language，中文叫做“超文本标记语言”。 ?和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。 ?一个HTML文件的后缀名是.htm或者是.html。 ?用文本编辑器就可以编写HTML文件。 这就试写一个HTML文件吧！ 打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。
Title of page This is my first homepage. This text is bold 要浏览这个first.html文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。 示例解释 这个文件的第一个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，表示HTML文件到此结束。 在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。 在和之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。 在和之间的信息，是正文。 在和之间的文字，用粗体表示。顾名思义，就是bold的意思。 HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如，等，通过这些Tag，可以告诉浏览器如何显示这个文件。 HTML元素(HTML Elements) ?HTML元素(HTML Element)用来标记文本，表示文本的内容。比如body, p, title就是HTML元素。6、网站开发与建设课程标准
《网站开发与建设》课程标准 一、适用对象 计算机应用、电子商务等专业 二、课程性质 网站开发与建设是当今社会的热门技术之一，也是中职计算机专业学生的一门专业必修课，是根据网站开发与建设、网站管理、网页编辑的工作岗位能力要求所开设的课程。 本课程的教学目的是：以HTML、DreamWeaver和ASP为蓝本，全面介绍与网页设计制作有关的知识，使学生具有解决一般网页制作问题的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。使学生具有良好的网站规划、设计、编辑与维护能力。 三、参考学时 74学时（理论34学时、实训40学时） 四、学分 4学分 五、课程目标 通过本课程的学习，学生具有网页设计师工作最基本的知识与技能、具备较高的职业素质，能基本胜任各公司的网页设计师和网站管理维护等岗位工作。具体来讲，又分为职业能力、工作能力和创新能力的培养。 （一）情感与态度目标 1. 具有勤奋学习的态度,严谨求实,创新的工作作风; 2. 具有良好的心理素质和职业道德素质; 3. 具有高度责任心和良好的团队合作精神; 4. 具有一定的科学思维方式和判断分析问题的能力; 5. 具有较强的网页设计创意思维,艺术设计素质. （二）能力目标（五号黑体，顶头空两字） 1、熟悉DreamWeaver软件的使用。 2、掌握创建和管理站点的原理和方法。 3、掌握网页文本的编辑和控制、表格设计和制作网页的技术。 4、掌握网页图像的处理、超链接的使用、网页表单的编辑的技术。 5、掌握制作网页框架、图层技术、CSS样式的技术。 6、掌握网页中插入多媒体、利用模板和库设计网页的技术。 7、掌握网页测试和发布等技能。 8、具备进行综合网站规划与设计的能力。 9、具备网站的更新与维护能力。 （三）知识目标 1. 会使用dreamweaver网页设计工具制作网页;
Dreamweaver网页制作教程
Dreamweaver网页制作教程：定义站点 网页教学网【转载】 Web 站点是一组具有如相关主题、类似的设计、链接文档和资源。Dreamweaver MX 2004 是一个站点创建和管理工具，因此使用它不仅可以创建单独的文档，还可以创建完整的 Web 站点。创建 Web 站点的第一步是规划。为了达到最佳效果，在创建任何 Web 站点页面之前，应对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及页是如何互相连接起来的。 请执行以下操作： 启动 Dreamweaver MX 2004： 选择“站点”>“管理站点”（即，从“站点”菜单选择“管理站点”）。出现“管理站点”对话框。 在“管理站点”对话框中，单击“新建”，然后从弹出式菜单中选择“站点”。出现“站点定义”对话框。 如果对话框显示的是“高级”选项卡，则单击“基本”。出现“站点定义向导”的第一个界面，要求您为站点输入一个名称。 在文本框中，输入一个名称以在 Dreamweaver MX 2004中标识该站点。该名称可以是任何所需的名称。
单击“下一步”。出现向导的下一个界面，询问您是否要使用服务器技术。 选择“否”选项，指示目前该站点是一个静态站点，没有动态页。 单击“下一步”。出现向导的下一个界面，询问您要如何使用您的文件。 选择标有“编辑我的计算机上的本地副本，完成后再上传到服务
器（推荐）”的选项。在站点开发过程中有多种处理文件的方式，初学网页制作的朋友请选择此选项。 单击该文本框旁边的文件夹图标。随即会出现“选择站点的本地根文件夹”对话框。 单击“下一步”，出现向导的下一个界面，询问您如何连接到远程服务器。从弹出式菜单中选择“无”。您可以稍后设置有关远程站点的信息。目前，本地站点信息对于开始创建网页已经足够了。单击“下一步”，该向导的下一个屏幕将出现，其中显示您的设置概要。 单击“完成”完成设置。随即出现“管理站点”对话框，显示您的新站点。单击“完成”关闭“管理站点”对话框。 现在，已经为您的站点定义了一个本地根文件夹。下一步，可以
《网页设计》课程标准
附件4： 济南工程职业技术学院 《网页设计》 课程标准 适用专业：电子商务 编制单位：网络信息中心 编制日期：2014.11 网络信息中心制
《网页设计》课程标准 1.课程性质 《网页设计》是电子商务专业的一门专业必修课程，是专业主干课程之一。课程面向的主要岗位为网页设计师和网站维护管理员。本课程在大二上学期开设，学生已完成计算机文化基础的学习，对计算机软件操作较为熟练，也为网站建设与管理、网络数据库等相关课程的后续学习打下基础。与中职、本科不同，高职《网页设计》课程使用基于工作过程培养模式，强调知识的实用性。 2.课程设计 本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。同时开发教材，对教学过程的组织、教学条件、课程评价都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。 二、课程教学目标 总体目标：通过真实网站项目的开发，使学生掌握网站开发的过程及网页的设计制作方法，能开发出以静态功能为主、包含部分动态功能的中小型网站，通过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能力，满足职业岗位需求。 1、能力目标： 1)会规划网站，设计页面； 2)会使用 Dreamweaver 制作各种布局排版的静态网页； 3)会使用 HTML语言； 4)会使用 CSS规则处理网页； 5)会处理图像； 6)会测试、发布、推广、维护、管理网站； 7)能处理网站开发过程中所遇到的常见问题； 8)能跟踪网页制作领域新技术的发展并能阅读HTML语言中的专业词汇。 2、知识目标： 1)了解网站开发的过程以及网站规划，页面设计要求； 2)理解网页的各种布局概念和 Web 标准； 3)了解常见的网页元素并理解其HTML代码； 4)掌握 CSS规则的常用属性； 5)掌握超链接的类型和各种路径的概念； 6)理解常见图像格式；
