怎么样做网页一、制作网站前的准备可以使用一种汉字输入方法，快慢不拘。会用IE点击上网并浏览网页知道一些最最基本的术语，例如说超级链接你知道点一下就能到别的网页去，这个相信你也会吧。你会使用office 软件——没听说过？WORD知道吧？就是你打字的东东。你肯定打过什么文稿之类的东东吧，那就得用到WORD，要不WPS也行，反正一定得会使用这样的软件，不然你就没办法实现制作网页的那些功能。 OK，假设你上面这些东东你全都会的话，那就可以制作网页啦。二、制作网页前必须了解的东东为了使我们这个教材真正实现谁都学得会，谁都看得懂，我决定不在这个教材里说任何专业的东东，我们是想做网页而不是想当网络管理员，更不需要为考什么等级而努力。所以我将这教材定位在最最简单明了的基础上，有些地方写得恐怕你看了也会说一声“弱智”，不过请相信，网上一定还有比你还弱智的朋友等着这些提示呢。呵呵，那么，开始制作啦！首先，我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003（没听说过吗？那我给你解释一下，你去街角的卖盗版盘的老板那问问，有FRONTPAGE2000全版的没有？老扳就会热心的给你一套OFFCE2003，说这就是了，然后要你买下），这个软件同 WORD，EXCEL之类软件一样，是OFFICE系列的一员，安装OFFICE的时候将它也装上，你就能做网页啦，别担心你不会用，我会手把手教你做的。如果你不会装OFFICE，那就请你哪位哥哥帮你个小忙，请他为你装上，其实一点也不难装。好，假设你安装好了FRONTPAGE2003（FRONTPAGE2000也可，不过使用起来没有FRONTPAGE2003顺手），我就是用的FRONTPAGE2003，所以教材上也以此为准。喂，你先别得意，有了这个FRONTPAGE2003是可以做网页，不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢，你要学的东东多着呢，千万别得意哦。三、正式开始啦好，打开FRONTPAGE2003，第一次进入左边会有个烦人的什么视图窗，这东东用不着，关掉它！怎么关？记好了，方法如下：点击上面那菜单条——选查看——在菜单上那个标有“视图栏”的小勾上点一下，呵呵！会了吧，为了简明起见，这个操作我将写为菜单——查看——视图栏记住了吗？这样你看着省心我打着省事，皆大欢喜 :- 现在出现在我们面前的是一个空白的页面。 1、给这个网面起个名字，怎么起？请看方法：菜单——文件——另存为……——（选择你想保存的文件名、
网页标题、保存位置）对了，你一定看到另存为的时候有个什么网页标题的更改按钮了吧，
点一下你就可以改成你喜欢的网页标题了，例如说“欢迎来到我的主页”之类。记好，一定要选保存。建议你保存的文件名为 index ，因为这个名字的页面是网站必须有的第一页，网站必须有这一页。对了，另存为的对话框最上面还有个“保存位置”，你可以选好你想保存的网页路径，一般保存在“我的文档”里。你可以自己建个新文件夹用来存放你的主页。现在我们的网页文件己经出来了，名字叫“index.htm” 页面标题是“欢迎来到我的主页”，你可以试着用IE打开这个网页文件，在浏览器最上最左边的蓝色条上能看到这句话。你又会说了，空空的嘛，一个网页是出来了，上面上个字也没有！别急，咱这就往里加字！你直接输入“欢迎来到我的主页！”这句话。就会看到在网页的左上边出现了这句话，和打字一样，对了，就和打字一样，这么简单！点一下左上角那个小小的磁盘保存这个文件吧，或者用 Ctrl + S保存。然后用浏览器IE打开这个文件，你就会看到你刚打的字了！其实FRONTPAGE2003页面下有三个标签，分别是“普通”、“HTML”、“预览”，用“预览”一样能看到。不过我自己觉得不如另外用浏览器打开来得实在，呵呵，个人习惯，你尽可以用预览这个标签来看。 2、改变字体的大小和颜色你可以用鼠标在你想改变颜色的字上拖动，使之成为反色字，就算选中啦。我想你如果会复制粘贴就该会这个吧。选好后在上面工具栏上找到“格式”工具，——没有？那就用这个方法把它调出来！菜单——查看——工具栏——格式，出来了吧！和WORD一样，格式的操作很简单，一看就会。请注意，字体请不要设置得太怪，一般采用默认字体或宋体。选择字体的大小可以从1号至7号不等。1号最小，7号最大。字符颜色选择请看看那个标有“A”字的小按钮，点一下它旁边的向下箭头。会出现好多颜色，你选一下就成了。这时你会发现选中的字大小和颜色变了，其实这些操作和WORD是一样的，你应当一看就会。其它诸如缩进、排列序号、段落间距之类都和OFFICE一样，我就不多说了，不会的话可以看看有关WORD的书或自己琢磨一下，挨个试一试，这些很容易就学会的。 3、表格表格是网页中很重要的一节，在网页中为实现好看的效果，必须使用表格，表格不难画，只需点中那个工具栏上的小小铅笔的按钮就能画了。如果你的页面上没有表格工具，请使用菜单—
—查看——工具栏——表格来打开它。表格无非就是这么横几道竖几道的框框，每一个格子叫单元格，这个很重要哦，你可以通过选中单元格按鼠标右键来选择
相应的菜单。单元格有单元格的属性，表格有表格的属性，网页也有网页的属性，这一切都在右击鼠标键上。呵呵，学会这些做网页就不愁啦。通过拉动表格的边线可以改变大小，也可以通过右击鼠标选表格大小里直接输入数值来指定大小，后者更精确一些。一般来说表格宽度不应超过790，因为网页的大小定位在800*600格式下，超过了就会在网页下面出现拉动条，有点不好看，所以我用表格一般让它宽度为790，当然这要根据你想实现的网页效果来做。 4、单元格一般网页都是由几个表格组成的，表格里的单元格里分别放着相应的图片，文字和插件。所以单元格是网页是最小的单位，每个单元格都有它的属性，一般来说，我们可以用这些属性来做一些想做到的事。比方说边框的颜色、单元格内容对齐方式，可以选择水平和垂直属性。这些能很方便的给实现单元格内部的排版，再有就是单元格的颜色、行跨距什么的，一看就会，我想你能明白。设定这些属性的目的就在于改变各个单元格的样式，有了这些，单元格之间就能组成好看的页面了，多练练这方面的东东。 5、网页属性网页的属性有许多，你可以点击右键选取择网页属性进入。和我们初学者有关的就是背景啦，选择背景标签你就会看到相应内容，分别是格式和颜色两个内容。里面有个背景图片按钮，你可以从中点浏览打一张你喜欢的图片做背景，比方说馨香小憩站的背景就是一张有泡泡的墙纸的样子。它可以很方便的做到漂亮的页面了。还有一个格式属性，通过这个属性你可以改变链接的样式，比方说文字默认颜色啦，背景默认颜色及其它一些选取项，你都可以试试，一看就会的。 6、插入图片网页上没图片那就称不上是网页了，好看的网页当然要有图片陪衬，不过为了能找到图片，建议你在你的网页文件路径下设一个名为“image"的文件夹，把你这网页的图片放里面去，这样你就可以轻松的管理图片而不至于以后发生上传后网页上找不到图片的现象了。插入图片操作很简单，通过下面这个方式就能做到了。菜单栏——插入——图片——来自文件——选择想插入的图片。你最好将想插入的图片放到 image 文件夹里，然后再插入，这样网页上所有的图片都包含在 image文件夹里了。方便也很实用。插入后可以选择一些图片属性让它更符合你的页面，比方说图片大小啦，图片颜色优化什么的，这些都可
以在图片上通过右击鼠标选图片属性来修改。说了半天你应该明白个道理，想修改什么就可以选中它然后按右键选相应的菜单，这很方便嘛，你学会这个就己
经学会做网页的一半了！ 7、超级链接网页上没超级链接那不成其为网页，你想让你的小站也拥有超级链接吗？哈哈，很EASY！这样来实现它！选中你想使之成为超级链接的文本，比方说是“进入”两个字，选取中后仍是按鼠标右键，选弹出菜单上那个“超级链接……”就会出现一个对话框让你来设定超级链接。你不会呀？简单极了！就是在 URL 里输入网址就行了。呵呵，比方说你输入我的小站的地址：“https://www.doczj.com/doc/5e5789366.html,”保存一下网页。然后选预览或用IE打开这个网页文件，你会发现点击“进入”两个字就会进入到我的小站了，当然，你把超级链接改成别的网址点击它自然是到那个网址了。记着，可以设定超级链接点击后是在新窗口打开还是在原窗口打开，这你只要在目标框架里选一下就成了。一般是设为网页默认值，你可以改变它使之成为新建窗口。四、设计你自己的主页以上提到的一些功能的使用你会了没？用这些功能就能做出相当漂亮的主页了！不信？好，你看看馨香小憩的一些页面不就是由这几个东东组成的吗？现在你就可以自己来设计一个主页了，相信你会做得比我好看的。哦，忘了提一些东东了。有些东西你必须注意 1、图片不可太大，因为网络不快，图片一般在10K以下还能承受，超过10K就会影响浏览速度了，一般页面里可以有个总量为30K的图片，这是极限了，再多网页会半天也打不开的。 2、注意配色。网页好看是在于一个整体，而配色是很关键的，访问者一眼看到网页的整体布局就会以它的配色产生一个总体感觉，如果配色不好，访问者就不会有什么好印象了。关于配色方面是见仁见智的事，你可以注意一些杂志、画报之类刊物上的配色，学学别人的经验。 3、总体布局。网页布局要和协，不要看起来显着头重脚轻或虎头蛇尾，学学报纸上的布局对你会大有帮助！ 4、链接注意事项。一般你的网站不会只有一个页面，你如果想使页面可以用链接连起来。只需在超级链接里输入文件名就行了。比方说你的首页文件名是 index.htm，次页文件是 text.htm 那么只需在 URL里输入 "text.htm"即可，记着“http://”是网上才用的东东，你在本地编辑是用不着的，当主页上传到网上时，它自动会变成 "http://你的主页地址"加上"text.htm"了，这不用你担心，你只需填入你当前目录和当前目录的子目录的路径就行了。图片链接可以填入 "image\xx.gif"
之类。 5、关于图片。可以在很多地方得到好看的图片，不过为了使你的主页更好看，还是有必要自己画一些图片的。比方说标志啦，美术字什么的，它会使你的
主页更加妩媚动人。入门可先用Frontpage2003，当了解了基础之后，再学习以dreamweaver为主的网页制作三剑客，包括图片处理和FLASH制作。如果想更专业一些，就要学习编程，但刚开始可学借用他人的程序作为模版，同时兼学程序设计原理，二者缺一不可。学网页关键在于有兴趣、有恒心、有方法，则用不了一年，你一定可以学会做网页，可能谈不上高手，但肯定不会被人叫做菜鸟。其他的如网页素材、gif动画图片库、网页模板、、网页特效、midi背景音乐、网页制作软件、字体下载、免费搜索代码等可参照参考资料
《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日
目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)
第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”，包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句，色彩缤纷，十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐，影视，购物等非常热门的东西，本站设计的主题是花，能让人们在闲下来的时候看看花，品品诗歌，所以做有关花的网页是个不错的选择。同时，让人们分清楚春夏秋冬都各有什么典型的花。
第二章网站内容设计 1.1链接1标题：春の花 春天是生命的季节，在这个季节里，万物复苏。所以就找了虞美人，桃花，牡丹，以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题：夏の花 夏天充满了激情与阳光，我找了兰花，荷花，百合花等来代表这个季节，色彩艳丽，十分醒目夺人。 1.3 链接3标题：秋の花 大丽花，菊花，月季和牡丹花都竞相出现在本网页，色彩缤纷，赏心悦目。 1.4 链接4标题：冬の花 蝴蝶兰，水仙，迎春花，梅花是冬季的代表，他们刻画了一副傲立冬天的坚强的姿态。
手把手教你如何制作一个完整的网站 制作网站是一件耗时间的事情，不过我们也要带着责任心去做，想要制作好一个网站，必须要先了解它的具体操作流程，详细的了解各个步骤后，才能找到有效的制作方法。 第一、了解需求 制作网站的第一步就是要了解好客户对网站的制作需求，首先让客户把他们想要的效果、风格、开设的栏目等说明清楚，然后再根据他们提供县官的资料，比如单位的简介，联系方式，网站框架的设计要求，对产品和项目的描述等。 第二、制定网站的制作方案 工作人员与客户双方要协商好关于网站的制作的内容、细节和风格等问题，最终达
成共识后才能开始制作，如果制作之前没有商量好，那么制作的结果会使得客户不满意，矛盾就会产成了，所以工作人员要负责，在制作之前客户也不能抱着随便的心理。协商好了之后就可以直接支付相应的费用，并签合同了，合约是关系到双方的利益问题，也要引起重视，谨慎签订。客户在签完一系列的合同之后，要注册好域名和空间，因为网站开展运营的前提条件就是选择适合的域名和空间。 第三、网站的定位很关键 网站的制作应该明显的体现出相关单位的一个核心理念，因为我们要做的就是在最短的时间内、最有限的空间里将自己的核心思想通过相应的介质传播给用户，我们可以选择通过图片、文字、音频等途经进行传播，网站的建立就应该明确的宣传自己能为客户提供哪些帮助，而不是仅仅是为了“门面”的设计而忽略了网站的实用性。 第四、验收 就是网站制作完成后应该多次进行审核、修改和通过客户的验收，这样一个网站才能算是建好了。如果网站涉及到图片和文字等数据的安全问题，应该立即采取更新、修改或者找回密码等措施，我们有权利制作网站，那就要旅行好维护网站安全的义务。 通过以上的详细介绍，相信大家对网站的制作流程都已经很熟悉了，想要制作网站的朋友赶紧尝试一下吧。
制作一个简单的网页 教学目标: 1、知识目标:了解网页的基本概念以及建立网站的一般方法,学习制作只有文字的网页. 2、能力目标：让学生通过学习掌握建立网站的方法,学生通过学习能够建立只有文字网页. 3、情感目标：培养学生主动实践，勇于实践的勇气，和敢与参与的意识。教学重点: 建立网站制作网页 教学难点: 建立网站制作网页 教法、学法分析: 由于本节课作为制作网页的基础知识,学生可以根据所学知识自己进行操作,教师在此过程中进行适当的指导既可。为了让学生能够充分了解网页的概念，采用教师讲解的教学方法，为了培养学生主动实践的勇气与参与意识，采用学生自主学习的方法。 教学过程: 引入： 我们已经学习过因特网的基础知识和应用，实际体验了“网上冲浪”的滋味，网上世界的确很精彩！但是我们有什么方法能让更多的人了解自己或者自己的学校或家乡呢？最好的方法就是制作一个关于自己或家乡的网页并把它发布到网上。通过了今天的学习我们就能够做到了。
一、网页的概念： {通过多媒体展示“我的家乡”网页，向学生介绍网页的组成，让学生了解网页的概念，并做出总结} 网页就是把用文字、图形、声音、影视等多媒体形式表达的信息，以及分布在因特网上的相关信息，相互链接起来而构成的一种信息表达方式。 二、制作网页前的准备工作 1、认识网页制作工具FrontPage {学生打开FrontPage软件，通过以前学习过的知识认识该软件的窗口，并了解各栏中按钮的作用。} 2、准备好网页素材 [学生在因特网上查找关于“我的家乡”的相关资料，并保存在自己的文件夹中，以便在制作网页时作用。] 三、建立“我的家乡”网站 [根据“做一做”建立一个自己的网站“命名为”我的家乡。] 布置作业: 构思自己的网站，并在小组中进行讨论。 [学生思考问题，并进行操作。] {建立网站后，我们还需要在网站中加入网页，这样我们的网站才能充实起来。} [学生在自己的文件夹中建立一个站点命名为“我的家乡” 根据“做一做”中的提示制自己作主页并保存。然后分别建立其他几网页陕西风景欣赏、陕西古诗文欣赏、自我介绍。]
六年级信息技术上册 《最简单的网页》 四课时 一、教学目标： 利用多媒体计算机和互联网络环境，为学生们创设一个开放的学习空间，让学生自主地利用双向互动的教学辅助软件了解、掌握和巩固所学的知识，进一步探究网页的制作方法及技巧，培养学生的计算机综合应用能力、想象力、创造力、自学能力和综合审美能力，为学生深入地掌握FrontPage软件并运用到实际生活打下坚实的基础。 二、教学对象分析： 小学六年级学生的观察、分析、比较、想象等能力逐渐成熟，在性格上表现好奇、大胆，追求自己的个性，比较喜欢开放、自由的学习环境，主观意识较强。并具有了一定的自学能力和模仿能力，但学生还多以感性表象来掌握概念，形象思维仍是学生掌握知识的主要思维方式，学生对知识的吸收绝大部分都是建在感性认识的基础上，兴趣爱好仍然是学习最好的动力。因此，这节课利用Internet 网络教学，激发他们的热情，很好地发挥了学生主观能动性和创造性，使学生成为学习的主人，有利于培养学生的创新思维。 三、教学重点、难点： 掌握FrontPage的打开、保存、退出以及在FrontPage中编辑文字。 四、教学策略及教法设计： 根据教材的目标，以及学生的特点，教学的辅助课件是用FrontPage制作的网页，目的是建立一个双向互动的教学环境，使学生在网络的环境下，进行学生之间互相合作学习，与教师互动学习，充分发挥学生的主体作用，老师的主导作用，培养学生协作能力。根据学生的不同层次，建立“三位一体”的教学编排，既照顾全体学生，又照顾不同层次的提高，在“基础层次”中让学生初步按照教材的示范初步制作出文字网页：“练习层次”，强化练习，制作出完全并有一定水平的文字网页：三是“拓展层次”，拓展FrontPage的应用，插入三维艺术字、图片等。 在教法上，教师主要使用了直观演示法、主动尝试法、协作学习法、成功体
许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML 代码没有问题，甚至可以推而广之，Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效，毕竟哪个浏览器都要保证基本的容错的功能，不然，就会发生即使仅仅因为网络传输中的一点导致导致HTML页面显示不正常了，而这在网络带宽仍然紧张的今天仍是频繁发生的。 什么是合法有效的HTML代码 简单说来，我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的，即使对于ASP、PHP 之类的动态页面，其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上；对于JavaScript之类则由客户端将其转换为HTML。
同其他语言一样，HTML也有自己的语法规则，无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候，即使对熟练人员来说，在HTML页面构建时仍然难免出些HTML代码上的错误，更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。 如果页面中不存在违背HTML标准语法规范的成分，即可被称为合法有效的HTML代码 合法有效的HTML代码对SEO的重要性 要使搜索引擎收录我们的网页，——在此基础上才能谈网站优化网站推广——其前提是要让搜索引擎的Spider能读懂我们的Web文件。搜索引擎Spider阅读网页的根据便是HTML规范，通过对HTML 代码的分析，Spider才能判断网页内容，在此基础上才能判断针对相应关键词的相关性。 需要明确的是，搜索引擎Spider不同于浏览器的一点便是其容错能力相对于浏览器要差不少，如果页面代码中存在其无法解释的HTML代码时，其便可能停止阅读该页面甚至可能停止在我们的网站内爬行，更严重的错误甚至会导致其同时也丢弃已经收集到的网站内其他页面的内容信息。
课堂任务快速建站技术—模板的应用 课程名称：利用模板快速建站 课时数：4 教学目标： 知识与技能：了解模板的定义，模板的可编辑区域的定义。 过程与方法：掌握在网页中创建模板的三种方法； 掌握模板的可编辑区域的定义、建立和取消； 掌握模板的应用和取消； 掌握如何将模板从网页中分离出来； 掌握使用模板快速建站； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。 教学重点： 在DreamWeaver8中创建模板和应用模板。 教学难点： 学会模板的可编辑区域的定义、建立和取消。 教法： 任务驱动法 学法： 记录关键步骤，积极动手练习。 课前准备： 第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。 教学过程设计： （一）导入设计： 我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计： （1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来； （2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。 （3）教师在学生回答问题的同时，总结评价并补充相关要点。 （4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。 （5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。
题目：设计一个个人网站 一、要求： 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中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程
教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。
《简单网页制作》教学设计 一、设计意图： 目前网络对学生的吸引力很大，学生上网都会浏览网页内容，对网页的制作也有很大的兴趣，想知道一个网页是怎样制作成功的。但是网页的制作相对复杂，对于一些的代码的编辑学生也较难理解，因此本课选择了FrontPage网页制作工具，引导学生简单的了解网页制作的过程，采用了所见即所得的形式避开代码的繁琐，调动学生自行设计的积极性，对网页制作有一个简单的入门了解。 二、教学目标 1、知识目标 （1）理解网页制作的简单步骤。 （2）学会用FrontPage的制作简单网页。 2、技能目标 （1）掌握的FrontPage的背景添加的操作。 （2）掌握FrontPage的文字编辑、艺术字、图片的插入的操作。 （3）知道HTML的简单编码。 3、情感目标 （1）培养学生的口头表达能力、操作和分析概括能力。 （2）培养学生展示自我、表现自我的能力。 （3）培养学生独立思考问题、解决问题的能力和团结协作精神。 （4）在网页制作的过程中，提高学生对FrontPage的认识。三、重难点、问题预测及对策
1、重难点 （1）重点：FrontPage的基本操作。 （2）难点：HTML的理解。 2、问题预测 本节课是网页制作的第一节内容，需要学生掌握的技能并不困难。由于在学习网页制作的过程中，需要培养学生的制作网页的积极性，才能引发学生对网页制作的兴趣，实现自主学习，自主开发。 3、对策 以制作班级自己的主页引起学生注意，引发学生的兴趣。让学生运用FrontPage的插入、背景修改等工具，通过作品展示激发学生的动力。 在教学过程的设计上，通过自主设计自己的个人主页来达到解决一个个知识点的目的，同时通过学生自己创作，引导学生正确的审美情趣和创作激情。 四、课前准备 精美网站、优秀班级主页、素材图片等。 五、教学流程 1、情感导入：通过优秀班级主页欣赏，引发学生兴趣，跃跃欲试。 2、自主学习：引导学生做自己班级的主页。 3、示范教学：学生归纳总结，老师帮助、提醒，使学生掌握正确的操作步骤。
网页制作经验编写高效 率的H T M L网页代码 Document serial number【UU89WT-UU98YT-UU8CB-UUUT-UUT108】
许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现 HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML代码没有问题，甚至可以推而广之，Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效，毕竟哪个浏览器都要保证基本的容错的功能，不然，就会发生即使仅仅因为网络传输中的一点导致导致 HTML页面显示不正常了，而这在网络带宽仍然紧张的今天仍是频繁发生的。什么是合法有效的HTML代码 简单说来，我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的，即使对于ASP、PHP之类的动态页面，其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上；对于JavaScript之类则由客户端将其转换为HTML。 同其他语言一样，HTML也有自己的语法规则，无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候，即使对熟练人员来说，在HTML页面构建时仍然难免出些HTML代码上的错误，更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。
教你制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点：站点----管理站点----新建----站点（前三步也可直接从“新建站点”进入下面的设置向导对话框）----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开和保存网页文件 创建：文件----新建----创建 打开：文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存：文件---保存或另存为 b. 设置网页的页面属性 修改---页面属性---然后设置（标题、背景、背景图像、文本等） c. 设置网页对象的颜色 网页对象，如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法：1、汉字输入法设置为全角方式，按空格键即可输入。2、属性面版格式中：预先格式化的 换行：ENTER、SHIFT+ENTER 实例练习： 1、输入以下文字 书签夹在诗集里， 落叶夹在深秋里。 喜悦夹在生活里， 追求夹在人生里。 2、第一次设置格式为“无”，字体为“华文行楷”，字体颜色为“红色”，字号为“5号”，添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”，字体为“楷体”，字体颜色为“蓝色”，字号为“5号”，添加项
目符号，对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e. 网页图片的插入和属性设置 插入图片，在对话框中选择图片。（最好在建立站点时将欲用的图片素材复制到本地站点目录中） 插入图像占位符，在图片准备好后再加入图片。加入方法：1、双击图像占位符；2、点“属性面版”中的“指向文件”，拖到右边文件中要插入的文件处。 在图像属性面版中设置 f. 插入层 方法: 1、点击插入面版中的“描绘层”；2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层； 3、可以随意移动层的位置； 4、可在层中插入图像、文字等。 g. *插入表格,用表格定位 方法： 1、先用鼠标点至欲插入表格的位置； 2、点插入面版中的“表格”—“插入表格”； 3、确定行数、列数后确定即将表格插入到选定位置了； 4、可在表格中任何单元格里插入图像、文字等。 h. 建立超链接 方法: 1、选中要建立超链接的文字或图像； 2、点右键“创建链接”打开的窗口或在属性的链接栏里，填入链接的目标。（如：本网站另一个网页，或外部网页如https://www.doczj.com/doc/5e5789366.html,，或电子邮件如：mailto:zdhwangji@https://www.doczj.com/doc/5e5789366.html,） 3、在页面属性里修改链接的属性：修改--页面属性（链接、活动链接、访问过链接） 二、制作实例1
怎么样做网页一、制作网站前的准备可以使用一种汉字输入方法，快慢不拘。会用IE点击上网并浏览网页知道一些最最基本的术语，例如说超级链接你知道点一下就能到别的网页去，这个相信你也会吧。你会使用office 软件——没听说过？WORD知道吧？就是你打字的东东。你肯定打过什么文稿之类的东东吧，那就得用到WORD，要不WPS也行，反正一定得会使用这样的软件，不然你就没办法实现制作网页的那些功能。 OK，假设你上面这些东东你全都会的话，那就可以制作网页啦。二、制作网页前必须了解的东东为了使我们这个教材真正实现谁都学得会，谁都看得懂，我决定不在这个教材里说任何专业的东东，我们是想做网页而不是想当网络管理员，更不需要为考什么等级而努力。所以我将这教材定位在最最简单明了的基础上，有些地方写得恐怕你看了也会说一声“弱智”，不过请相信，网上一定还有比你还弱智的朋友等着这些提示呢。呵呵，那么，开始制作啦！首先，我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003（没听说过吗？那我给你解释一下，你去街角的卖盗版盘的老板那问问，有FRONTPAGE2000全版的没有？老扳就会热心的给你一套OFFCE2003，说这就是了，然后要你买下），这个软件同 WORD，EXCEL之类软件一样，是OFFICE系列的一员，安装OFFICE的时候将它也装上，你就能做网页啦，别担心你不会用，我会手把手教你做的。如果你不会装OFFICE，那就请你哪位哥哥帮你个小忙，请他为你装上，其实一点也不难装。好，假设你安装好了FRONTPAGE2003（FRONTPAGE2000也可，不过使用起来没有FRONTPAGE2003顺手），我就是用的FRONTPAGE2003，所以教材上也以此为准。喂，你先别得意，有了这个FRONTPAGE2003是可以做网页，不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢，你要学的东东多着呢，千万别得意哦。三、正式开始啦好，打开FRONTPAGE2003，第一次进入左边会有个烦人的什么视图窗，这东东用不着，关掉它！怎么关？记好了，方法如下：点击上面那菜单条——选查看——在菜单上那个标有“视图栏”的小勾上点一下，呵呵！会了吧，为了简明起见，这个操作我将写为菜单——查看——视图栏记住了吗？这样你看着省心我打着省事，皆大欢喜 :- 现在出现在我们面前的是一个空白的页面。 1、给这个网面起个名字，怎么起？请看方法：菜单——文件——另存为……——（选择你想保存的文件名、
教你怎么制作个人网页 从这儿开始 如果你对于个人网页很陌生,不知道该从哪里开始着手去做,那么就请按照下面所说的去做,你不需要具备网站建设知识,甚至不需要了解或使用任何编码,就能够创建属于你自己的个人网页。 把你的站点发布到网上 简易的站点主机——网上有一些免费的网络主机服务,它们能为你提供一种简单的方式,使你利用在线的简单的设计编辑器或使用模板来制作一个个人网站。你所要做的全部内容就是撰写你的网页内容,而不需要编码。 博客主机——如果你想要创建一个博客,那么有一些站点是你应该考虑的。它们很容易学会,也不需要任何技术性的知识。除了网页和博客以外 档案站点——像 MySpace 这样的网站, 可以让你创建一个在线的个人空间, 你可以在这个空间内和互联网上的其它人进行交流。你可以添加几张照片,告诉别人关于你自己的事情。 在线相簿——把你的数码相片放到网上,创建你自己的个人在线相簿。 Wiki ——另一种形式的网站。 Wiki 是一个既允许你,也允许你的访客更新你的站点的网站。你来选择主题,他们帮你写内容。 制作在线网页 网站制作程序——当你想要制作你的网站的时候,你可以使用一个与你的网络主机服务一起供给的在线编辑器,或者你可以买一个你自己的程序来在你的电脑上设计网页。如果你想要创建属于自己的网页,那么互联网上有许多这样的程序可供选择。
上传网页——如果你决定在你的电脑上制作而不是在线制作你的网页的话,那么,在完成制作后你需要使用某种方法把你的网页上传到你的网络主机服务器上去。许多主机服务提供给你了这样的程序,来帮你实现这一点,但是有的却没有。如果你的主机服务提供商没有给你提供这种程序的话,你会需要一个这样的程序。 图形 所有关于添加图形的事情——这里有你所需要知道的如何开始向网页中添加图形的全部内容。了解如何链接到你的图形,如何把它们从网络上下载下来,如何从你的网站上把它们上传上去以及其它。 免费在线剪辑艺术——你可以在你的个人网站上免费使用的图形。下载这些图形,把它们添加到你的网页上,来营造一个更加个性化的网站外观。 模板和娱乐 复制 /粘贴模板——如果你想让你的网页看上去是某一样子的你可以利用模板来设计它。拷贝下代码,把它粘贴到你的 HTML 编辑器中。然后在空白处填上你自己的个人网页上想要的内容。 添加在线挂件 /附件——如果你想要在你的网站上添加些有趣的东西,试试这些。天气预报,游戏,占星,地图等许多东西你都可以尝试下。
1. 建立文件夹。 首先创建一个文件夹，选择HMTL在站点右击鼠标点击新建文件夹。 然后进去输代码 用户名： 密码： 确认密码： 邮箱地址：
性别： 男 女 学历： 爱好： 体育 音乐 读书 个人简历：
制作一个简单的网页 教学目的：1、使学生初步认识Frontpage 2000中文字的添加。 2、使学生初步利用Frontpage 2000制作简单的网页。 教学软件：Frontpage 2000。 教学过程： 一、复习导入新课： 上一课同学们已经学会了如何启动Frontpage 2000，并且知道Frontpage 2000是用来制作网页的工具，但是有了好的工具我们还要学会如何来利用它做出好的网页来。今天我们就来学习如何制作一个简单的网页。 二、新授课程 1、启动Frontpage 2000。 2、根据下列步骤进行。 （1）请同学们单击工具栏上的“新建”按钮，建立一个新的网页。注意讲解这个时候看不到任何东西。 （2）请同学们利用键盘输入文字：“欢迎进入星星网！” （3）请同学们按照要求设置字体和对齐方式。选择字体大小为7号字，并选择对齐方式为居中方式进行。 （4）通过键盘自己调节文字在页面中的位置。 （5）完成后可以请同学们在“编辑区”点击“预览”方式看看作完后在网页的显示效果，如有不满意及时调整。 （6）完成后教师可以选折先做好的同学演示给没有完成的同学看。 三、课堂练习 1、在网页中输入文字“欢迎你的光临！”注意文字设置为7号，并居中显示。 2、请同学们自主练习输入一个自我介绍的网页内容，教师可以指定文字内容和设置的格式，也可以由学生自己设置。要求保存到（D:\班级名\自己名字）为以后的课做准备。 修饰网页中的文字和背景教案 【教材使用】宁教厅审定山东教育出版社出版软件FrontPage2000 【适用年级】初二年级 【适用单元】网页制作第2节 【教学目的】 1．知识目标 （1）掌握用网页编辑软件打开网站和修改网页的基本方法。 （2）学会对网页中的文字进行各种修饰。 （3）学会为网页设置背景图片。 （4）学会使用水平线美化网页。 2．技能目标 通过学生探究学习过程中，掌握美化网页的基本操作。 3．情感目标 （1）通过动手实践，培养学生的审美情趣。 （2）培养学生在学习过程中自主探究、对比、举一反三的学习能力。 （3）利用知识的迁移，培养学生的综合信息素养能力。 【课时安排】1课时
制作一个简单的网页教学案例 【课时安排】1课时 【教学内容分析】 本节课的主题：让学生了解网页概念并利用FrontPage软件制作简单的网页，学会建立网站的制作流程并建立一个只有文字的网页，本课是用该软件创建以“诗文荟萃”为主题的网站，也就是用所掌握的信息技术知识解决生活中的实际问题，使学生能够学以致用。发挥信息技术学科的优势，以素质教育的新理念，增强学生的动手能力，提高学生的综合素质。 以教材为基石，作为构建知识的桥梁，依据《课程标准》，创造性、合理的对教材进行二次开发与重组。如：导入新课时，利用学生对美好事物的向往，激发学生的求知欲和学习兴趣；采用任务驱动教学，增强学生自学能力；充分采用教材资源，使学生学会自学，并有的放矢；对学生的评价方式，采用学生作品展示，是学生学习的一个延续，对学生学习起到一种推进的作用。 【分析教学对象】 1、学生的年龄特点和认知特点 八年级的学生对周围的一切充满了好奇，他们急于表现自己，对于教师布置的任务能够认真对待。对于FrontPage的知识了解不多；对网站兴趣较大，但制作知识几乎为零。本节课给学生提出一个初步的任务：创建一网站，并制作一个简单网页，让学生体验初步的成功，这对于今后的学习有很大帮助。初二的学生创作欲强，因此本节课中，提倡、鼓励独立完成作品，培养学生自学意识与自学能力。 2、学习者对即将学习的内容应该具备的水平 本课是学生初次认识FrontPage并能应用它制作简单的网页，培养学生综合运用知识解决问题的能力，以及各方面素质的一次综合评价。 【教学目标的设计】 1.知识目标
（1）了解网页的概念； （2）了解建立网站的一般流程； （3）初识FrontPage2003并学会建立网站； （4）学习制作一个只有文字的简单网页。 2.技能目标 学生通过探究学习过程中，掌握网站的建立方法与创建简单网页的操作。 3.情感目标 培养学生在学习过程，自主探究能力和分类汇总知识的能力。 【教学重点与难点】 （1）重点：建立网站、保存网页的方法。 （2）难点：网站与网页的区别，网页文件名与文件标题的区别。 【教学策略设计】 1、根据教材内容和学生的实际情况，本课采用“任务驱动”、“问题──探究”等教学方法，创设一个板报展览的情境（创设情境），以逐个任务和问题驱动学生多动手、多思考、多实践，从而了解和掌握FrontPage的基本知识和技能。 2、本课传授给学生的学法是“问题驱动下的自主学习──分组协作学习──探究发现学习”。让学生在学习过程中，提倡某些问题的分组协作与自主探究。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，以问题驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。 3、是在网络教室中完成的，利用多媒体局域网络，实现教师演示、个别指导、网上交流、作品提交及作品展示评比。在出现共性问题与个别错误时教师可以利用网络教室软件演示和个别指导，在创作作品的同时，生生可以进行网上交流。体现教师的指导、组织作用，学生主体、探究协作地位。 【教学评价设计】
简单网页制作 1、HTML基本结构和标记符练习 使用html、title、body标记制作一个有网页标题、网页背景图片（或背景色）、网页背景音乐、网页中有正文文字的简单网页。此网页做好后存为1.htm文件2、标题、段落、换行和水平线标记符练习 在网页中显示一首唐诗或宋词（内容自己定），要求全部居中。诗名用一级标题，作者名用四级标题。用一条满屏的蓝色水平线分隔作者和正文，用
标记符断诗的每行，不分段。此网页做好后存为2.htm文件 3、字体、跑马灯标记符练习 在网页中制作“欢迎你朋友”动态移动文字效果，要求如下： ①字体大小5号字，颜色非黑色即可。 ②文字移动方向从左到右出现，在页面中左右来回移动，移动速度为13. ③鼠标放到移动文字上停止移动，离开后文字继续开始移动。 此网页做好后存为3.htm文件 4、图片和超链接标记符练习 在网页中随意插入一张图片（不要太大），并设置为超链接对象，鼠标放上去显示“有超链接”文字提示，通过链接打开2.htm。此网页做好后存为4.htm文件5、多媒体容器标记符练习 使用