1、网页设计html网站代码
2、网页制作主题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>我的网页</title>
<link href="style/styles.css" type="text/css" rel="stylesheet" />
</head>
<body>
</body>
在title 中间加你要写的主题就可以了
3、制作网页，给个主题
一申请域名二是申请空间三是制作网页四是上传网页 我给你推荐一个买全功能空间 送网站 送域名：惊喜不能错过:; http://www.51wsh.com http://www.51wsh.net 域名选择好记的就可以了，也让别人很容易记住你的网站域名就行了。下面制作网站教程：从最基础的HTML语言开始，学会了这就可以自己弄静态的网页了，学会了后就可以学动态的网站设计八步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 六、上传测试 网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。 七、推广宣传 网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。 八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 ★★♂KOF♀为您做答 希望对你有帮助 如果满意请选择我的答案 您的支持是我最大的动力★★★要想学做网页，首先得了解制作网页的工具。 制作网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。 此外还有一些网络编程工具，javascript、java编辑器等。 网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。 大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。 总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！ 祝你成功。 ★你可以结合 Dreamwaver 和 Photoshop 来制作网页。 Dreamwaver 可以到这里下 30天试用版，不过要先登记一个免费帐号， http://www.macromedia.com/cfusion/tdrc/index.cfm?proct=dreamweaver ★在网上有这方面的教程 教程 http://www.nease.net/xhelp/ http://school.jz173.com/ （中国建站专家） 主页和个人空间 http://home4u.china.com/ （中华网） http://www.35.com/yumingzc/yumingzc.asp 建议使用网页制作三剑客Dreamweawer+Firework+Flash 或使用Frontpage你看一下 就 行了Dreamweaver v8.0 简体注册版 下载地址： http://www.14567.com/dw.html 用网页三剑客吧,教程可参照以下网站: http://www.xp163.com/book/xp163.37/index.htm http://www.71358.com.cn/gdweb/97d.htm http://www.ylasp.com/soft/cgxl/200501/542.html 买全功能空间 送网站 送域名：惊喜不能错过:; http://www.51wsh.com http://www.51wsh.net
4、大学生网页设计大赛主题
你先根据主办方的身份来做个选择
如果是某个公司主办的，那么你先查一下这个公司是做哪个行业的，针对行业来做主题；
如果是单位个人主办的，那么你可以考虑另类一点的主题，比如科幻类、魔幻类或者突出个人个性等作为主题；
如果是某个学校主办的，那你可以以社会类的作为主题，比如公益类、创业类、交流平台等作为主题；
其实设计比赛比较重视突出个性这一块，你做的设计要突出你的个人风格并且要出跳显眼，作为一个专业的网页设计师工作后是无法完全确定工作内容的主题的，设计师的作品是自己设计风格的展现！
一般作为学生这个阶段的比赛，你可以选择科幻创新类的主题比较稳妥，思想要往几十年后甚至几百年后发展。
这只是我的个人建议，不过你连主题都确定不了还要来这问，就说明了你的设计思路不够清晰，没有明确的设计目标，这次比赛你就当是一次锻炼吧
5、需要一份html教程的网页制作，主题是我的个人网页，
这是我在大学学的知识
给你借鉴一下 ，希望对你有帮助
网页设计教程
<html>文字操作（一）
1、段落 <p>……</p>
在dreamweaver设计界面中，enter（回车）即为另起一段。
2、换行 <br/>
在dreamweaver设计界面中，shift+enter即为另起一段。
3、标题1~6 <h1>……</h1>
标题1最大，依次变小。
4、空格:
Dreamweaver 只允许一次空格，如果需要使用连续空格，则需要设置，或使用 ；
或使用快捷键：ctrl+shift+space（空格键）
5、水平线 <hr>
size:水平线的粗细
width:长度
align:对齐方式
<htlm>文字操作（二）
一、几个文字特殊效果
1、加粗<b></b> <strong></strong>
2、倾斜<i></i> <em></em>
3、上标<sup></sup>（适合用代码来实现，设计中无法完成）
4、下标<sub></sub>（适合用代码来实现，设计中无法完成）
随着css的逐渐普及，文字的效果都更多的通过css来实现，以上的几个标签作为了解即可。
二、文字列表
1、无序列表
无序列表有两个标签<ul>和<li>
<ul>
<li>CSS教程</li>
<li>DOM教程</li>
<li>XML教程</li>
<li>Flash教程</li>
</ul>
2、有序列表
有序列表有两个标签<ol>和<li>
<ol>
<li>CSS教程</li>
<li>DOM教程</li>
<li>XML教程</li>
<li>Flash教程</li>
</ol>
图片
一、如何获取图像
最好的途径是通过互联网
二、使用设计界面插入图像
1、菜单（一个图片属性：替换文字）
2、工具栏
3、拖曳
三、图像格式扩展阅读：
http://blog.sina.com.cn/s/blog_45ac0d0a010005d8.html
JPEG图像、GIF图像、PNG图像
四、代码
<img src=" " width=" " height=" " alt=" "/>
一、超级链接的基本知识
1、含义：实现网页之间的跳转和联系
2、分类：
绝对链接 http://www.baidu.com
相对链接 在同一站点不同位置之间的链接
二、三种常见的超级链接
1、文字链接<a href="http://www.baidu.com">百度</a>
2、图像链接
3、图像热点链接
===============
还有不是太常用的链接
1、空连接 <a href="#">空连接</a>
2、锚链接:在同一页面的不同位置跳转
三、链接的属性
链接目标 <a href="http://www.baidu.com" target="_blank">百度</a>
表单设计
一、设计界面
1、单元格间距
2、单元格边距
二、代码
1、从属关系：表格由行组成，行由单元格组成。
表格：<table>……</table>
行：<tr>……</tr>
单元格：<td>……</td>
2、<table>标签的属性
bgcolor:背景色
cellspacing:表格的单元格间距（间距）
cellpadding:表格的单元格边距（填充）
文字占据一行<div></div>
文字不占据一行<span></span>
、html引入css的几种方法
1、链接式
将css代码写在一个独立的文件中，文件的扩展名为.css。然后在html网页中使用<link/>标签将外部css文件放在<head></head>之间。举例：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="tp.css" rel="stylesheet" type="text/css">
</head>
2、嵌入式
将Css代码写在<head></head>之间，并且用<style></style>包含起来，如果考虑到兼容性，可以再使用<!-- --> 将css代码包含其中。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
p {
font-family: "楷体_GB2312";
font-size: 18px;
}
-->
</style>
</head>
1．标签选择器：
就是网页元素本身，所有的XHTML框架中的标签都可以作为CSS样式的选择器，如定义段落样式，我们可以选择P标签的名称，即把P作为选择器。P{/*定义段落属性*/}。如果定义了标签样式，则整个网页中使用了该标签都会应用这个样式。一般应用在统一文档的某个元素的显示样式中。
2．ID选择器：
它是唯一的，网页中不同的元素它的ID是不一样的。而且一个元素它只能应用一个ID。因为如果我们使用Javascript来控制网页元素的时候它是通过ID来实现的，在这种情况下就无法正常工作了。它在定义的时候用#开始，它在应用的时候用id=””。它的名称由设计者来确定。
3． 类选择：
它的名称也是由设计者来确定的，它在定义的时候用点号开始，应用的时候用class=“”；它与ID选择器所不同的是它具有一对多的特性而ID是一对一的特性。也就是说一个类选择器它可以应用到多个网页元素中而且一个元素可以应用多个类，一个元素也可以应用两个类样式，中间用空格分开，但不能是三个或者更多。在同等条件下，ID具有比class更高的优先权。
1、复杂类选择器
p.one{color:red}
实例：
<style>
.one{color:red;}
p.two{color:blue;}
</style>
.one可以用于各种标签；而。two只能用于p标签。
2、后代选择器
div p{color:#00FF00}
例子：
<div>
<h1>这是一个标题。</h1>
<p>我是一个兵。</p>
</div>
3、组合选择器（集体声明）
p，h1，.one{color:red}
4、通用选择器
对html文档的所有元素进行控制。
*{color：red；}
5、伪类选择器
a:link;hover;visited;active
或者：a.one:link;a#two:link
当用css定义链接的各种状态时，一定要注意其书写顺序，即：:link :visited :hover :active。
如果不按照该顺序书写可能无法达到自己希望的效果。
一、属性
1.大小 font-size
大小就是字号，可以直接填入数字，然后选择单位。
2.样式
font-style
设置文字的外观，包括正常、斜体、偏斜体。
3.行高 line-height
这项设置在网页制作种很常用。设置行高，可以选择“正常”，让计算机自动调整行高，也可以使用数值和单位结合的形式自行设置。需要注意的是，单位应该和文字的单位一致，行高的数值是包括字号数值在内的。例如，文字设置为12pt，如果要创建一倍行距，则行高应该为24pt。
4.修饰 font-decoration
文本的特殊样式：上下划线、删除线、闪烁（IE不支持此效果）
5.粗细 font-weight
设置文字的加粗还是变细的效果。
6.颜色 color
设置文字的色彩。
颜色的表示方法常见的有RGB模式、十六进制模式和名称模式。
7.字体 font-family
设置文字的字体，注意多个字体的选择。
8.文本对齐 text-align
设置文本的水平对齐方式。 这里也不仅仅局限于文字，泛指所包含的内容。
9.文字缩进 text-indent
这是最重要的项目。中文文字的首行缩进就是由它来实现的。首先填入具体的数值，然后选择单位。文字的缩进和字号要保持统一。如字号为12px，像创建两个中文自的缩进效果，文字缩进就应该为18px。
二、属性值：css中的单位
1、大小单位：px和em
2、颜色单位：red和#00ff00
三、css背景
1、背景色：background-color: （5-1）
2、背景图片：background-image:url(^);（5-3）
3、背景图片的重复方式：background-repeat：（5-5）
4、背景图片的位置：background-position：top right；（30% 70%;水平位置 垂直位置）(300px 30px;)（5-8）
5、背景图片的固定与否：background-attachment：scroll；（fixed；）背景是否与网页内容一起滚动。（5-10）
fixed：背景不动，内容动；scroll：背景和内容一起滚动
6、背景图片的综合样式：background：blue url(……) no-repeat fixed 5px 10px;
7、列表样式：list-style：
6、网页设计做什么主题的比较好
一来最近素材比较多，容易就地取才。
二来做出来大气。
三还能体现和谐。
也可以以和谐社会为主题的啊