教你做一个简单的网页
如何自己创建一个免费的网站及网站推广
三：网站的访问过程，假如我想访问SEO网站，首先我会在地址栏目中输入网址 然后回车，这时候发生了什么？你的网络运营商找到IP后才会打开你的网站。
四：网站的创建和开通过程
第一步：联系网络服务提供商，购买域名和空间（也可以自己买服务器托管到电信、网通）
第二步：买好空间和域名后，则要做域名解析。
四、确定网站界面
网站页面是网站给浏览者的第一印象，栏目的层次、网站的色彩风格决定着网站的视觉效果性，在设计网站的界面时要注意下：栏目与板块编排 、目录结构与链接结构 和形象的设计。我们做网站时候要删除与主题无关的栏目，要展示最有价值的内容，要有利于网民查询和浏览。
五、推广自己的网站
例如EditPlus、windows自带的写字本等，这些工具主要编辑asp等或PHP、 jsp等动态网页。
5、网站运行环境的配置。
因为动态的网站在运程服务器的运行是需要环境来支持的，所以，如果要测试建设好的网站的功能，必须在本地或者内网做好动态网站的运行状态，比如：ASP网站需要安装IIS,PHP网站也需要安装运行PHP的环境，这些都是建设一个好的动态网站必须的。
第三，这才是做网页，有html的静态网页，还有asp或者php的动态网页，看自己的能力和爱好了，动态网页难学麻烦一点点，但是功能就强大了许多！
首先要学网站建设的话，得学Macromedia Dreamweaver这个软件，因为这是专业制作网站的软件，也是比较好用的，还要学POTOSHOP，FLASH 等软件接着你还得学点html,asp,等语言，这样你都会的话，制作一个网站就没问题了。
七、推广自己的网站
网站制作完成之后，还有相对重要的工作要做，就是后期的推广。推广是保证网站正常更多的客户。
0基础网页设计与制作_网页美工教程_网页效果图设计教程-小郭原创
三、本节作业：
1、一般的企业网站由哪几部分组成？
2、拼图过程中需要注意什么问题？
3、为什么要画设计草图？
4、网页宽度为什么要设置为 950px？
第四节：网页效果图设计之深入设计
一、深入浅出的理论阅读：
拼接而成的效果图是最简单的网页效果图设计方法，它是效果图设计的初级阶 段。
深入设计指的是网页拼图的基础上进行细节的完善设计， 拼图做到了对网页的整 体的排版和布局，属于整体把握。细节的处理，可以使网页更加的完美。
所以,要想做网站,先要知道他是怎么诞生的,所谓知己知彼,百战不殆.做网站, 学技能,亦是如此。
二、简单明了的实际操作：
1、明确自己学习网站的目的和需求 学员①说：学会了，可以找个好工作
学员②说：培养自己的兴趣爱好，提升自己的综合能力 学员③说：电子商务时代来临，不学就 out 了 学员④说：我们有这个专业课 学员⑤说：太有用了，反正学就对了
一般企业的网站都包括六部分：标志（logo） 、导航、banner、内容、友情链接、 版权。
根据网站的设计定位和需要，这六部分在每个网站中都有着不同的延伸和变化。 不论什么样的网站，我们都可以从中找到这六部分的身影。
所以小郭教我们大家做网站，是在授之以渔，基本的网页会做了，什么样的网站 都可以设计。
其实做网站并不难，不懂编程，同样可以做出企业所需要的营销型网站。
学习做网站的方法有多种，并不是只有学会了 asp、php 等与网站制作相关的所 有课程，才可以去做网站。如此种种网页相关课程都要学的话，一两年的时间是 远远不够的。
失恋了，没必要一直纠结于前男（女）朋友，干嘛非得在一棵树上吊死，其实大 可不必。 同理， 做网站亦如此， 一种方法不能解决我的问题， 可以换个方法试试。
制作网页登录页面-【经典教育教学资料】
任务１：请学生观看登录页面,回答它包含了哪些主要元素? :(1)账号输人框:用于采集用户账号信息。
(２)密码输人框:用于采集用户的密码信息。
（3）登录按钮:用于将账号和密码信息提交到服务器。
(4)其他登录方式：用户登录网站的其他选择。
(5)忘记密码:用户用于获取密码的途径。
(6)立即注册:新用户注册会员的途径。
任务2:用PＨOＴOSHOＰ制作登录页面所需的图像如果无法完成的同学，就利用老师准备的素材做任务３任务３:实现登录页面的布局(1)创建站点(yｍzz０1），新建并保存文件(iｎdｅｘ)。
网页需要保存在站点中。
打开“文件”菜单,选择“保存”命令,或按快捷键〈Ctrl〉+〈S〉,将弹出“另存为”对话框,选择保存的位置并输入保存文件名，单击“保存”按钮即可将网页保存。
注意：文件名通常使用小写英文字母,不使用空格、特殊符号，不要使用中文。
文件命名尽量以四种方式命名：汉语拼音、汉语拼音缩写、英文或英文缩写,以方便通过文件名直观地了解页面内容。
(2）插人表格。
设置表格为行-列,宽４２４(像素)边框１（像素）,表格居中对齐。
如图右图所示。
(3)嵌套表格。
在当前表格中插人一个新的表格，设置表格为9行1列、宽100%,表格居中对齐,如下图所示。
（4)插人图像。
依次从1至9行插人图像“0.ｊpg、1.jpg、2.jpｇ、３．ｊｐｇ、4.ｊpｇ、5.ｊpｇ、6．jpｇ、7.jｐg、８．jpｇ、9.ｊpｇ。
(其中第3行、第八行不插图像)如右图所示。
(5)、保存网页(6)预览。
按Ｆ1２键，预览用户登录页面,如图2- 26所示。
任务２修改单元格属性单击“单元格”,选择“属性”面板,找到“单元格”的各种属性,就可以设置它的对齐方式。
解决问题的策略教学内容:苏教版教材五年级上册第94-９5页例1和练一练,第９７页练习十七第1-3题。
教学目标：1.使学生经历用列举的策略解决简单的实际问题的过程，能通过有序地列举不重复、不遗漏找到符合要求的所有答案。
网页制作教案
教案课程网页制作2016——2017学年第一学期班级计算机应用二年级教师胡发萍课时进度表网页制作全册备课网页制作第一章备课通过上面的讲解，下面我们从一些网页上观察一些超链接及区别打开该网页进行比较讲解最后留一步分时间让同学们一些好的网页进行浏览如：课后记：由于同学们都没有书，这节课的内容比较少，同学们都能很好的掌握。
的统一的语言规范。
用HTML语言制作网页，一般有两种方法：一是使用记事本之类的工具，输入HTML标记和网页的内容进行直接编写，然后保存在以html或htm为扩展名的网页文件；另一种方法是使用可视化的网页制作工具，自动生成HTML代码。
例：我的第一个网页1、执行菜单的“开始”—“程序”—“附件”—“记事本”2、将以下代码完整正确地输入到记事本软件中：<html><head><title>欢迎大家光临</title></head><body><p>这是我用记事本编写的第一个网页，<font size=”+7”color=”red”>欢迎光临！</font></p></body></html>3、执行菜单的“文件”—“另存为”，存时注意必须加上扩展名.htm或.html。
4、双击打开刚才保存的文件。
作业：同学们现在做出这样的一个网页。
课后记：通过案例的制作，同学们都能做出来，同学们的学习兴趣有了一定的提高。
班级计算机二年级课时5、6网页制作第二章单元备课班级计算机二年级课时7、8课题 2.1 Dreamweaver MX的工作界面和基本操作教学目标掌握Dreamweaver MX软件的启动方法熟悉Dreamweaver MX软件的界面掌握Dreamweaver MX软件的基本操作教学重点Dreamweaver MX软件的基本操作教学难点Dreamweaver MX软件的基本操作教学方法教学一体化教学内容：一、熟悉Dreamweaver MX 2004的工作界面Dreamweaver欢迎界面1、启动Dreamweaver MX 2004Dreamweaver MX 2004的工作界面2、认识窗口布局、面板与面板组“插入”栏文档工具栏“文档”窗口面板组Array“标签”选择器“属性”面板“文件”面板3、Dreamweaver MX 软件界面的相关操作。
怎样制作网页制作网页详细操作步骤
怎样制作网页制作网页详细操作步骤怎样制作网页制作网页详细操作步骤制作网页主要有以下一些工具Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。
Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。
建议初学者选用。
另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。
大型的网站往往还需要数据库的支持，所以还得懂数据库。
sql、甲骨文等。
总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。
随便混就好了!网站设计八步骤由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。
一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢?常言道：“性急吃不了热豆腐”。
建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
一、确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。
特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。
你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。
网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料明确了网站的主题以后，你就要围绕主题开始搜集材料了。
常言道：“巧妇难为无米之炊”。
要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。
简单的网页制作教程-设计一个个人网站
题目：设计一个个人网站一、要求：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，我们这四个网页文件已经保存在我们建的文件夹里。
制作简单网页LGO动画
一、选择图片1、打开psotoshop，在“文件”里打开一张你准备使用的图片，最好是JPG格式的静态图片，同时注意图片的选取要有作为LOGO图标的价值，这就看个人审美了。
2、图片的上方如果显示是“索引”字样，就必须用“图象”——“模式”——改为“RGB颜色”，否则很多功能无法使用。
3、然后选择工具栏的“裁切工具”，裁切一个88*31大小的图片，图片切得大了就继续切，切到合适为止，切得小了就重来。
这里裁切的尺度是80*31。
如下图。
（或者可以用矩形工具选取一个88831的区域，再新建一个空白图片粘贴上去）二、加入文字在LOGO中显示的一般是网站名称和地址，这里以名称“天空之城”和地址为例。
做LOGO最主要的是用各种显示的方法突出文字信息，以给人深刻和良好的印象。
就说说简单的滑行效果吧！滑行效果：字体从旁边慢慢滑行出来的效果。
1、在工具栏选择文字工具——文字工具的样子的大写的“T”，在合适的地方输入文字，一般LOGO的文字格式是默认的宋体，12号大小，去掉锯齿。
如下图。
字体常用的特效有投影、描边、模糊等，这里的例子用白色字体，绿色描边。
进入特效设置的方法是在右下角的图层上用右键点出“混合选项”，如下图。
2、简单介绍一下这几种效果的使用方法。
点击“投影”字样（而不是点击它前面的选框），把投影选项中的“距离”“大小”改为1，“角度”改为150或120，“不透明度”自己定——不透明度是指投影颜色的深浅，在“混合模式”后面的黑框里选择颜色。
如下图。
3、点击“描边”，把“大小”改为1，把颜色改成你想要的。
如下图。
另外一个“模糊”效果是在“滤镜”——“模糊”——“动感模糊”里。
4、输入文字并设置好效果后，用移动工具拖动文字的位置。
如下图。
将文字往里拖动，显示三个字，并保存，如图。
再将字拉过来些，再保存。
将文字拉到最后确定的地方，保存。
在这里可以用“缩放工具”放大图片，以便更好地设置。
注意文字移动的曲线要在同一条直线上，分毫都不可偏差，比如说从左移到右，一般是用移动工具移动4或5次，每一次移动之后就要保存。
实验一做一个简单的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所示。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3、新建网页文件first.html
4、点击页面属性，按下图设置：
外观背景图像：img/first/background.gif
文本黑色
5、按P30页在网页中插入文字、表格及图像，格式如下：
文体格式：名车世界：隶书24红色
表格格式：2行5列，宽600像素边框1
第一行每一格宽度统一设为120像素，如果图像过大，则调整图像大小
指导老师意见：
成绩：教师签名：2011年4月6日第二行源自图像大小统一调整为宽120，高90
水平线格式：宽度100%，高2颜色blue (<hr width="100%" size="2" color=”blue”>)
6、保存文件，按F12浏览。
结果如下：
四、解决的问题及解决的办法、心得体会：
掌握利用网页元素制作简单网页的基本技巧和方法，懂得如何去解决问题。
实验（训）报告
实训项目名称
制作简单网页
实践形式
实验（）实训（√）实习（）
时间
第六周，星期二，第1，2节，（或第___周至第___周）
实践地点
实训楼第七机房
一、实践目的：
掌握利用网页元素制作简单网页的基本技巧和方法.
二、实践使用器材或方式：
电脑
三、实践步骤、分析：
1、在自己的文件夹下新建一个子文件夹chapter2-04，以此文件夹新建一个站点myweb。