教你做网页

合集下载

个人网页设计说明

我们读书就‎是为了获得‎知识，现在‎我们学习了‎网页设计，‎当然就是要‎能做一个精‎美的网页。

‎在此次网页‎设计中，我‎们要能更加‎的了解Dr‎e amea‎v er强大‎的功能和更‎好的使用它‎。

诚然，次‎此设计的个‎人网页，一‎方面是为了‎完成我们的‎考试，但更‎重要的是把‎我们所学到‎的东西用在‎具体的实践‎之中，所以‎，这次设计‎的目的也是‎要我们更好‎的掌握和使‎用好ASP‎的核心工具‎和技术，以‎便提高对网‎页知识的更‎深层了解。

‎第三点也是‎最要的一点‎是，把我们‎在书本上学‎到的知识充‎分运用到此‎次设计之中‎。

使我们的‎在书上学到‎的东西不仅‎仅停留在表‎面上，把这‎些东西都用‎在所要做的‎网页上面。

‎以达到老师‎要求的效果‎和学以致用‎。

制‎作中使用过‎的软件：‎主要的‎使用工具有‎：Drea‎n weav‎e r 、C‎o new和‎M eitu‎，而在此次‎设计中主要‎用到Dre‎a meav‎e r 设置‎首页，编辑‎功能，排版‎功能，设计‎模版功能，‎插入文本包‎括插入文本‎元素插入图‎像和图文混‎排和外部图‎像的编辑等‎功能。

关于‎D ream‎e aver‎的插入FL‎A SH功能‎我用的比较‎少，在首页‎里我插入了‎一副FLA‎S H，主要‎是它的功能‎我还不是很‎了解，我相‎信我以后会‎更好的使用‎它。

个‎人网页介绍‎;我的网‎页主要包括‎了主页，个‎人简介，个‎人像册，心‎情日记，幽‎默笑话，最‎拽女人，联‎系我等。

主‎页主要上用‎来显示网页‎的主要内容‎。

在主页里‎，我嵌套了‎一副FLA‎S H，在F‎L ASH里‎面我又加入‎了一首歌，‎是本网页有‎了精美的音‎乐。

个人档‎案主要是用‎来介绍自己‎和介绍自己‎的爱好，以‎便让更多的‎人了解自己‎。

个人像册‎是用来显示‎照片的，在‎个人像册里‎我用Con‎e w做了一‎个动感影集‎，把我所有‎做过的相片‎都加进了里‎面，看起来‎比较个性，‎美观，心情‎日记里我加‎进了自己的‎日记，把生‎活点滴都记‎录了下来。

如何用word做网页

如何用word做网页
知道吗？制作网页并不是很神秘、很困难的事情，现在有很多制作网页的软件，他们的操作都很简单，做出来的网页也很漂亮，那我给大家介绍一下你最熟悉的东东word吧，它也能做网页啊！
一.建立网页
1.运行word,单击“文件——新建”；
2.在弹出的窗口中，单击“web页”，然后选择“普通版式”。

单击“确定”，弹出窗口
3.可以用提供的模板。

二、编辑网页
1.插入图片
普通模板建立的网页有3栏，我们可以对它进行修改。

先删除一栏，操作方法和word中删除表格行或列是一样的。

这时，我们的网页只剩下2栏，在左边这一栏装上一幅画吧。

方法是：将光标移到要插入图象的地方，然后单击“插入”，选择“图片”，找到“来自文件”后单击。

在弹出的窗口中选择要插入的图片，单击“插入”
2.编辑文字
在右边那一栏里，根据提示输入自己喜欢的文字，当然你可以采取复制、粘贴的方法来完成。

呵呵！看看怎么样啊！还满意吧！那就保存一下，否则你可就白忙活了。

3.保存、修改网页
保存的方法很简单，单击工具栏的“保存”按钮，在弹出的窗口中选择要保存的文件夹，给自己的网页文件起个名字，然后单击“保存”就OK了！
修改网页也是非常简单的，用word打开，根据自己的需要修改就行了。

怎么样？只要你会word的操作，就能做出网页来！
最后告诉你，要想发布你的网页，就去申请个人空间，根据空间
给你的要求进行操作，上传就可以让别人看到了！！。

简单的网页制作教程-设计一个个人网站

题目：设计一个个人网站一、要求：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，单击保存，这样得到第一个页面，以同样的方式建剩下的三个页面，这里我的首页默认为index.html，其他三个网页的名字分别为a.html、b.html、c.html，我们这四个网页文件已经保存在我们建的文件夹里。

实验一做一个简单的html网页

实验报告学生姓名：学号：一、实验室名称：软件大楼302二、实验项目名称：用HTML语言制作简单的网页三、实验原理：1.网页（1）网页就是在浏览器上看到的一页，网页也称为Web页。

