制作一个网页的登录界面
制作一个网页的登录界面
1、执行菜单：文件／新建（快捷键Ctrl+N），弹出新建对话框，设置名称
本PS教程为大家带来网站按钮制作教程，制作过程中主要应用渐变、蒙板等工具，希望大家喜欢！
先看效果图：
1、执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出新建对话框，设置名称：制作登陆办公平台按钮，宽度：800像素，高度：600像素，
分辨率：72像素／英寸，颜色模式：RGB颜色、8位，背景内容：白色，设置完毕后单击确定按钮。
2、在图层控制面板击新建图层按钮，新建一个“背景”，选择工具箱渐变工具（快捷键Ｇ），在工具选项栏中设置为径向渐变，然后点按可编辑渐变，
弹出渐变编辑器。双击如图3中的A处，设置色彩RGB分别为252、253、255,再双击图3中所示的B处，设置色彩RGB分别为226、239、255，
单击确定按钮。
3、在图层面板上单击创建新图层按钮，新建一个图层，再工具箱选择圆角矩形工具，在工作区拖出一个圆角矩形。
4、选择工具箱渐变工具（快捷键Ｇ），在工具选项栏中设置为径向渐变，然后点按可编辑渐变，弹出渐变编辑器。
设置色彩RGB分别为135、194、254,再设置色彩RGB分别为47、146、250，单击确定按钮，按键盘快捷键Ctrl+Enter转换为选区，
并按住键盘中Shift不放在工作区拖出一个圆角矩形，按键盘快捷键Ctrl+D取消选区。
5、在图层面板上单击创建新图层按钮，新建一个图层2，再工具箱选择圆角矩形工具，并按住键盘中Shift不放在工作区拖出一个圆角矩形，
设置前景色为白色，按键盘快捷键Ctrl+Enter转换为选区，按键盘快捷键Ctrl+D取消选区。
6、在工具箱中选择移动工具，按住键盘的Ａlt键不放，选择图层3，按鼠标左键拖出个图层3。
7、单击工具箱中的横排文字工具，输入用户名，设置字体：黑体，大小：18点，颜色：白色，设置消除锯齿的方法：无。
8、单击工具箱中的横排文字工具，输入密码，设置字体：黑体，大小：18点，颜色：白色，设置消除锯齿的方法：无。
9、在图层面板上单击创建新图层按钮，新建一个图层，再工具箱选择圆角矩形工具，在工作区拖出一个圆角矩形。
10、按键盘快捷键Ctrl+Enter转换为选区，执行菜单：“编辑”／“描边”弹出描边对话框，设置宽度为1，颜色为：白色，
按键盘快捷键Ctrl+D取消选区。
11、单击工具箱中的横排文字工具，输入登陆，设置字体：黑体，大小：18点，颜色：白色，设置消除锯齿的方法：无，其他的做法也是一样，
12、创建新图层按钮，新建一个图层3，选择椭圆工具，在工作区拖出一个椭圆形状并填充白色，按键盘快捷键Shift+I羽化，弹出羽化选区，
设置羽化半径为50像素，然后点击确定按钮，
13、在工具箱中设置前景色颜色RGB值为：120、199、254，按键盘快捷键Ctrl+Delete填充前景色，选择图层1按住键盘的Ａlt键不放，
按鼠标左键拖出一个“图层1副本”，并添加一个蒙板给图层1副本，在工具箱中选择渐变工具，给图层1副本添加一个渐变。
完成最终效果！
简单网页制作实验总结报告
《大学计算机基础》 实验报告 专业名称: 电子商务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、准备好网页素材 [学生在因特网上查找关于“我的家乡”的相关资料，并保存在自己的文件夹中，以便在制作网页时作用。] 三、建立“我的家乡”网站 [根据“做一做”建立一个自己的网站“命名为”我的家乡。] 布置作业: 构思自己的网站，并在小组中进行讨论。 [学生思考问题，并进行操作。] {建立网站后，我们还需要在网站中加入网页，这样我们的网站才能充实起来。} [学生在自己的文件夹中建立一个站点命名为“我的家乡” 根据“做一做”中的提示制自己作主页并保存。然后分别建立其他几网页陕西风景欣赏、陕西古诗文欣赏、自我介绍。]
网站制作步骤
网站制作步骤 [ 浏览： 541 次添加人：胡居雄 | 发表于： 2009-5-14 ] 网站随着互联网络的发展越来越普及和深入到每一个行业、每一个人。做网站对于知道的人是很简单的事情，对于不知道的人，显得很高深莫测。其实，做网站的门槛是很低的，只要你想做，很少钱、很短时间就可以做到。对于我们自己，做网站可以随心所欲，充分展示自己。我在这里把做入门级网站的具体步骤告诉你，如果要做大型的网站，这个就肯定不够用了。 第一步：注册域名 什么是域名？域名是Internet上用来查找网站的专用名字，与我们熟悉的地址、门牌号的作用相似。据规定，域名由英文字母（不区分大小写），阿拉伯数字和横杠“－”组成，不能有空格，“－”不能放在最前面或最后面，每个层次最长不能超过67个字母。 互联网上的域名可谓千姿百态，但从域名的结构来划分，总体上可把域名分成两类，一类称为“国际顶级域名”（简称“国际域名”），一类称为“国内域名”。 一般国际域名的最后一个后缀是一些诸如.com，.net，.gov，.edu的”国际通用域”，这些不同的后缀分别代表了不同的机构性质。比如.com表示的是商业机构，.net表示的是网络服务机构，.gov表示的是政府机构，.edu表示的是教育机构。 国内域名的后缀通常要包括“国际通用域”和“国家域”两部分，而且要以“国家域”作为最后一个后缀。以ISO31660为规范，各个国家都有自己固定的国家域，如：cn代表中国、us代表美国、uk代表英国等。 举例：https://www.360docs.net/doc/a84201315.html,（国际域名） https://www.360docs.net/doc/a84201315.html,（国内域名） 互联网地址资源注册管理机构： 中国互联网信息中心https://www.360docs.net/doc/a84201315.html,/ 根据信息产业部授权，CNNIC是我国域名体系注册管理机构和域名根服务器运行机构。CNNIC负责运行和管理国家顶级域名CN、中文域名系统及通用网址系统。 CNNIC是亚太互联网络信息中心（APNIC）的国家级互联网络注册机构成员（NIR）。以CNNIC为召集单位的IP地址分配联盟，负责为我国的网络服务商（ISP）和网络用户提供IP地址和AS号码的分配管理服务。 推荐的知名注册服务机构： 中国万网https://www.360docs.net/doc/a84201315.html,/ 新网https://www.360docs.net/doc/a84201315.html,/ 中国频道https://www.360docs.net/doc/a84201315.html,/ 商务中国 新网互联https://www.360docs.net/doc/a84201315.html,/ 第二步：制作内容 根据自己想要做网站的目的来设计组织网站的页面和内容。 构成网站页面的必备要素：
最简单的网页
六年级信息技术上册 《最简单的网页》 四课时 一、教学目标： 利用多媒体计算机和互联网络环境，为学生们创设一个开放的学习空间，让学生自主地利用双向互动的教学辅助软件了解、掌握和巩固所学的知识，进一步探究网页的制作方法及技巧，培养学生的计算机综合应用能力、想象力、创造力、自学能力和综合审美能力，为学生深入地掌握FrontPage软件并运用到实际生活打下坚实的基础。 二、教学对象分析： 小学六年级学生的观察、分析、比较、想象等能力逐渐成熟，在性格上表现好奇、大胆，追求自己的个性，比较喜欢开放、自由的学习环境，主观意识较强。并具有了一定的自学能力和模仿能力，但学生还多以感性表象来掌握概念，形象思维仍是学生掌握知识的主要思维方式，学生对知识的吸收绝大部分都是建在感性认识的基础上，兴趣爱好仍然是学习最好的动力。因此，这节课利用Internet 网络教学，激发他们的热情，很好地发挥了学生主观能动性和创造性，使学生成为学习的主人，有利于培养学生的创新思维。 三、教学重点、难点： 掌握FrontPage的打开、保存、退出以及在FrontPage中编辑文字。 四、教学策略及教法设计： 根据教材的目标，以及学生的特点，教学的辅助课件是用FrontPage制作的网页，目的是建立一个双向互动的教学环境，使学生在网络的环境下，进行学生之间互相合作学习，与教师互动学习，充分发挥学生的主体作用，老师的主导作用，培养学生协作能力。根据学生的不同层次，建立“三位一体”的教学编排，既照顾全体学生，又照顾不同层次的提高，在“基础层次”中让学生初步按照教材的示范初步制作出文字网页：“练习层次”，强化练习，制作出完全并有一定水平的文字网页：三是“拓展层次”，拓展FrontPage的应用，插入三维艺术字、图片等。 在教法上，教师主要使用了直观演示法、主动尝试法、协作学习法、成功体
简单的网页制作教程-设计一个个人网站
题目：设计一个个人网站 一、要求： 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，
制作个人网页的步骤
■制作个人网页的步骤 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy 进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。 二、开始制作 你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。
如何制作一个简单的网页.doc
如何制作一个简单的网页 制作一个简单网页的步骤 01首先是必须建立好一个页的基本框架，把固定的元素先确定下来，留出一些空白的编辑区域给一些变动元素。 04将鼠标光标定位到需要插入编辑区域的地方，然后在菜单栏中打开【插入】【模板对象】【可编辑区域】。 05建立好的可编辑区域后以后可以直接在这里面输入相应的内容，大多数需要不断更新的。然后就可以直接CTRL+S保存这个模板了，网页模板的格式是.dwt。 06使用网页模板，可以在菜单栏中打开【文件】【新建】【模板中的页】，选定刚刚重命名的制作好的模板就可以直接引用了。 如何制作一个网页 制作一个网页的步骤 确定网页的主体色调风格。 我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。 做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。
制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。 打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。 不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。 制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。 找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标另存为。 这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。 打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。 选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。
个人网页制作全过程
个人网页制作全过程 [日期：10-12] 来源：作者：[字体：大中小] 如何制作个人网页全过程，送给刚学做网页的朋友们 第一讲网页的基本知识和FrontPage入门 一、网页的基本知识 1、网站与网页 我们在因特网上浏览时，看到的每一个页面，称为网页，很多网页组成一个网站。一个网站的第一个 网页称为主页。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主 页在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为“个人主页”，将建立个人网 站称为“网页制作”。 2、怎么建立个人网站？ 要建立一个个人网站，必须经过网页制作、网站（页）发布和网站维护三个阶段 1）网页制作 一个网站和一本杂志一样，都是展示信息的载体，只有能提供他人需要信息（内容）的网站才能吸引 他人访问。这些都要靠制作有内容的网页来完成。确定网站主题和后，制作网页是建立个人网站的首要工作。 每个网页基本上都是一个HTML(Hyper Text Markup Language，即超文本标识语言)文件，所以网页文件的扩展名一般是.HTM或.HTML。主页文件的文件名字index.htm或index.html。 一般在电脑上写文章使用Word、Wps等文字处理软件，而制作网页则可使用Frontpage等网页制 作工具。 2）网页发布 做好的网页必须发布到因特网上，才能被大家看到。所谓发布到因特网上实际上就是将网页文件放到 始终与因特网联机的计算机上，这种计算机被称为“服务器”。实际上家里的PC机安装相应的服务器软件 且有固定的IP地址也可以做服务器，但一般都借用单位网站的服务器或租用一些空间提供商的服务器空间。这就和你要开商店必须租用一个场地一样。 3）网站维护 网页发布后就可供大家访问了，不管在什么地方，只要是与和因特网相连的计算机都可以访问到你的 网页。但这没有万事大吉。就和报纸、杂志一样，总是老内容，也就没人来访问了。需要经常更新，补充 新内容。另外网页上的错误也需要及时改正。实际上网站维护是网站建设的主要工作量。 2、什么软件可以做网页？ 假如，你熟悉文字处理的相关软件，你不用专用软件，也可以作出网页来。比如，用Word，用Wps，甚至用你计算机附件自带的记事本也行。不过用Word做出来的网页体积太大，用记事本做网页则要会用一些HTML语言，而用HTML来制作网页是一件非常麻烦的事。FrontPage等网页制作工具则使我们可 以不必和这些难记、难懂的HTML代码打交道就作出较好的网页来。 初学的人，用微软公司的frontpage比较好，它的优点是易学易懂，上手快。FrontPage是微软公 司Office系列办公软件中的一个，它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文 本一样，我们只需要在编辑器中输入文本或图片，并设置好格式，很快就可以作出一个简单的网页了。 除了Frontpage以外，还有许多制作网页的软件，如Hotdog等，其中最著名的是Macromedia公司的“网页三剑客”即Dreamweaver（网页制作工具）、Flash（动画制作工具）和Fireworks（图像编 辑工具）。 假如，你有了一定基础，还是用“网页三剑客”好。它们是专用的网页制作软件，用它们制作的网页， 体积小，占用资源少，兼容性好。 所以本讲座也从FrontPage入手学习网页制作。大家先学好FrontPage，打好基础，如果将来准备
怎样制作自己的网页
和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具：字体：大中小 一 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程
简单网页制作教学设计
《简单网页制作》教学设计 一、设计意图： 目前网络对学生的吸引力很大，学生上网都会浏览网页内容，对网页的制作也有很大的兴趣，想知道一个网页是怎样制作成功的。但是网页的制作相对复杂，对于一些的代码的编辑学生也较难理解，因此本课选择了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、示范教学：学生归纳总结，老师帮助、提醒，使学生掌握正确的操作步骤。
个人网页制作实验报告
湖南文理学院芙蓉学院个人主页课程设计报告 课题: 个人主页课程设计 姓名：吴珊 学号： 09120155 同组姓名：李芳 专业班级：计算机科学与技术0901班 指导教师：任盛 设计时间： 2012年6月13日
目录 1、实验目的与要求 (3) 2、主题介绍 (3) 3、工具的选择与介绍 (4) 3．1主要使用工具：Dreamweaver (4) 3．2图片处理软件：Photoshop (5) 4、网页设计实现的过程 (5) 4．1实验的分工 (5) 4．2主页的制作 (6) 4．3分页2制作（新疆美食）： (7) 5、个人网站截图 (9) 6、实验总结 (11) 7、参考文献 (11) 附录： (12) 附录一（主页部分代码，有删减）： (12) 附录二（分页2新疆美食部分代码，有删减）:------------------- 14
1、实验目的与要求 （1）自主选择主题实现一个关于主题的个人网站 （2）使用PS、Dreamweaver等软件对界面进行设置 （3）实现网页界面的美观、内容详尽丰富。 2、主题介绍 国家的历史有长有短，疆域有大有小，实力有强有弱，人口有多有少，民族构成、宗教信仰、政权性质和经济结构也有差异，故而各国的饮食文化是不一样的。 中国饮食文化是一种广视野、深层次、多角度、高品位的悠久区域文化；是中华各族人民在100多万年的生产和生活实践中，在食源开发、食具研制、食品调理、营养保健和饮食审美等方面创造、积累并影响周边国家和世界的物质财富及精神财富。 民以食为天，中华上下五千年美食文化更是源远流长。所以这次我们选择了“美食”作为主题。美食，顾名思义就是美味的食物，贵的有山珍海味，便宜的有街边小吃。但是不是所有人对美食的标准都是一样的，其实美食是不分贵贱的，只要是自己喜欢的，就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心情的时候，美食已不仅仅是简单的味觉感受，更是一种精神享受。中国美食体现了中华民族的饮食文化传统，有许多独特之处。由于风味多样，四季有别。导致各地的美食各有千秋。 系因地理、气候、习俗、特产的不同形成了不同的地方风味,美食菜系的划分单就汉族的饮食特点而言，目前有四大菜系、八大菜系、十大菜系之说，而且划分系类仍有继续增加的趋势。如果按四大菜系分：有川菜、粤菜、苏菜和鲁菜。也有分八大菜系的。其中各大菜系交相辉映，各有千秋，成为了中华民族珍贵的文化瑰宝！ 本次的主题分为两大部分，新疆美食、湖南美食两个主要部分。通过这两个板块来介绍两个地方的美食，以突显南北两方的美食差异与特点。让大家通过我们这个网页，以我们的网页为窗口了解湖南美食，了解新疆美食，从而增强对我国的美食文化的了解。 湖南美食-----湖南菜特别讲究原料的入味，技法多样，有烧、炒、蒸、熏等方法，尤以“蒸”菜见长。最为精湛的是煨，原汁原味。且刀功精妙，形味兼美，菜肴千姿百态，变化无穷。 新疆美食-----新疆的主食是面条、馕和牛羊肉，菜以酸辣口味为主，洋葱、番茄、辣椒、土豆用大蒜头等是常用的蔬菜配料，当然也少不了孜然、辣椒粉、醋等调味料，所以新疆菜总是香喷喷、又酸又辣，特别开胃。总地来说，新疆各民族的人们都偏爱吃面食、奶制品、牛羊肉及各种瓜果.
实验一做一个简单的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脚本的主体部分，它以
作为起始标记，作为结束标记，其中所包含的就是在 浏览器中所看到的内容，包括文字、图片、动画等。 3.FrontPage，dreamwerver，notepad 以FrontPage为例，它是一种简单易学的Web管理和网页制作的软件。Front Page2000的窗口，如图1.1所示。 在窗口工作区的左下方是网页视图模式的3个状态按钮：“普通”、“HTM L”和“预览”。网页视图模式的默认状态是“普通”，用于以所见即所得的方式编辑网页。“HTML”网页视图模式用于以HTML语言的方式编辑网页。 制作网页过程中，想查看网页的制作效果，切换到“预览”网页视图模式即可。 切换网页视图使用鼠标单击相应的状态按钮即可。 图1.1 FrontPage 2000的窗口 选用其他网页开发工具也是可以的这里没有限制 四、实验目的： 1.简单了解HTML语言。 2.认识网页以及网页的结构。 3.掌握用HTML语言制作简单网页的方法。 五、实验内容：网页制作的个人小结
个人的小结 网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。 关键字页面设计ASP和数据库 1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。 选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。 规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站(有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以後可能的扩充性，免得做好以後又要一改再改整个网站的架构，十分累人，也十分费钱。 大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。 为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。 框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。 下一步，你可以动手制作具体内容了，我将告诉你一些收集资料的窍门。 题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集 就个人主页而言，很少有人有能力完全靠自己来创作所有的内容。（一些高手能够提供自己编的软件，文章或则音乐，是我非常佩服的！） 大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。 另外一个好的方法是从网络上收集，您只要到雅虎，搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。 如果您是英语高手，您可以到国外站点上把最新的信息，资料翻译成中文，提供给大家，这叫“洋为中用”。
制作一个简单的电子商务网站
电子商务大作业
作业要求 制作一个简单的电子商务网站，具有以下功能： 1) 能进行用户注册、登录。用户信息保存在数据库中。 2) 能对商品信息进行维护：增加、删除、修改。商品信息保存在数据库中。 3) 实现简单的购物车功能，能对所选择的商品进行列表显示，并对价格进行统计。 纸质报告要求： 1) 实现过程说明 2) 数据库设计说明 3) 运行效果 4) 主要源代码
一、创建用户注册、登录。用户信息保存在数据库中 1) 创建数据库表 在MySQL 中创建一个名为homeworks 的数据库，并在该数据库中创建一张名为User的表格。字段名数据类型 2) 安装所需的第三方软件包 在testapp/WEB-INF 新建lib 目录，并将以下需要的第三方软件包拷贝到lib 目录下：jstl.jar、standard.jar、mysql-connector-java-5.0.7-bin.jar。 3) 配置 JDBC 数据源 web.xml页面类容如下：
个人网页制作简明教程
个人网页制作简明教程 （孙晓鹏 整理） 资料来源：https://www.360docs.net/doc/a84201315.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、使学生初步认识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课时
网页设计与制作个人实训报告
一、实训目的： 通过实训，掌握网页制作系列软件Dreamweaver、Fireworks、Flash和Photoshop的使用方法。达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握理论的基础上再加以实践，进一步提高、加强设计、制作网站的综合能力。 二、实训过程 1.资料的搜集： 收集的资料主要是汽车图片，以及运用做页面局部框架背景的图片。 2.熟悉制作软件软件： 软件：Dreamweaver \ Firework \ Photoshop CS \ Flash 硬件：PC机 技术：HTML＼CSS \ javascript\特效代码 项目设计及运行平台：Windows XP
3.构建站点框架：网站结构图如下： 4．设计制作页面： ◆网页名称:关于我们 ◆网页的色彩：最主要是以白色背景为主导色，字体的主要色彩是黑色。链接字体颜色链接前设为蓝灰色，鼠标覆盖后为深红色。 ◆网页富有动感，通过GIF动画来展示，页面的色彩好与首页和栏目页统一主要采取白色。 ◆页面的大小，在1024X768像素下显示效果最佳。 ◆颜色调配设计，网页的色彩是树立网站形象的关键之一，各版块采用与网站首页同一色系的颜色，整个版块内部也尽量保持风格一致。 ◆网页内容的安排相互链接关系如下概述 最上面先放了一个724*100px的logo. 右边放了一个1024*100广告如下图：
再下来的表格中里放了一个我们用GIF的轮换效果展示知名品牌汽车，效果如图： 右侧是世界/中国地图及天气实况查询图。属特效代码。当鼠标覆盖时显示链接提示，点击即可查询各地当日天气情况，帮助驾车人员快速掌握天气情况。效果如下： 然后再表格里面分别放的是各种小版块。
初学者如何做一个最简单的网页.
怎么样做网页一、制作网站前的准备可以使用一种汉字输入方法，快慢不拘。会用IE点击上网并浏览网页知道一些最最基本的术语，例如说超级链接你知道点一下就能到别的网页去，这个相信你也会吧。你会使用office 软件——没听说过？WORD知道吧？就是你打字的东东。你肯定打过什么文稿之类的东东吧，那就得用到WORD，要不WPS也行，反正一定得会使用这样的软件，不然你就没办法实现制作网页的那些功能。 OK，假设你上面这些东东你全都会的话，那就可以制作网页啦。二、制作网页前必须了解的东东为了使我们这个教材真正实现谁都学得会，谁都看得懂，我决定不在这个教材里说任何专业的东东，我们是想做网页而不是想当网络管理员，更不需要为考什么等级而努力。所以我将这教材定位在最最简单明了的基础上，有些地方写得恐怕你看了也会说一声“弱智”，不过请相信，网上一定还有比你还弱智的朋友等着这些提示呢。呵呵，那么，开始制作啦！首先，我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003（没听说过吗？那我给你解释一下，你去街角的卖盗版盘的老板那问问，有FRONTPAGE2000全版的没有？老扳就会热心的给你一套OFFCE2003，说这就是了，然后要你买下），这个软件同 WORD，EXCEL之类软件一样，是OFFICE系列的一员，安装OFFICE的时候将它也装上，你就能做网页啦，别担心你不会用，我会手把手教你做的。如果你不会装OFFICE，那就请你哪位哥哥帮你个小忙，请他为你装上，其实一点也不难装。好，假设你安装好了FRONTPAGE2003（FRONTPAGE2000也可，不过使用起来没有FRONTPAGE2003顺手），我就是用的FRONTPAGE2003，所以教材上也以此为准。喂，你先别得意，有了这个FRONTPAGE2003是可以做网页，不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢，你要学的东东多着呢，千万别得意哦。三、正式开始啦好，打开FRONTPAGE2003，第一次进入左边会有个烦人的什么视图窗，这东东用不着，关掉它！怎么关？记好了，方法如下：点击上面那菜单条——选查看——在菜单上那个标有“视图栏”的小勾上点一下，呵呵！会了吧，为了简明起见，这个操作我将写为菜单——查看——视图栏记住了吗？这样你看着省心我打着省事，皆大欢喜 :- 现在出现在我们面前的是一个空白的页面。 1、给这个网面起个名字，怎么起？请看方法：菜单——文件——另存为……——（选择你想保存的文件名、