一、官网制作情况说明
网页首页栏目安排及制作说明：
1.“舌尖湖北”字体用手写体；放在顶部左上方，占左右的距离的三分之一。
2.舌尖湖北右边的三分之二为“生产有记录、安全有监管、产品有标识、质量有检测、消费有信心”不停循环播放。
3.顶部目录：武汉、宜昌、襄阳、咸宁、孝感、黄石、黄冈、鄂州、随州、仙桃、潜江、天门、荆门、荆州、恩施、十堰、神农架。
制作说明：点击“武汉”等直接显示目录，每页10条，最新发布的自动显示在“第一条”，每一目录字数不限；再次点击“某一目录”显示其内容，可以图文并茂。
4.首页栏眉：法律法规、领导声音、专题活动、名企名牌、三品一标（无公害产品、绿色食品、有机食品、地理标志）、粮食作物、生鲜蔬菜、油料作物、禽蛋类、畜牧类、水产类、水果、乳业/饮品、茶叶、调味品。
制作说明：A.点击“三品一标”后显示“无公害产品、绿色食品、有机食品、地理标志”；再次点击“无公害产品”等后显示“目录”，每页10条，最新发布的自动显示在“第一条”，每一目录字数不限；再次点击“某一目录”显示其内容，可以图文并茂。B.点击“法律法规”等直接显示目录，每页10条，最新发布的自动显示在“第一条”，每一目录字数不限；再次点击“某一目录”显示其内容，可以图文并茂。
5.主要栏目：图片区、要闻、专题活动、红黑榜。
制作说明：点击“要闻”等直接显示目录，每页10条，最新发布的自动显示在“第一条”，每一目录字数不限；再次点击“某一目录”显示其内容，可以图文并茂。
6.粮食作物：大米、小麦、面粉、小米、黑米、玉米、高粱、黄豆、绿豆、蚕豆、芝麻、花生、土豆、红薯、其它
制作说明：鼠标放在“粮食作物”上显示“大米、小麦、面粉、
小米、黑米、玉米、高粱、黄豆、绿豆、蚕豆、芝麻、花生、土豆、红薯、其它”；再次点击“粮食作物”某一栏目时直接显示目录，每页10条，最新发布的自动显示在“第一条”，每一目录字数不限；再次点击“某一目录”显示其内容，可以图文并茂。
7.生鲜蔬菜：彩色辣椒、恩施马铃薯…
制作说明：与第6条相同。
8.油料作物：橄榄油、花生油、茶油、芝麻油、菜籽油、调和油…
制作说明：与第6条相同。
9.禽蛋类：鸡、鸭、鹅，鸡蛋、鸭蛋、鹅蛋、鹌鹑蛋…
制作说明：与第6条相同。
10.畜牧类：贺根牛肉、五峰黑猪、羊、狗…
制作说明：与第6条相同。
11.水产类：鱼类、贝类、澡类、海鲜类..
制作说明：与第6条相同。
12.水果：苹果、梨子、西瓜…
制作说明：与第6条相同。
13.酒类：监利粮酒、稻花香、枝江大曲、黄鹤楼…
制作说明：与第6条相同。
14.乳业/饮品：矿泉水…
制作说明：与第6条相同。
15.茶叶：“采花毛尖、恩施
制作说明：与第6条相同。
16.调味品：海天酱油、大桥味精…
制作说明：与第6条相同。
第6到第16条，每一产品的最下方均有“我要采购”字样，点击“我要采购后”显示的内容另附。
17.底部内容：
网站首页关于我们机构设置战略合作联系我们
按此格式设计。
主管单位：湖北企业新闻网中国企业报湖北记者站主办单位：舌尖（湖北）传媒有限公司
工商注册：机构代码：税务登记：
《网页设计与制作教案》 湄洲湾职业技术学院 2008-2009学年第一学期 教师：唐俊奇 系部：信息技术工程系 专业：计算机应用电子信息 班级：计机07（1）信息07（1）08（2）
第一讲网页设计概述 【教学内容】 讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】 使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。 【教学重点】 网页设计中的若干术语。 【教学难点】 理解网页设计中的若干术语。 【教学方式】 讲授式、讨论式、案例分析式。 【教学参考】 1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。 2、《Internet 网页工场》Wittime工作室重庆出版社。 3、《WEB网站设计》Joel Sklar著高等教育出版社。 4、《HTML网页制作教程》材义语编著铁道出版社。 【新课内容】 1.1 WWW和URL 1.1.1 Web的起源 Web是World Wide Web的简称，一般也称之为WWW或3W 1.1.2 Web的特点和结构 Web最大的特点是使用了超文本（Hypertext） WWW采用C/S（客户机/服务器）工作模式 在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 1.1.3 URL URL的完整格式 协议://主机名或IP地址：端口号/路径名/文件名 1.2 IE5的使用 Web浏览器是浏览Internet资源的客户端软件 在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic 等 1.2.1 IE5的界面 1.2.2 IE5的使用
一个完整的网站制作流程 一个网站的制作是负责的，耗时的，想要最有效的建好一个网站，就需要了解网站制作的具体流程，只有详细的了解各个步骤和流程，才能找到最有效的方法，快速有效的制作出网站。 网站建设的具体流程大概如下： 第一步：客户提出需求。 客户将自己所要建设的网站以及相关要求相告知，如想要的效果，开设的栏目，想要的风格等。同时客户需提供网站制作的相关资料，医院简介，联系方式，产品或项目描述，详细的网站框架设计要求等。 第二步：制定网站制作方案 双方就网站制作的内容、风格、细节等问题进行协商，以达成共识。为网站建设的开展做铺垫。 第三步：签定网站制作合同，支付预付款 双方签定《网站制作合同》，合约是双方利益的保障。 第四步：注册域名、空间 选择合适的注册域名和空间是网站开展运营的前提条件。 第五步：网站制作定位 医院网站制作应充分展示医院的服务理念和服务特色。医院做网站应充分展示医院各业务的特色和优势，通过文字，图片，颜色甚至声音等媒介，让用户能在最短的时间内抓住医院所要传递给大家的核
心思想。 第六步：网站风格设计 网站的风格包括很多方面，整个网站的总体风格，每个栏目频段自己独有的风格，网站基本框架的设计等。最后将初步做好的网站与客户进行讨论并加以改进。 第七步：网站制作 网站应当有一个很清晰的网站介绍，我们告诉访问者网站能够提供些什么，以便访问者能找到想要的东西。有效的导航条和良好的树状结构，使人们很容易找到有用的信息，这对访问者很重要。告诉访问者所提供的正是他们想要的信息。 第八步：网站验收 网站制作完成后，将会反复审核、修改最后通过客户的验收，网站才算建好。 第九步：网站宣传推广工作 网站建好之后，如若需要对网站进行宣传推广，我们可以聘请良好的网络优化团队，将全力为您的网站进行优化。 第十步：网站后期维护 网站建成以后，如果涉及到图片文字更换及数据库升级、修改缺陷及找回密码等情况。
《6.2 网页制作》--好客青岛欢迎您 1教学内容分析 本节内容是浙教版《信息技术基础》第6 章第2 节内容，是本章的重点。本章教学任务完成与否，要看学生能否通过小组合作的学习方式来完成一个主题网页的设计和制作。 通过本节内容的学习，学生将切实掌握网页的设计与制作方法，体验小组合作学习的乐趣和积极作用，同时，也是一次美育与德育（发现家乡的美，热爱家乡的美，宣传家乡的美）的过程。 2教学目标 ①知识与技能：了解网页策划和设计的基本过程。 ②过程与方法：学会设计和制作简单网页。 ③情感态度与价值观：体验小组合作学习的乐趣，感受家乡人文的魅力。 3教学重点 图文混排和设置超链接、网页布局及网页元素的科学合理运用 4教学难点 图文混排和设置超链接 5教学课时安排 本小节理论上分4 课时进行。 1.①第1 课时“网站的策划和构思”（课余完成）：学生完成分工，明确本 组及个人任务，初步完成网站的总体构思，并给出了手绘版的网页设计图。
②第2 课时“素材的收集与整理”（课余完成）：学生查找和收集素材，进行了 初步处理。 ③第3 课时，学生了解FrontPage2003 的基本操作方法，初步掌握了网页制作的简单技巧。 ④第4 课时，学生分组完成主题明确的网页的制作。（本次授课内容） 6教学过程 1 学时 教学活动 活动 1【活动】课前准备 1. 将收集整理的素材发送到学生电脑。 2. 将学案发到学生手中。 3. 每组设定一个共享文件夹。要求负责本组的主页制作的同学就坐于有共享文 件夹的电脑前。 活动 2【导入】课程导入 好客山东视频播放 网络时代如何更好的宣传自己美丽的家乡？从而导出本节课的主题-网页制作！活动 3 玩游戏，识布局 1、通过拼图游戏，让学生认识到网页布局的重要性。 盖楼——设计图纸 网页——布局图 2、了解常见的网页布局样式：封面型、国字型、拐角型、标题正文型等 活动 4【练习】活动一：制作简单的网页。
1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。 参考答案： （1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间； （2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间； （3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.doczj.com/doc/f9392260.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。 参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.doczj.com/doc/f9392260.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可） 参考答案： （1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.doczj.com/doc/f9392260.html,（此处也可输入IP地址）； （3）http：如https://www.doczj.com/doc/f9392260.html,/； （4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组； （5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.doczj.com/doc/f9392260.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。 参考答案： （1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.doczj.com/doc/f9392260.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/f9392260.html,”命令并回车； （3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/f9392260.html,”命令并回车； （4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？ 参考答案： （1）计算机地址拼写错误（主机名或IP地址错误）； （2）远程计算机暂时不能使用； （3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。 您的答案： 答：将https://www.doczj.com/doc/f9392260.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？ 参考答案： （1）主题图形式； （2）信息发布式； （3）介于两者之间的风格。
网站制作步骤 [ 浏览： 541 次添加人：胡居雄 | 发表于： 2009-5-14 ] 网站随着互联网络的发展越来越普及和深入到每一个行业、每一个人。做网站对于知道的人是很简单的事情，对于不知道的人，显得很高深莫测。其实，做网站的门槛是很低的，只要你想做，很少钱、很短时间就可以做到。对于我们自己，做网站可以随心所欲，充分展示自己。我在这里把做入门级网站的具体步骤告诉你，如果要做大型的网站，这个就肯定不够用了。 第一步：注册域名 什么是域名？域名是Internet上用来查找网站的专用名字，与我们熟悉的地址、门牌号的作用相似。据规定，域名由英文字母（不区分大小写），阿拉伯数字和横杠“－”组成，不能有空格，“－”不能放在最前面或最后面，每个层次最长不能超过67个字母。 互联网上的域名可谓千姿百态，但从域名的结构来划分，总体上可把域名分成两类，一类称为“国际顶级域名”（简称“国际域名”），一类称为“国内域名”。 一般国际域名的最后一个后缀是一些诸如.com，.net，.gov，.edu的”国际通用域”，这些不同的后缀分别代表了不同的机构性质。比如.com表示的是商业机构，.net表示的是网络服务机构，.gov表示的是政府机构，.edu表示的是教育机构。 国内域名的后缀通常要包括“国际通用域”和“国家域”两部分，而且要以“国家域”作为最后一个后缀。以ISO31660为规范，各个国家都有自己固定的国家域，如：cn代表中国、us代表美国、uk代表英国等。 举例：https://www.doczj.com/doc/f9392260.html,（国际域名） https://www.doczj.com/doc/f9392260.html,（国内域名） 互联网地址资源注册管理机构： 中国互联网信息中心https://www.doczj.com/doc/f9392260.html,/ 根据信息产业部授权，CNNIC是我国域名体系注册管理机构和域名根服务器运行机构。CNNIC负责运行和管理国家顶级域名CN、中文域名系统及通用网址系统。 CNNIC是亚太互联网络信息中心（APNIC）的国家级互联网络注册机构成员（NIR）。以CNNIC为召集单位的IP地址分配联盟，负责为我国的网络服务商（ISP）和网络用户提供IP地址和AS号码的分配管理服务。 推荐的知名注册服务机构： 中国万网https://www.doczj.com/doc/f9392260.html,/ 新网https://www.doczj.com/doc/f9392260.html,/ 中国频道https://www.doczj.com/doc/f9392260.html,/ 商务中国 新网互联https://www.doczj.com/doc/f9392260.html,/ 第二步：制作内容 根据自己想要做网站的目的来设计组织网站的页面和内容。 构成网站页面的必备要素：
一体化课程教案（首页） 课程网页制作授课教师 课题（项目） 名称 创意型网站开发审批 学习任务创意型网站开发授课课时16 授课日期年月日至年月日授课班级13电商高中 项目（任务）描述小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。现在公司刚接了四个不同的制作网站业务，由于公司人数不多，所以小李要独立负责其中一个网站的建设，由于时间紧迫，现要求小李选择其中一个网站，并和策划部进行快速沟通和需求分析，完成资料的整理和素材的简单加工，设计出基本框架，再通过网页编辑工具完成网页版面的制作和内容元素的编辑，最后通过公司服务器发布网站到互联网上。 教学目标通过完成本次任务，学生能够 ●通过多方调研明确客户需求，撰写需求确认分析说明书； ●通过组内讨论，做好网站开发详细计划，撰写项目工作计划表； ●通过小组分工合作，自主探究学习，设计有特色的网站； ●通过测试，发现存在问题并提出解决方案； ●能够展示小组作品的优势和特色，并能客观评价他人； ●通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达， 解决问题的经验，体验团队合作和信息共享的乐趣。 教学重点 分析客户需求；设计网站规划书；创建网站站点；设计网页版面布局；素材编辑和修辞； 内容页制作和超链接。 教学难点使用Dreamweaver进行网页布局；内容页制作；页面间的超链接。 学情分析根据客户需求，开发一个商务网站，进行宣传推广商品。该网站以信息发布、产品介绍、在线销售、顾客服务、提升品牌形象为主要功能和目的。学生在学习任务中首先要进行客户需求分析，制定网站设计书，并进行创建站点和管理站点，然后在已创建的站点上进行主页、内页设计完善网站功能，并使用多种工具进行网页美工，最后发布和管理已建好的网站，根据公司的要求，更新和维护网站。 教学策略本次教学任务在电商实验班进行授课，采用任务驱动，模块演示的教学方法；以学生为
网页设计与制作_在线作业_C 最终成绩：90.0 一判断题 1. (5.0 分) FALSE TRUE 知识点： 11.2 编辑矢量对象 用户解答： FALSE 2. (5.0 分) FALSE TRUE 知识点： 12.1 创建和编辑标准文本 用户解答： FALSE 3. 在Fireworks中，图中(b)是对(a) 实施外斜角滤镜的结果。（） (5.0 分) TRUE FALSE 知识点： 13.1 滤镜 用户解答： FALSE 4. 在Fireworks中，“自由变形工具”能够直接对矢量对象执行变形操作，也能对路径上的各个定位点进行操作。（） 在Fireworks中，文字不能设置笔触和填充。（）
(5.0 分) FALSE TRUE 知识点： 13.2 资源——样式、元件、URL 、形状 用户解答： TRUE 5. (5.0 分) FALSE TRUE 知识点： 13.4 优化与导出 用户解答： FALSE 6. (5.0 分) FALSE TRUE 知识点： 15.2.3 绘图工具箱 用户解答： TRUE 7. (5.0 分) FALSE TRUE 在Fireworks 中，元件是用户自己建立的可以重复使用的图形，动画或按钮对象。（ ） 在Fireworks 中，可以同时显示6幅不同优化效果的图像。（ ） Flash 中“墨水瓶工具”（Ink Bottle Tool ）是为矢量色块进行填充的工具。（ ） Flash 中文本必须图形化才能使用滤镜。（ ）
知识点： 16.1.1 文本工具 用户解答： TRUE 8. (5.0 分) TRUE FALSE 知识点： 16.1.2 文本变形及图形化 用户解答： TRUE 二单项选择题 1. (5.0 分) 知识点： 9.5 调整画布或图像 用户解答： 2. (5.0 分) “修改”|“组合路径”|“拆分” “修改”|“组合路径”|“封口” “修改”|“组合路径”|“联合” “修改”|“组合路径”|“接合” 知识点： 11.2 编辑矢量对象 用户解答：“修改”|“组合路径”|“接合” 3. Flash中为了避免丢失字体，应将文字图形化。（） 若需要向下方向扩大Fireworks画布，应在修改Fireworks画布的窗口内，点击（）锚定按钮。在Fireworks中，用“刀子”工具切割路径后，应执行（）命令，将路径封口。
《多媒体网页设计》课程报告 题目：新空气，新环保 专业： 班级： 姓名： 学号：1107100202、1107100213 日期：2012年6月29日
一、设计题目 新空气，新环保 二、设计目的 本网站旨在向大家宣传环保、污染、低碳减排的相关内容，用以提醒大家关注身边环境维护状况，并倡导健康环保的生活方式，在日常生活的点点滴滴中为环保做出自己的一份贡献。 三、需求分析 由环保的主题出发，建设我们的网站需要收集有关环保的社会热点新闻文本，关于良好环境、受污染环境以及低碳生活的相关图片，还有网站建设、网页制作过程中所需要的相关技术的书籍、网络信息等。 四、总体规划和结构框图 总体规划：网站由欢迎页、首页和两个子页面构成，欢迎页作用是将浏览者引导进入网站当中，首页的主要作用是介绍环保热点新闻，并引导浏览者有序对网站进行浏览。两个子页面分别从低碳生活和自然环境污染状况图片对比两个方面介绍环保的相关内容。首页和两个子页面基本采用统一形式。在首页和每个子页面的显眼位置设置导航条，便于浏览者实施在网站各个页面间的转换，以方便浏览者对
于网站的浏览。 结构框图： 五、创意分析 二十一世纪的今天，环保问题已经成为一个不可避免提及并且是一个迫在眉睫需要进行研究处理的问题，所以我们首先将环保作为我们的主题。 在网站构建和网页制作方面，我们重点突出对环保内容的宣传，所以网站的基本风格为简约明快风，欢迎页以单一图片、Logo和导航相搭配，没有进行较复杂的修饰，但也用蓝色的Logo有效的点明了网站主题。
彩相搭配并配以相关的介绍图片，重点突出图片和文字内容。 行介绍；
《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。 （一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 （二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览 者接受和喜爱；
3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 （三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够 不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求： 可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接
■制作个人网页的步骤 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如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，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。
实用标准文案 电子教案 课程：第1章网页制作基础 课时内容网页制作基础授课时间学时数2 教学目标了解 HTML 的组成和语法 了解网页制作的常用软件 掌握网页制作软件的启动和退出方法 教学重点网页制作的一些基本知识 教学难点HTML的组成和语法 教学设计1、教学思路：首先，让同学们说说他们对网页的一个认识。然后进行系统地介绍网页 是什么，由哪些部分组成，还有网页制作时所需掌握的一些基础知识和制作网页时 常用到的一些软件。最后学习网页制作软件的启动和退出方法。 2、教学方法：先登录一些常用的网站，让同学们看一些网页，然后让同学们说下他们 度网页的认识，最后才开始讲解本周内容。 3、教学手段：利用多媒体并结合网络进行教学。 4、教学资料及要求：课前要求学生先大致浏览本书内容，对本书所要讲解的内容有个 基本的了解。 教学内容 讨论问题： 1、什么是网页？ 2、网页的基本组成部分是哪些？ 3、网页有什么作用？ 第 1 章网页制作基础# 1.1网页制作基础知识 1.1.1网页简介 1.1.2什么是HTML 1.1.3 HTML 的组成结构及语法 1.1.4应用举例——使用记事本编写网页 1.2网页制作的常用软件 1.2.1图形图像处理软件 1.2.2动画制作软件 1.2.3网页布局软件 1.2.4软件配合及制作流程 1.2.5应用举例——实战网页制作流程 1.3网页制作软件的启动与退出 1.3.1网页制作软件的启动 1.3.2文件的打开 1.3.3网页制作软件的退出 1.3.4应用举例——启动并退出 Photoshop CS3 1.4上机及项目实训 1.4.1Flash CS3 的启动与退出 1.4.2制作“蓝莲花”网页
个人网页制作全过程 [日期：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，打好基础，如果将来准备
多媒体网页设计实验报告 PhotoShop操作使用
实验三、PhotoShop操作使用 一、实验目的 通过本实验了解网页常见多媒体元素的制作方法，学会使用常见的图像处理及动画工具。图像处理的软件有很多,Adobe Photoshop以其直观的界面，全面的功能成为最流行的图像处理软件，是学习的首选软件。 二、实验任务 1)学会用选择工具等选取工具选取图像区域 2）了解蒙版、通道的功能及用法 3）学会运用图层选项制作各种效果 4）学会用滤镜制作特殊效果 三、实验准备 Adobe Photoshop界面的熟悉 Adobe Photoshop工具箱的使用 图层、模板的使用 滤镜的使用 四、实验过程 操作示例如下： PS热键练习：新建一500*300像素大小的图像文件，依次操作以下热键，观察效果。 Ctrl+加号→放大 Ctrl+减号→缩小 Ctrl+0→满画布显示→相当于双击工具箱的“手” Crtl+del键填充背景色 Alt+del键填充前景色 矩形选择：M→Shift+M→换成其他的选择工具 选择工具+Shift→正选择工具 +Alt→从中心选择 Enter→封闭选择区域
Space Bar→进入移动状态 Ctrl+D→取消选择 Ctrl+Shift+I→反选 Ctrl+单击图层名称→选中对象（背景是透明的） 示例一：选择工具练习 1、a磁性套索工具练习：打开p2.jpg图像文件，使用磁性套索工具将花朵选择出 来， B色彩范围练习：打开p1.Jpg图像文件，点击菜单—‘选择’—‘色彩范围’ 利用取样颜色吸管在花朵上点击，调节“颜色容差”直至将花朵选中，打开菜单：“图像”-“调整”-“色相饱和度”，做如图设置
网页设计与制作_在线作业_1 一、单选题 1. 在Fireworks中，修改用钢笔绘制的自由路径的弧度，需使用（）。 ? A. 部分选定工具 ? B. 钢笔 ? C. 重绘路径工具 ? D. 指针工具 2. 在Fireworks中，用“刀子”工具切割路径后，应执行（）命令，将路径封口。? A. “修改”|“组合路径”|“联合” ? B. “修改”|“组合路径”|“拆分” ? C. “修改”|“组合路径”|“封口” ? D. “修改”|“组合路径”|“接合” 3. 若将页面分为3个框架，应保存（）个网页html文件。 ? A. 1 ? B. 2
? C. 3 ? D. 4 4. 在Fireworks中，“自由变形工具”的光标有两种形状，（）。 ? A. 当光标为时，对路径执行“扭曲”操作，当光标为时，对路径执行“拉伸”操作 ? B. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作 ? C. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“扭曲”操作 ? D. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作 5. .blue {color: #0000ff}是（）。 ? A. 标签选择符和选择符组 ? B. 包含选择符 ? C. ID选择符 ? D. 类选择符 6. 书写CSS样式时，要把相同属性和值的标签组合起来书写，应使用（）。
? A. ID选择符 ? B. 类选择符 ? C. 标签选择符和选择符组 ? D. 包含选择符 二、多选题 1. Flash的“选择工具”用于选取图形、移动图形和编辑图形。其光标可以是（）。? A. ? B. ? C. ? D. 2. 使用Flash “选择工具”同时选中，则（）。 ? A. 作图或拖动舞台对象时，可以准确地吸附到其他线条上的点。 ? B. 鼠标指针指向对象的中心点，鼠标指针上出现一个小三角 ? C. 作图或拖动舞台对象时，可以准确地吸附到其他图形的中心点。 ? D. 影响绘制形状或位置的微调。 3.
网页设计中多媒体技术的应用介绍 在即时通信设计中的应用 网页是一种借助互联网来进行信息传播、功能实现的平台。因此，在网页设计的过程中，需要确保其通信质量、速度。但是，如果网页的内容比较繁多，存储需求比较大时，就会导致网页功能不能实现，比如出现网页打开速度缓慢、无法打开等。为了解决上述问题，需要利用计算机多媒体技术，即比如压缩实时通信的信息、增加长度限制等。通常情况下，用户利用网络来浏览网页信息时，在下载、读取文件的过程中，需要对音频实时采样序列操作。在网页设计中，图像、文本媒体所占内存空间比较有限，但为了使用户充分了解网页内容，实现广告吸引等，需要有大量的阐述性、介绍性信息，包括文字说明、图片、网页介绍等。此外，在大量的图形、音频文件中，同样会夹杂文本信息。要想确保网页容量处于限制范围之内，同时保证网页的正常浏览，就需要解决好两个问题，即像素调节、控制文本和图形文件的长度。使用计算机多媒体技术进行处理时，应考虑压缩标准对文件质量的影响。目前，相对比较高的压缩质量为MPEG标准，但JPEG标准在实际应用中最为广泛。 在网络连接设计中的应用 当网页正式工作后，网络用户会通过多种渠道来浏览网
页，访问量会不断增长，同时承载媒体信息的数量也会不断扩张，从而给网络连接带来一定的压力。为了满足传输需求，需要借助计算机多媒体机技术，实现对媒体数据的压缩和解压。压缩指的是用户在实时数据传输前，在进行压缩，然后再进行传输，这样一来，可以节约传输时间，有效避免出现网络堵塞问题。解压缩则是发生在用户获得媒体资料以后，它主要是先对文件进行解压，然后再实施编辑、存储等。除此之外，为了满足网页用户之间的网络连接，应用计算机多媒体，可以建立不同的模型，比如OSI框架协议通信，它可以面向多用户进行操作，并且还具有自动纠错功能。 在网页形象化设计中的应用 在网页设计中，为了确保网页的吸引性、可读性等，需要添加一些因素。利用计算机多媒体技术，既可以为网页提供设计因素，同时还能利用视频、图像等方式，让网页更加生动、丰富。值得注意的是，在网页设计的过程中，需要认识到多媒体属于一种加载程序，所以应该适当控制其容量，避免加载过多出现一定的负担，从而设计出更加绚丽、快捷的网页来。 在网页设计中，计算机多媒体技术的应用大大提高其效果和效率，但同样也存在一些问题，具体如下： 多媒体元素格式选择错误
湖南文理学院芙蓉学院个人主页课程设计报告 课题: 个人主页课程设计 姓名：吴珊 学号： 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多万年的生产和生活实践中，在食源开发、食具研制、食品调理、营养保健和饮食审美等方面创造、积累并影响周边国家和世界的物质财富及精神财富。 民以食为天，中华上下五千年美食文化更是源远流长。所以这次我们选择了“美食”作为主题。美食，顾名思义就是美味的食物，贵的有山珍海味，便宜的有街边小吃。但是不是所有人对美食的标准都是一样的，其实美食是不分贵贱的，只要是自己喜欢的，就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心情的时候，美食已不仅仅是简单的味觉感受，更是一种精神享受。中国美食体现了中华民族的饮食文化传统，有许多独特之处。由于风味多样，四季有别。导致各地的美食各有千秋。 系因地理、气候、习俗、特产的不同形成了不同的地方风味,美食菜系的划分单就汉族的饮食特点而言，目前有四大菜系、八大菜系、十大菜系之说，而且划分系类仍有继续增加的趋势。如果按四大菜系分：有川菜、粤菜、苏菜和鲁菜。也有分八大菜系的。其中各大菜系交相辉映，各有千秋，成为了中华民族珍贵的文化瑰宝！ 本次的主题分为两大部分，新疆美食、湖南美食两个主要部分。通过这两个板块来介绍两个地方的美食，以突显南北两方的美食差异与特点。让大家通过我们这个网页，以我们的网页为窗口了解湖南美食，了解新疆美食，从而增强对我国的美食文化的了解。 湖南美食-----湖南菜特别讲究原料的入味，技法多样，有烧、炒、蒸、熏等方法，尤以“蒸”菜见长。最为精湛的是煨，原汁原味。且刀功精妙，形味兼美，菜肴千姿百态，变化无穷。 新疆美食-----新疆的主食是面条、馕和牛羊肉，菜以酸辣口味为主，洋葱、番茄、辣椒、土豆用大蒜头等是常用的蔬菜配料，当然也少不了孜然、辣椒粉、醋等调味料，所以新疆菜总是香喷喷、又酸又辣，特别开胃。总地来说，新疆各民族的人们都偏爱吃面食、奶制品、牛羊肉及各种瓜果.
第一章、网站概述 1.1 网站与网页的概述 1.2 网页的基本元素 1.3 网页布局 1.4 配色原则 1.5 HTML 与渲染 第二章、网页制作工具Dreamweaver 2.1 安装与启动 2.2 文档使用 2.3 工作区结构(上)(下) 2.4 菜单概述(上)(下) 2.5 插入栏详解 2.5.1 常用工具栏使用(上)(下) 2.5.2 布局工具栏使用(上)(下) 2.5.3 表单工具栏使用(上)(中)(下) 2.5.4 文本工具栏使用(上)(下) 2.5.5 HTML工具栏使用 2.5.6 Flash元素工具栏的使用 2.5.7 收藏夹工具栏的使用 2.6 面板组 2.6.1 使用面板和面板组 2.6.2 设计面板组 2.6.3 代码面板组(上)、(下) 2.6.4 标签检查器面板组(上)、(下) 2.6.5 属性面板组 第三章、HTML 3.1 HTML 概念 3.2 一个HTML的示例 3.3 页面头部 3.3.1 HTML 头部标记 3.3.2 标题标记