（2）主页通常是进入网站首先浏览的网页，具有引导用户浏览整个网站内容的作用。

（3）超链接是网页中的特殊标记。

它指向了WWW中的其他资源，如其他网页、网页的另一个段落、声音文件等。

这些资源可以位于自己的计算机上，也可以位于其他计算机上。

用作超链接的标记可以是一段文字、一幅图像，也可以是一幅图像的一部分。

在浏览网页时，单击超链接就可以跳转到超链接所指向的资源。

超链接像一根一根的线一样，将各种网页链接在一起，形成一个庞大的信息网。

2.HTML语言（1）HTML语言就是超文本标记语言，是网页制作的基础，也是基本的工具，使用其他任何工具制作的网页，最终都要以HTML方式存储在计算机里。

（2）HTML的脚本可用任何一种文本编辑器进行编写，如记事本、Microso ft Word等。

保存时要将脚本保存成纯文本格式，扩展名必须是.htm。

（3）HTML脚本的基本结构。

HTML脚本总是以<html>标记开头，</html>标记结尾，在<html>和</html>标记之间是HTML的所有内容，一般情况下它分为两部分：头部和主体。

头部总是由<head>和</head>标记定义的，其中包含了HTML脚本的标题和说明信息；头部下面是HTML脚本的主体部分，它以<body>作为起始标记，</body>作为结束标记，其中所包含的就是在浏览器中所看到的内容，包括文字、图片、动画等。

3.FrontPage，dreamwerver，notepad以FrontPage为例，它是一种简单易学的Web管理和网页制作的软件。

Front Page2000的窗口，如图1.1所示。

如何制作网站【黑马系列教程】下篇

如何制作网站【黑马系列教程】下篇如何制作网站-【黑马系列教程】(下篇)2010-12-24 13：15十一、做网页应该注意的几个问题·关于超级链接链接有站内链接指向非本站的链接。

我们先来谈论前者，站内链接。

站内的链接，来来回回都在本站之内，我们要讨论的问题是链接的目标框架问题。

目标框架的概念可能不好理解，其实它指的就是当用户点击了一个链接，这个链接将以什么样的方式打开新的页面，即在同一窗口打开还是在新的窗口打开；它还有其他的方式，如指向网页设计者定义的书签、执行预定义的程序、可视部分移到本页的头尾等等。

我们主要讨论在新窗口和在同一页打开链接的选择问题。

总在新窗口打开链接不是明智的，相反，总在同一页打开也不对。

像IE这样的浏览器，如果总在新窗口打开你提供的链接，IE窗口就越来越多，访问者一下子就有太多的IE窗口，资源消耗过大，也会混淆各窗口之间的关系，弄不好会一头雾水。

即便是像Maxthon、TT这类有子窗口的浏览器，子窗口太多也容易找不着北。

所以我们在做超级链接时应该做些选择，一般的原则是，从首页进入栏目导航在同一页打开，从导航页面进入具体内容的页面在新窗口打开，从有具体内容的页面进入相同级别的页面在同一窗口打开。

不论是何种级别的页面，都应该提供返回首页、次首页的链接且它的位置比较明显。

往站外的链接，通常应该选择在新窗口打开，否则访客一点击你提供的链接就从你的网站跑开了，这应该不是你所希望的。

下面讲讲做链接的方法。

方法一：在FP"普通(设计)"编辑模式下制作。

选中你要做链接的文字(图片)，右击它→选择"超链接"，将弹出一个创建超链接窗口，在该窗口选择站内的某个文件(适用于站内链接)，或直接在URL文本框输入要链接的地址(适用于站内站外链接)，单击"目标框架"(右下方)右边的图标，在弹出的目标框架窗口选择一种链接方案(如新建窗口、相同框架、网页默认值等)，单击确定按钮退出该窗口，再单击"目标框架"窗口的确定按钮完成超链设置。

如何做一个自己的网站

如何做一个自己的网站一租用服务器，找网络公司建网站，这是一般企业建网站的首选可以获得较完善的服务，并且自己不需要太多网络技术，网络公司可以为你制作网页并替你维护二找免费空间，一般个人网站的首选优点是1.省钱2.速度还过得去3.安全缺点：1.一般免费空间不提供SQLserverAccess或MySql这样的数据库，只能做静态网页，2.毕竟人家的服务器不是自己的，维护不太方便三用自己的电脑做服务器，方法如下：1.安装win2000server,记得一定要安装IIS组件2.网上下载并安装花生壳，申请花生账号，并绑定3.如果要做动态网页如：论台请安装SQLserverAccess或MySql这样的数据库软件4.如果使用Adsl太慢可到电信局申请专线接入，费用较大，一年大概2.5~3万元四如果你认为上述方法都不适合你,那么，艾虎123网络可以满足你拥有自己网站的愿望.你可以从这里申请建立一个免费动态网站艾虎123网络是完完全全的中文建站网，不懂技术也可以建网站！申请成功后,你便拥有了独立的域名,独立的空间,在艾虎123建站网的建站技巧里我们提供了很多建网站的技巧代码，你还可以给自己的网站起个好听的名字.剩下的事就是好好的经营你的网站,把最好的东西写上去,最吸引人的内容贴上去,而在这个过程中,你要做的只是搜集好的内容,而不用担心技术方面的因素,因为她已经把骨架给你搭好了，当然，你也可以自己独立设计网站，然后上传到我们空间。

网站建设要领：要领一：确定网站主题做网站，首先必须要解决的就是网站内容问题，即确定网站的主题美国个人电脑杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材：第1类：网上求职；第2类：网上聊天/即时信息/ICQ；第3类：网上社区/讨论/邮件列表；第4类：计算机技术；第5类：网页/网站开发；第6类：娱乐网站；第7类：旅行；第8类：参考/资讯；第9类：家庭/教育；第10类：生活/时尚我们可以参看上面的分类，继续细分如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品对于内容主题的选择，要做到小而精，主题定位要小，内容要精不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难记住：在互联网上只有第一，没有第二！要领二：选择好域名域名是网站在互联网上的名字一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上失去这个域名，所有前期工作就将全部落空目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它适时开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象简单易记要领三：掌握建网工具网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富从最基本的HTML 编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器：（1）HTML编辑器虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范，使用较为普遍的有Hotdog等专业HTML编辑器（2）所见即所得的网页编辑器其中以Microsoft Frontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现所以Frontpage是一款非常适合初中级网页制作人员使用的工具软件（3）现在非常流行的Macromedia公司出品的Flash互动网页制作工具这是是一款功能非常强大的交互式矢量多媒体网页制作工具能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！但它的动画效果互动效果多媒体效果十分出色而且还可以在Flash动画中封装Mp3音乐填写表单等；并且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度这是一款十分适合动态Web制作的工具另外，个人网站制作者还需了解W3C的HTML4.0规范CSS层叠样式表的基本知识javascriptVBScript的基本知识对于常用的一些脚本程序如ASPCGIPHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的当然，互联网还是一个免费的资料库编制网页需要多种多样的按钮背景还有各种各样图形图片如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形图片制作技术所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片按钮背景等网页素材要领四：确定网站界面界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：栏目与板块编排构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确层次清晰网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题网站的题材确定后，就要将收集到的资料内容作一个合理的编排比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来在制定栏目的时候，要仔细考虑，合理安排在栏目编排时需要注意的是：尽可能删除那些与主题无关的栏目；尽可能将网站内最有价值的内容列在栏目上；尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介版权信息个人信息等大可不必放在主栏目里，以免冲淡主题另外，板块的编排设置也要合理安排与划分板块比栏目的概念要大一些，每个板块都有自己的栏目举个例子：ENET硅谷动力（）的站点分新闻产品游戏学院等板块，每个板块下面又各有自己的主栏目一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块如果有必要设置板块的，应该注意：各板块要有相对独立性；各板块要有相互关联；各板块的内容要围绕站点主题；目录结构与链接结构网站的目录是指建立网站时创建的目录例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响所以建立目录结构时也要仔细安排，比如：不要将所有文件都存放在根目录下有网站制作者为了方便，将所有文件都放在根目录下这样就很容易造成：文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率；上传速度变慢，服务器一般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文件量越大，等待的时间也将越长按栏目内容建立子目录子目录的建立，首先按主栏目建立友情连接内容较多，需要经常更新的可以建立独立的子目录而一些相关性强，不需要经常更新的栏目，例如：网站简介站长情况等可以合并放在一个统一目录下所有程序一般都存放在特定目录，例如：CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于维护管理在每个主目录下都建立独立的Images目录一般来说，一个站点根目录下都有一个默认地Images目录将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦所以为每个主栏目建立一个独立的Images目录是方便管理的原因很简单，就是方便维护与管理其它需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理网站的链接结构是指页面之间相互链接的拓扑结构它建立在目录结构基础之上，但可以跨越目录形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线一个点可以和一个点连接，也可以和多个点连接更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中一般的，建立网站的链接结构有两种基本方式：树状链接结构（一对一），这类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会不知身在何处，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再进行星状链接结构（一对多），类似网络服务器的链接，每个页面相互之间都建立有链接这样浏览比较方便，随时可以到达自己喜欢的页面但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容因此，在实际的网站设计中，总是将这两种结构混合起来使用网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局进行形象设计网站的设计可以从以下几点出发：设计网站标志(LOGO)LOGO是指网站的标志，标志可以是中文英文字母，也可以是符号图案等标志的设计创意应当来自网站的名称和内容比如：网站内有代表性的人物动物植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体字母的变形字母的组合可以很容易制作好自己的标志设计网站色彩网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪标准色彩是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块给人以整体统一的感觉至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色设计网站字体和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体一般网页默认的字体是宋体为了体现站点的与众不同和特有风格，可以根据需要选择一些特别字体制作者可以根据自己网站所表达的内涵，选择更贴切的字体需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了设计网站宣传语也可以说是网站的精神主题与中心，或者是网站的目标，用一句话或者一个词来高度概括用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果要领五：确定网站风格风格是抽象的，是指站点的整体形象给浏览者的综合感受这个整体形象包括站点的CI（标志，色彩，字体，标语）版面布局浏览方式交互性文字语气内容价值等等诸多因素，网站可以是平易近人的生动活泼的也可以是专业严肃的不管是色彩技术文字布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的风格风格是有人性的，通过网站的色彩技术文字布局交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西并以它作为网站的特色加以重点强化宣传总之，风格的形成不是一次定位的，你可以在实践中不断强化调整改进要领六：有创意的内容选择好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意网络上的最多的创意即是来自于虚拟同现实的结合创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户从根本上说，网站内容仍然左右着网站流量，内容为王（Content Is King）依然是个人网站成功的关键要领七：推广自己的网站网站的营销推广在个人网站的运行中也占着重要的地位，在推广个人网站之前，请确保已经做好了以下内容：网站信息内容丰富准确及时；网站技术具有一定专业水准，网站的交互性能良好一般来说，网站的推广有以下几种方式：（1）搜索引擎注册与搜索目录登录技巧注册著名的搜索引擎站点是在技术上推广网站的第一步注册搜索引擎有一定的技巧，像AltaVista搜索客这样的搜索引擎，它自动收录提交的网址另外，注意Meta的使用，不要提交分栏Frame页面，大部分搜索引擎不识别Frame，所以一定要提交有内容的Main页面而像Yahoo搜狐等搜索目录网站采用手工方式收录网址，以保证收录网站的质量，在分类查询时获得的信息相关性比搜索引擎站点（靠Spider自动搜索的）更强由于搜索目录网站收录网站的人为因素相对较多，因此在提交网站时要注意遵守规则如Yahoo要求注册站点描述不超过25个单词在此要注意：将网址提交到最合适的目录下面，要认真详细的介绍网站，千万不要有虚假夸张的成分（2）广告交换技巧很多个人站点在相互广告交换时都提出了几个条件：第一，访问量相当；第二，首页交换显而易见，这种做法是为了充分利用广告交换以很多个人网站的经验，当与一个个人站点交换链接时，对方把网站的LOGO 放到了友情连接一页，而不是首页时，很少有访客会来自那里通常在首页，广告交换才会有很好的效果（3）目标电子邮件推广使用电子邮件宣传网址时，主要有如下技巧：可以使用免费邮件列表来进行，只要你申请了免费邮件列表服务，你就可以利用邮件列表来推广你的网站；可以通过收集的特定邮件地址，来发送信息到特定的网络群体，在特定网络群体中推广自己的网站；发送HTML格式的邮件，即使其内容与接收者关系不大，也不会被被当作垃圾信件马上删掉，人们至少会留意一下发送者的地址不过，在进行邮件推广的时候要注意网络道德要领八：支撑网站日常运行当个人网站做到某一程度，就必须把赚钱提到议事日程上来，通常来说，个人网站获取资金通常有以下两个渠道：（1）销售网站的广告位要销售网站的广告位，一般来说，每日的流量少于1万人次的网站在目前是不会吸引广告主的网站的专业性及商用性，以往的广告经验，技术以及设计要求等也会影响到广告的销售一般来说，WEB广告的收费有三种方式：CPM (Cost Per Million/Thousand)放一个广告，它按每1,000人次来访问站点收费这方法对网站经营者最为合适，只要有人浏览该网页，就得钱，不管访问者对广告有无反应是否会看或点击该广告点透（Click-through）通过Banner广告点到了广告商的站点，这才算数，广告商青睐这个，他只为对自己广告感兴趣的人套钱网站经营者就不合适了，据一些调查资料表明，只有3%的访问者会去CLICK广告提成(Commission)根据访问者点击位于你站点上广告所带来的销售收入，从中跟做广告的厂商分成，这种方法对于网站的经营者来说，比上面两个都更加冒险通常的，个人网站的广告收费方法往往是第一第二种方法的结合，站点和广告商都可少冒点险（2）与大型网站合作另外，通过与大型网站合作，获取经费，也可以维持个人网站的日常运行不过，个人网站很容易会成为商业网站的附属品有时间和充沛的体力，再加上对新技术和技巧的学习和应用，你就能为自己在网上建一个家了。

制作网页详细操作步骤

制作网页详细操作步骤制作网页详细操作步骤导读：目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。

下面为大家带来制作网页详细操作步骤，快来看看吧。

制作网页主要有以下一些工具Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。

Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。

建议初学者选用。

另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具，javascript、java编辑器等。

网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。

所以还得学很多边缘性的软件，例如photoshop、flash等。

大型的网站往往还需要数据库的支持，所以还得懂数据库。

sql、甲骨文等。

总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。

随便混就好了！网站设计八步骤由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。

一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。

特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。

网页制作中的模板如何创建-模板常见方式-怎么做

网页制作中的模板如何创建-模板常见方式-怎么做网页制作中模板的创建主要是有这些方法：利用Dreamweaver 创建空白模板;从现有文档创建模板;从模板面板创建模板;其从模板面板创建模板操作为：在"模板"面板中通过"新建模板"和"编辑"按钮即可创建。

1、创建空白模板在Dreamweaver在创建空白模板的过程如下：①在命令菜单中，选择"文件"→"新建"，打开"新建文档"对话框。

②在"新建文档"对话框中选择"空模板"，在"模板类型"中选择"PHP模板"，在"布局"列表中选择必须要的布局框架，在"文档类型"的弹出菜单中选择 "HTML5"。

然后点击"创建"按钮即可空白模板，模板文档生成后，还要创建可编辑区域，为以后填写不同的网页内容做准备。

③在文档窗口中选择想设置为可编辑区域的文字或内容，如拖动鼠标将部分区域选为可编辑区域，然后在"插入"→"常用"面板中单击"模板"按钮，在弹出的菜单中选择"可编辑区域"。

在出现的对话框中为"可编辑区域"输入一个名称(不能使用特别字符)，然后点击 "确定"即可创建一个可编辑的区域;也可以通过菜单命令"插入"→"模板对象"来实现创建可编辑区域。

④重复③的操作，创建不同的"可编辑区域"。

⑤在"文件"菜单中点击"储存"，并命名模板文件，模板就做好了。

注意：为了方便使用模板，系统会将模板文件储存在网站根目录下的Templates文件夹中，模板文件的扩大名为".dwt"。

抄现实——快速打造网页形式感技巧之四(原创技巧)

Hi ，晚上好！登录|注册|忘记密码站酷规则|常见问题搜索素材高级搜索|论坛首页我的站酷原创作品经验分享设计素材佳作欣赏设计活动找服务站酷志小组抄现实——快速打造网页形式感技巧之四（原创技巧）74天前上传 / 您是第 58198 位浏览者 / 目前有 215 条评论使用 Photoshop 完成站酷网提示您：本文由 yiui 原创，如需商业用途或转载请与 yiui 联系，谢谢配合！ yiui 深圳 / 网页设计师积分 32首页 >> 原创经验分享 >> 交互设计 >> 网页设计下载 5.25MB10354801387Share It Report It 站酷网提示您：本文由 yiui 原创，如需商业用途或转载请与 yiui 联系，谢谢配合！查看全部 >>炎羽上海市 / 平面设计师F 17小时前：楼主啊，你真是超级超级的牛叉啊！回复| 举报团队博客:/本文由站酷网 yiui原创，转载请保留此信息，多谢合作。

　转贴到：新浪微博215条）tutu91常德 / 学生对于我这种学平面的学生来说真是太爱了。

网页制作教学设计优秀8篇

网页制作教学设计优秀8篇制作交互网页教学设计篇一网页的制作一、教学题目：网页的制作二、教学目标：1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识frontpage的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。

三、教学重点：1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）四、教学难点：在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。

五、教学过程：教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。

问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？(第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：,主页也是网页)设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。

今天我们学习用frontpage建立站点，制作一个主页。

先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。

打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。

请学生浏览教师课件，了解学习任务。

2、新建站点frontpage的启动问：与word比较，有什么不同？（增加了视图区，编辑区有三个窗口）总结：视图区：多种视图模式是为了方便网站的管理。

边做边学——Dreamweaver CS5网页设计案例教程04

超链接4.1.5【实战演练】——摩托车改装网页使用“属性”面板，为文字制作空链接效果，使用“电子邮件链接”按钮，制作电子邮件链效果，使用“属性”面板，为文字制作下载链接效果；使用“CSS样式”改变链接的显示效果。

（最终效果参看光盘中的“Ch04> 素材> 摩托车改装网页> index.html”，如图4-1所示。

）1．创建空链接1 选择“文件> 打开”命令，在弹出的“打开”对话框中选择光盘中的“Ch04 > 素材>摩托车改装网页> index.html”文件，单击“打开”按钮打开文件，如图4-2所示。

图4-1 图4-22 选中如图4-3所示的文字，在“属性”面板“链接”选项右侧的文本框中输入“#”，如图4-4所示，按Enter键，确认文字的输入，创建空链接，效果如图4-5所示。

图4-3 图4-4 图4-53 用相同的方法为其他文字创建空链接，效果如图4-6所示。

第4章超链接CHAPTER 4图4-62．创建下载链接1选中如图4-7所示的文字，单击“属性”面板“链接”选项右侧的“浏览文件”按钮，在弹出的“选择文件”对话框中选择“Ch04 > 素材 > 摩托车改装网页 > images ”中的“mtc.zip ”文件，如图4-8所示。

图4-7 图4-82单击“确定”按钮，创建下载链接，“属性”面板如图4-9所示，效果如图4-10所示。

图4-9 图4-103．创建电子邮件链接1选中如图4-11所示的文字，单击“插入”面板“常用”选项卡中的“电子邮件链接”按钮，在弹出的“电子邮件链接”对话框中进行设置，如图4-12所示。

图4-11 图4-122单击“确定”按钮，创建电子邮件链接，“属性”面板如图4-13所示，效果如图4-14所示。

边做边学——Dreamweaver CS5网页设计案例教程中等职业教育数字艺术类规划教材图4-13 图4-14 4．调整超链接的显示效果1 选择“窗口> CSS样式”命令，弹出“CSS样式”面板，单击面板中的“新建CSS规则”按钮，在弹出的“新建CSS规则”对话框中进行设置，如图4-15所示，单击“确定”按钮，弹出“a:link,a:visited的CSS规则定义”对话框，在左侧的“分类”选项列表中选择“类型”选项，将右侧的“Color”选项设为黑色，勾选“Text-decoration”选项下的“none”，如图4-16所示，单击“确定”按钮，创建超链接样式，效果如图4-17所示。

浅谈如何做好网页

其次，在网页的制作中，常常使用表格来规划版面。特别要提醒学生注意一个好的网页，首先要有一个好看的主页，给人良好的第一印象，所以要精心设计自己网页的这一“门面”。
1、首先选择一幅适合表现主题的好图片作为主页背景，以增强吸引力。
2、制作网页标题。
3、为自己的主页设计主题词
综上所述：主页与其它网页之间布局要有相似性
三、层次结构与链接结构的建立一个好的网页应该有清晰的层次结构。
提醒他们注意几点：
第一，不要使用中文第二，不要使用过长的字符；第三，要尽量使用意义明确的文件名。第四，如图像文件要统一存放在image的文件夹里，方便管理和维护。
四、色彩的搭配色彩搭配的和谐与否直接影响网页美感。
这里推荐几个色彩搭配的方法： 1．用一种色彩。
2．用两种色彩。
ห้องสมุดไป่ตู้
3．用一个色系。
五、适当运用技术技术是为主题服务的，技术的使用价值是在于它要能更准确、更生动的体现主题的意图，达到更美观更吸引人的效果，反之，技术的添加则是画蛇添足，特别是过多的特效与动画、大而不当的图片，只会降低网页的显示速度，并使浏览者眼花缭乱等。
浅谈如何做好网页
一、确立主题主题是网页的灵魂，一个小巧别致的主题能使得一个网页显得内容充实而深入。
其次，要指导学生选择有新意的主题，要避免选取那些到处可见，人人都会想到的题材作为主题。
再次，当主题确定后，就是要起一个好听的网站名称了。
二、版面布局的设计
版面布局是网页的脸面。版面布局是一个设计的概念，指的是在一个限定的面积范围内合理安排、布置图像、文字的位置，把文章、信息按照轻重缓急的秩序陈列出来的同时，将页面装饰美化起来。

做网页的步骤【试试用ILLUSTRATOR来做网页】

做网页的步骤【试试用ILLUSTRATOR来做网页】一、将所有单位设置为像素默认情况下，Illustrator使用公制单位的尺寸和点。

这些都是设计大多数情况下的设置，但对于网页设计，你就需要设置为像素了。

所以，你开始工作之前，请确保你的单位是否设置正确。

如何设置单位：1、打开编辑菜单2、从首选项子菜单中选择单位3、设置所有单位为“像素”二、新建文档配置文件类型选择Web当你开始你的新设计,很容易浏览新文档和一些重要的细节,如果告诉AI你要创建web对象,这样就不会选择CMYK颜色和边缘模糊的对象。

在新文档窗口一定要选择“web”配置文件设置,一切都会好的。

三、打开对齐像素网络此功能是一个生命的救星，如果你曾经存在Photoshop模糊边缘形状的问题。

他可以调整垂直和水平的对象使他们完全匹配像素网格，同时保持弯曲和倾斜段的锯齿。

这就呈现出了你在网页设计中所想要的完美像素。

如何设置：1、点击窗口-变换2、勾选对齐像素网格如果没有下面的选项就点击右上角的小三角，显示隐藏选项四、使用像素预览像素预览功能将使AI就像PS一样，当放大你的作品超过100%就会出现像素格，而不是完美的矢量模式。

如何设置：1、点击视图2、勾选像素预览五、使用浮动窗口假设你有两台摄像机对准你的设计。

一个相机在正常水平，以100%的比例展示你的作品。

另一台相机在你工作的时候以400%的缩放比例对准特定的图标，类似于一个外科医生。

你用放大的相机观察细节、图标像素的变化，用实际大小来观察整体。

这个功能在你要绘制小细节的时候特别的方便。

如何设置：1、点击窗口-新建窗口2、点击窗口-在窗口中浮动3、你可以自由调整缩放窗口大小，来更高效配合你的工作六、使用符号库(symbols tool)来快速创建按钮、图标有多少次你在PS中创建相同(接近)的按钮或小部件?如果你是网页设计师，你可能每一天都在这样做。

AI可以帮您节省时间，并避免这种重复的工作。

dw做网页教程

dw做网页教程DW（Dreamweaver）是一款常用的网页设计工具，它拥有一系列强大的功能，可以帮助我们设计出美观、响应式的网页。

在本教程中，我们将逐步介绍使用DW创建网页的基本步骤和技巧。

第一步：新建网页在DW中新建网页非常简单。

首先，打开DW软件并选择“新建”按钮。

在弹出的对话框中，选择“空白页面”选项，并点击“创建”。

接下来，您可以选择网页的布局和样式。

DW提供了一系列的网页模板和样式，您可以根据需要选择或自定义。

第二步：设计网页结构在DW中，您可以使用所见即所得（WYSIWYG）的编辑模式来设计网页的结构。

您可以直接拖拽元素（如文本框、图片等）到网页中，并调整它们的位置和大小。

此外，DW还提供了一系列的设计工具，如网格辅助线、对齐和排列工具，以帮助您设计出更精确、有吸引力的页面结构。

第三步：添加内容一旦您完成了网页的基本结构设计，接下来就可以开始添加内容了。

您可以使用DW提供的文本编辑工具在网页中添加文字，并进行格式设置。

同时，您还可以添加图片、视频、音频等多媒体元素，以增加网页的丰富性和互动性。

第四步：设置样式DW提供了强大的CSS样式编辑功能，您可以使用它来定义网页的外观和布局。

您可以选择文字的字体、大小和颜色，调整图片的大小和边距，设置背景颜色或背景图片等等。

通过合理地运用样式，可以使网页看起来更加统一和专业。

第五步：导出网页当您完成了网页的设计和编辑后，就可以将其导出为HTML 文件，以便在浏览器中查看和使用。

在DW中，只需点击“文件”菜单中的“保存”选项，选择保存的位置和文件名，即可导出网页。

同时，DW还提供了可视化的预览功能，您可以在软件中即时查看网页的效果。

以上就是使用DW创建网页的基本步骤和技巧。

通过不断的练习和实践，您可以逐渐掌握DW的各种功能，并设计出优雅、功能强大的网页。

祝您学习愉快！。

如何用DW和FW制作网页(初步入门)教程

如何用DW和FW制作网页（初步入门）教程1.用fw做一个页面的蓝图，大小尺寸及颜色都按照未来页面实际情况来。

这样做的好处就是可以加强页面的整体感。

2.用fw的切片工具切图。

注意：1>切图前先大致构思好未来网页的布局、表格、框架等。

2>图片尽可能的小，对于大面积且有重叠规律的图片，只取其重叠方向的一个像素宽的图片，用来做页面局部背景的图片，这样利用背景的重叠性就可以实现蓝图中的效果并且很大程度上减小了页面的体积。

3>诸多切片的边界尽可能多的处于同一横坐标或纵坐标上。

3.导出切片（鼠标放在切片上右键“导出所选切片”），并命名（简单易记易懂的名字可以使你后来的工作事半功倍）。

图片的格式在文件>>>导出预览面板里设置，按照gif(128),gif(256),jpg的先后顺序，导出格式首先考虑前面的，在满足不了颜色质量要求的情况下再考虑后面的导出格式。

4.用dw创建新页面。

页面的顶间距(top margin)和左间距(left-margin)一般都设为0，但顶间距(top margin)也可以不是0，视你的设计要求而定.5.按照页面整体的布局，用DW插入表格居中，一般宽度为775（考虑到800*600像素显示器下无横向滚动条），但也没有定论。

这里我选择了230，因为我要做的是BK设计的QQ迷你门户。

只考虑宽度，先不用考虑表格高度，因为以后插入的图片和表格会将高度撑起来6.按照布局的需要可以在整体表格里嵌套表格以达到精确布局。

插入图片及背景图片。

插入背景图片的时候要注意控制好背景所属单元格的高度和宽度，因为背景撑不起表格所以需要手工设置td的宽度width和高度height的值另外两个小技巧：1〉设置高度小于5像素的单元格td时，DW无法从设计模式下实现。

实现的方法：先在属性面板里将高度height的值设置为你要的高度值，接着用鼠标单击该单元格内部，然后将界面切换到代码模式下，此时在闪动的光标附近你将会看到" "的代码，删掉它，最后切换回设计模式下你发现了什么呢？呵呵~2〉DW创建的表格如果设置边框bordor的值为1的话，你会发现它并不美观。

怎么做网页的使用流程

怎么做网页的使用流程1. 准备工作在开始制作网页之前，你需要进行一些准备工作，包括以下步骤：•确定网页的目标和需求：首先，明确网页的目标和需求是非常重要的。

你需要明确你制作网页的目的是什么，是为了展示产品、发布个人信息还是提供某种服务。

•收集素材和内容：准备好你需要在网页上展示的素材和内容，包括文字、图片、视频等。

确保这些素材是高质量的，并且符合你的网页主题和风格。

2. 制作网页的使用流程步骤一旦你完成了准备工作，你可以按照以下步骤开始制作网页：步骤一：选择合适的网页编辑工具选择一款适合你的水平和需求的网页编辑工具是非常重要的。

以下是一些常用的网页编辑工具：•文本编辑器：如Notepad++、Sublime Text、Atom等。

这些工具适合对代码进行编辑和处理。

•集成开发环境（IDE）：如Visual Studio Code、WebStorm等。

这些工具提供了更强大的功能，包括代码提示、调试等。

•网页制作工具：如Adobe Dreamweaver、Microsoft Expression Web 等。

这些工具提供了可视化的界面，让你更方便地制作网页。

步骤二：创建网页文件打开你选择的网页编辑工具，创建一个新的网页文件。

你可以选择使用HTML、CSS和JavaScript来编写你的网页，或者使用现成的模板。

步骤三：设计网页布局在网页文件中，使用HTML和CSS来设计网页的布局。

HTML用于定义网页的结构，而CSS用于定义网页的样式。

你可以使用标签、属性和样式来创建网页的布局和外观。

步骤四：添加内容和功能在网页的合适位置添加你准备好的素材和内容。

你可以使用HTML元素来插入文字、图片和视频等。

如果你需要添加一些交互性的功能，可以使用JavaScript来实现。

步骤五：测试和优化完成网页设计后，你应该进行测试以确保网页在不同浏览器和设备上的兼容性和表现良好。

你可以使用不同的浏览器和设备进行测试，并解决可能出现的问题和错误。

【精品】用WORD自已做一个干净的网页

【关键字】精品用WORD自已做一个干净的网页看见有人顶，我就把自已详细的步骤写出来。

1．首先打开WORD文档，建好一个页面，在第一页上写上自已的网页分类，我写的是“我的网页”当然你可以写别的，开始时你可能想不那么全，这没关系。

这是可以更改的。

如附录2。

2．把按Ctrl的同时单击超链接来跟踪或打开超链接改成只通过单击就跟踪超链接。

方法是：在“工具”菜单上，单击“选项”，再单击“编辑”选项卡。

清除“用Ctrl + 单击跟踪超链接”复选框。

3．然后多建几张页面。

就是多弄几张纸，并可拔出页码。

4．接下来就是细分：把建好的页面中各分项起个详细的名字。

比如我在“职业生活”下起的名字是“职业生活的详细网页”，在这一行的最后写上“回首页”。

当然你可以在这一张的开头写为“回首页”。

然后把它设为一张。

下面依次排好。

5．然后把你建好的页面连同详细页面全选上，设置好字体及字号。

然后单击“格式”找到“样式和格式”单击它。

这时你的页面所用字体及字号等情况就会在“样式和格式”中显示出来。

当然你如果不满意也可以单独调整。

6．接下来就是选中“我的网页”中各分项如“职业生活”然后击右键就可以看见“超链接”。

然后单击它。

会出现下面的页面：选中“本文档中的位置“。

选中“职业生活的详细网页”。

点击“确定”。

第一个超链接是不是做好了。

接下来一个一个做好就可以了。

主要是重复动作。

我只能做到这样，不知哪个高手可以指点一下，直接就“OK”的。

7．接下来回首页就不用说了吧。

道理是一样的。

8．如果你你觉得麻烦的话，直接把我做好的网页下载下来改一改，改成自已的习惯就行了。

9．到此基本上就可以了。

如果你觉着还不详细的话可以参看下面的附录1或者看WORD 中的帮助。

慢慢就会“OK”的。

附录1：创建超链接。

当键入一个现有网页地址（例如，如果超链接自动格式设置尚未关闭，Microsoft Word 将创建一个。

也可以创建自定义链接。

创建指向下列内容之一的自定义超链接：1.选定要显示为超链接的文字或图片，再单击“常用”上的“拔出超链接”。